diff --git a/README.md b/README.md
index 29ee723..49818e9 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# numanibnmazid.com
+# nim23.com
 
 ```diff
 - [N:B: This site is under construction]
diff --git a/TODO.md b/TODO.md
index 2196941..1ebfa4d 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,14 +1,14 @@
 # TODO List
 
-- Refine Project
+- (DONE) Refine Project
 
   - Remove all templates and static files
   - Remove django unicorn dependency
   - Remove all unnecessary dependencies from requirements
 
-- Update Master and Dev Branch with refined project
+- (DONE) Update Master and Dev Branch with refined project
 
-- Design Starter Template
+- (DONE) Design Starter Template
 
   - Design starter template using tailwind CSS official documentation
   - Minimum Requirements
@@ -18,6 +18,30 @@
     - A demo body element
     - Footer
 
+- Utilities
+
+  - (DONE) Configure EmailJS (Contact Form). Better if mail would send via backend api.
+  - (REMOVED) Fix Utilities Page.
+  - Fix Every page's meta option.
+  - (DONE) Fix Snippets, (REMOVED) Newsletter, (REMOVED) RSS, (REMOVED) dev.to.
+  - (DONE) Fix footer.
+  - Fix Visitor Count.
+  - Fix Bar code Scanner.
+  - Fix Spotify.
+  - Implement Youtube Stats.
+  - Add YouTube Videos Page.
+  - Implement `generate_order` pre_save signal as a decorator and use in all django models where order is used.
+  - Implement Loader in All pages.
+  - Create and Update Site Logo.
+  - Remove all custom model manager as these are not needed in this project scope.
+  - (DONE) Fix blog slug page.
+  - (DONE) Generate auto token after expiration or make token to expire never.
+  - Test Rich Text Editor Image or File Upload and keeo only Tinymce, remove others.
+  - Implement Tailwind Documentation Page's Background Color.
+  - Implement Blog Comment, Reply, Like Features.
+  - Add PDF Reader or Modal on Project Details.
+  - Implemet Full Text Search.
+
 ## Bug Fix
 
 -
diff --git a/UTILS.md b/UTILS.md
index 82fc78e..911a341 100644
--- a/UTILS.md
+++ b/UTILS.md
@@ -11,3 +11,18 @@
  Generate without hashes
 
  $ poetry export -f requirements.txt --output requirements.txt --without-hashes
+
+## Demo User Authentication Token for Development
+
+```json
+{
+  "expiry": "2023-07-05T03:53:01.757821Z",
+  "token": "c012a83914869d906fc34e514d1c101e9175c652975f48372e731d72091c9bd3",
+  "user": {
+    "email": "admin@admin.com"
+  }
+}
+```
+
+Usage:
+Token 9ae5f0396f6b504f493e51f5c9bc77b80812cddad973f0b27e7de50ae70f83fa
diff --git a/project/Dockerfile b/backend/Dockerfile
similarity index 86%
rename from project/Dockerfile
rename to backend/Dockerfile
index 8559241..6c9f851 100644
--- a/project/Dockerfile
+++ b/backend/Dockerfile
@@ -2,7 +2,7 @@ FROM python:3.9.12-alpine3.15
 ENV PYTHONUNBUFFERED 1
 
 # Install required dependencies
-RUN apk update && apk add gcc musl-dev libffi-dev
+RUN apk update && apk add gcc musl-dev build-essential libssl-dev libffi-dev
 
 RUN mkdir /app
 WORKDIR /app
diff --git a/project/config/__init__.py b/backend/blogs/__init__.py
similarity index 100%
rename from project/config/__init__.py
rename to backend/blogs/__init__.py
diff --git a/backend/blogs/admin.py b/backend/blogs/admin.py
new file mode 100644
index 0000000..9144e0b
--- /dev/null
+++ b/backend/blogs/admin.py
@@ -0,0 +1,73 @@
+from django.contrib import admin
+from django.db import models
+from blogs.models import BlogCategory,Blog, BlogViewIP, BlogComment
+from utils.mixins import CustomModelAdminMixin
+from tinymce.widgets import TinyMCE
+
+
+# ----------------------------------------------------
+# *** BlogCategory ***
+# ----------------------------------------------------
+
+class BlogCategoryAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = BlogCategory
+
+admin.site.register(BlogCategory, BlogCategoryAdmin)
+
+
+# ----------------------------------------------------
+# *** Blog ***
+# ----------------------------------------------------
+
+class BlogAdmin(admin.ModelAdmin):
+    formfield_overrides = {
+        models.TextField: {'widget': TinyMCE()},
+    }
+
+    list_display = (
+        'title', 'category', 'image', 'overview', 'author', 'tags', 'get_reading_time',
+        'get_total_words', 'status', 'order', 'get_table_of_contents'
+    )
+
+    def get_reading_time(self, obj):
+        return obj.get_reading_time()
+
+    get_reading_time.short_description = 'Reading Time'
+
+    def get_total_words(self, obj):
+        return obj.get_total_words()
+
+    get_total_words.short_description = 'Total Words'
+
+    def get_table_of_contents(self, obj):
+        return obj.get_table_of_contents()
+
+    get_table_of_contents.short_description = 'Table of Contents'
+
+    class Meta:
+        model = Blog
+
+admin.site.register(Blog, BlogAdmin)
+
+
+# ----------------------------------------------------
+# *** BlogViewIP ***
+# ----------------------------------------------------
+
+class BlogViewIPAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = BlogViewIP
+
+admin.site.register(BlogViewIP, BlogViewIPAdmin)
+
+
+# ----------------------------------------------------
+# *** BlogComment ***
+# ----------------------------------------------------
+
+class BlogCommentAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = BlogComment
+
+admin.site.register(BlogComment, BlogCommentAdmin)
diff --git a/backend/blogs/api/routers.py b/backend/blogs/api/routers.py
new file mode 100644
index 0000000..d4b48f3
--- /dev/null
+++ b/backend/blogs/api/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from blogs.api.views import BlogViewset
+
+
+router.register("blogs", BlogViewset, basename="code_snippets")
diff --git a/backend/blogs/api/serializers.py b/backend/blogs/api/serializers.py
new file mode 100644
index 0000000..462e874
--- /dev/null
+++ b/backend/blogs/api/serializers.py
@@ -0,0 +1,33 @@
+from rest_framework import serializers
+from blogs.models import Blog, BlogCategory
+
+
+class BlogCategorySerializer(serializers.ModelSerializer):
+    class Meta:
+        model = BlogCategory
+        fields = "__all__"
+
+
+class BlogSerializer(serializers.ModelSerializer):
+    category = BlogCategorySerializer()
+    image = serializers.SerializerMethodField()
+    reading_time = serializers.SerializerMethodField()
+    total_words = serializers.SerializerMethodField()
+    table_of_contents = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Blog
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
+
+    def get_reading_time(self, obj):
+        return obj.get_reading_time()
+
+    def get_total_words(self, obj):
+        return obj.get_total_words()
+
+    def get_table_of_contents(self, obj):
+        return obj.get_table_of_contents()
diff --git a/backend/blogs/api/views.py b/backend/blogs/api/views.py
new file mode 100644
index 0000000..497a68e
--- /dev/null
+++ b/backend/blogs/api/views.py
@@ -0,0 +1,27 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin, RetrieveModelMixin
+from utils.helpers import custom_response_wrapper
+from blogs.models import Blog
+from blogs.api.serializers import BlogSerializer
+
+
+@custom_response_wrapper
+class BlogViewset(GenericViewSet, ListModelMixin, RetrieveModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Blog.objects.filter(status="Published")
+    serializer_class = BlogSerializer
+    lookup_field = 'slug'
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        limit = self.request.query_params.get('_limit')
+
+        if limit:
+            try:
+                limit = int(limit)
+                queryset = queryset[:limit]
+            except ValueError:
+                pass
+
+        return queryset
diff --git a/backend/blogs/apps.py b/backend/blogs/apps.py
new file mode 100644
index 0000000..0e2533b
--- /dev/null
+++ b/backend/blogs/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class BlogsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "blogs"
diff --git a/backend/blogs/migrations/0001_initial.py b/backend/blogs/migrations/0001_initial.py
new file mode 100644
index 0000000..b9e7fbf
--- /dev/null
+++ b/backend/blogs/migrations/0001_initial.py
@@ -0,0 +1,176 @@
+# Generated by Django 4.2.1 on 2023-07-02 20:32
+
+from django.db import migrations, models
+import django.db.models.deletion
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="Blog",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=255, unique=True)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_blog_image_path,
+                    ),
+                ),
+                ("content", models.TextField()),
+                (
+                    "author",
+                    models.CharField(
+                        blank=True, default="Numan Ibn Mazid", max_length=100
+                    ),
+                ),
+                ("keywords", models.CharField(blank=True, max_length=255)),
+                (
+                    "status",
+                    models.CharField(
+                        choices=[
+                            ("Published", "Published"),
+                            ("Draft", "Draft"),
+                            ("Archived", "Archived"),
+                        ],
+                        default="Published",
+                        max_length=20,
+                    ),
+                ),
+                ("reading_time", models.PositiveIntegerField(blank=True, null=True)),
+                ("order", models.PositiveIntegerField(blank=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Blog",
+                "verbose_name_plural": "Blogs",
+                "db_table": "blog",
+                "ordering": ("order", "-created_at"),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.CreateModel(
+            name="BlogCategory",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=255, unique=True)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Blog Category",
+                "verbose_name_plural": "Blog Categories",
+                "db_table": "blog_category",
+                "ordering": ("-created_at",),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.CreateModel(
+            name="BlogViewIP",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("ip_address", models.CharField(max_length=255, unique=True)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                ("first_visited_at", models.DateTimeField(auto_now_add=True)),
+                ("last_visited_at", models.DateTimeField(auto_now=True)),
+                ("liked", models.BooleanField(default=False)),
+                (
+                    "blog",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="view_ips",
+                        to="blogs.blog",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Blog View IP",
+                "verbose_name_plural": "Blog View IPs",
+                "db_table": "blog_view_ip",
+                "ordering": ("-last_visited_at",),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.CreateModel(
+            name="BlogComment",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=255)),
+                ("email", models.EmailField(max_length=255)),
+                ("comment", models.TextField()),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                ("is_approved", models.BooleanField(default=False)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+                (
+                    "blog",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="comments",
+                        to="blogs.blog",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Blog Comment",
+                "verbose_name_plural": "Blog Comments",
+                "db_table": "blog_comment",
+                "ordering": ("-created_at",),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.AddField(
+            model_name="blog",
+            name="category",
+            field=models.ForeignKey(
+                blank=True,
+                null=True,
+                on_delete=django.db.models.deletion.CASCADE,
+                related_name="blogs",
+                to="blogs.blogcategory",
+            ),
+        ),
+    ]
diff --git a/backend/blogs/migrations/0002_blog_overview.py b/backend/blogs/migrations/0002_blog_overview.py
new file mode 100644
index 0000000..798d7aa
--- /dev/null
+++ b/backend/blogs/migrations/0002_blog_overview.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-07-04 16:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("blogs", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="blog",
+            name="overview",
+            field=models.CharField(blank=True, max_length=255, null=True),
+        ),
+    ]
diff --git a/backend/blogs/migrations/0003_rename_keywords_blog_tags.py b/backend/blogs/migrations/0003_rename_keywords_blog_tags.py
new file mode 100644
index 0000000..02a078c
--- /dev/null
+++ b/backend/blogs/migrations/0003_rename_keywords_blog_tags.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-07-04 17:08
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("blogs", "0002_blog_overview"),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name="blog",
+            old_name="keywords",
+            new_name="tags",
+        ),
+    ]
diff --git a/backend/blogs/migrations/0004_remove_blog_reading_time.py b/backend/blogs/migrations/0004_remove_blog_reading_time.py
new file mode 100644
index 0000000..db233f5
--- /dev/null
+++ b/backend/blogs/migrations/0004_remove_blog_reading_time.py
@@ -0,0 +1,17 @@
+# Generated by Django 4.2.1 on 2023-07-08 17:52
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("blogs", "0003_rename_keywords_blog_tags"),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name="blog",
+            name="reading_time",
+        ),
+    ]
diff --git a/backend/blogs/migrations/__init__.py b/backend/blogs/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/blogs/models.py b/backend/blogs/models.py
new file mode 100644
index 0000000..47f337c
--- /dev/null
+++ b/backend/blogs/models.py
@@ -0,0 +1,223 @@
+from django.db import models
+from django.utils.translation import gettext_lazy as _
+from django.conf import settings
+from django.dispatch import receiver
+from django.db.models.signals import pre_save
+from django.db.models import Max
+from utils.helpers import CustomModelManager
+from utils.snippets import autoSlugWithFieldAndUUID, autoSlugFromUUID, get_static_file_path, image_as_base64, random_number_generator
+from utils.image_upload_helpers import (
+    get_blog_image_path,
+)
+import math
+from bs4 import BeautifulSoup
+import re
+
+""" *************** Blog Category *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="name")
+class BlogCategory(models.Model):
+    name = models.CharField(max_length=255, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'blog_category'
+        verbose_name = _('Blog Category')
+        verbose_name_plural = _('Blog Categories')
+        ordering = ('-created_at',)
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.name
+
+
+""" *************** Blog *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class Blog(models.Model):
+    class Status(models.TextChoices):
+        PUBLISHED = 'Published', _('Published')
+        DRAFT = 'Draft', _('Draft')
+        ARCHIVED = 'Archived', _('Archived')
+
+    title = models.CharField(max_length=255, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    category = models.ForeignKey(BlogCategory, on_delete=models.CASCADE, related_name='blogs', blank=True, null=True)
+    image = models.ImageField(upload_to=get_blog_image_path, blank=True, null=True)
+    overview = models.CharField(max_length=255, blank=True, null=True)
+    content = models.TextField()
+    author = models.CharField(max_length=100, default="Numan Ibn Mazid", blank=True)
+    tags = models.CharField(max_length=255, blank=True)
+    status = models.CharField(max_length=20, choices=Status.choices, default=Status.PUBLISHED)
+    order = models.PositiveIntegerField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'blog'
+        verbose_name = _('Blog')
+        verbose_name_plural = _('Blogs')
+        ordering = ('order', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/blog.png")
+        return image_as_base64(image_path)
+
+    def get_total_words(self):
+        content = self.content
+        # Remove HTML tags from content
+        soup = BeautifulSoup(content, 'html.parser')
+        text = soup.get_text(separator=' ')
+        word_count = len(text.split())
+        return word_count
+
+    def get_reading_time(self):
+        words_per_minute = settings.BLOG_WORDS_PER_MINUTE
+        total_words = self.get_total_words()
+        minutes = math.ceil(total_words / words_per_minute)
+
+        if minutes < 60:
+            reading_time = f"{minutes} minute{'s' if minutes > 1 else ''}"
+        else:
+            hours = minutes // 60
+            remaining_minutes = minutes % 60
+
+            if remaining_minutes == 0:
+                reading_time = f"{hours} hour{'s' if hours > 1 else ''}"
+            else:
+                reading_time = f"{hours} hour{'s' if hours > 1 else ''} {remaining_minutes} minute{'s' if remaining_minutes > 1 else ''}"
+
+        return reading_time
+
+    def get_table_of_contents(self):
+        content = self.content
+        soup = BeautifulSoup(content, 'html.parser')
+
+        # Find all heading elements (h1, h2, h3, etc.)
+        headings = soup.find_all(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'])
+
+        table_of_contents = []
+
+        # Extract the text, level and id of each heading
+        for heading in headings:
+            text = heading.get_text()
+            level = int(heading.name[1])
+            match = re.search(r'id="([^"]+)"', str(heading))
+            if match:
+                heading_id = match.group(1)
+                table_of_contents.append({'heading': text, 'level': level, 'id': heading_id})
+
+        return table_of_contents
+
+# Signals
+
+@receiver(pre_save, sender=Blog)
+def generate_order(sender, instance, **kwargs):
+    """
+    This method will generate order for new instances only.
+    Order will be generated automatically like 1, 2, 3, 4 and so on.
+    If any order is deleted then it will be reused. Like if 3 is deleted then next created order will be 3 instead of 5.
+    """
+    if not instance.pk:  # Only generate order for new instances
+        if instance.order is None:
+            deleted_orders = Blog.objects.filter(order__isnull=False).values_list('order', flat=True)
+            max_order = Blog.objects.aggregate(Max('order')).get('order__max')
+
+            if deleted_orders:
+                deleted_orders = sorted(deleted_orders)
+                reused_order = None
+                for i in range(1, max_order + 2):
+                    if i not in deleted_orders:
+                        reused_order = i
+                        break
+                if reused_order is not None:
+                    instance.order = reused_order
+            else:
+                instance.order = max_order + 1 if max_order is not None else 1
+
+
+@receiver(pre_save, sender=Blog)
+def add_unique_ids_to_content_headings(sender, instance, **kwargs):
+    content = instance.content
+    soup = BeautifulSoup(content, 'html.parser')
+
+    headings = soup.find_all(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'])
+
+    for heading in headings:
+        heading_id = re.sub(r'\W+', '-', heading.text.lower())
+        heading['id'] = heading_id + '-' + random_number_generator(size=3)
+        heading_string = str(heading)
+        content = content.replace(heading_string, f'<{heading_string} id="{heading_id}">')
+
+    instance.content = str(soup)
+
+
+""" *************** Blog View IP *************** """
+
+
+@autoSlugFromUUID()
+class BlogViewIP(models.Model):
+    ip_address = models.CharField(max_length=255, unique=True)
+    blog = models.ForeignKey(Blog, on_delete=models.CASCADE, related_name='view_ips')
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    first_visited_at = models.DateTimeField(auto_now_add=True)
+    last_visited_at = models.DateTimeField(auto_now=True)
+    liked = models.BooleanField(default=False)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'blog_view_ip'
+        verbose_name = _('Blog View IP')
+        verbose_name_plural = _('Blog View IPs')
+        ordering = ('-last_visited_at',)
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.ip_address
+
+
+""" *************** Blog Comment *************** """
+
+
+@autoSlugFromUUID()
+class BlogComment(models.Model):
+    name = models.CharField(max_length=255)
+    email = models.EmailField(max_length=255)
+    comment = models.TextField()
+    blog = models.ForeignKey(Blog, on_delete=models.CASCADE, related_name='comments')
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    is_approved = models.BooleanField(default=False)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'blog_comment'
+        verbose_name = _('Blog Comment')
+        verbose_name_plural = _('Blog Comments')
+        ordering = ('-created_at',)
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return f"{self.name} :- {self.blog.title}"
diff --git a/backend/blogs/tests.py b/backend/blogs/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/backend/blogs/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/backend/blogs/views.py b/backend/blogs/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/backend/blogs/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/backend/code_snippets/__init__.py b/backend/code_snippets/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/code_snippets/admin.py b/backend/code_snippets/admin.py
new file mode 100644
index 0000000..6d7d9be
--- /dev/null
+++ b/backend/code_snippets/admin.py
@@ -0,0 +1,20 @@
+from django.contrib import admin
+from django.db import models
+from code_snippets.models import CodeSnippet
+from utils.mixins import CustomModelAdminMixin
+from tinymce.widgets import TinyMCE
+
+
+# ----------------------------------------------------
+# *** CodeSnippet ***
+# ----------------------------------------------------
+
+class CodeSnippetAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    formfield_overrides = {
+        models.TextField: {'widget': TinyMCE()},
+    }
+    class Meta:
+        model = CodeSnippet
+
+admin.site.register(CodeSnippet, CodeSnippetAdmin)
+
diff --git a/backend/code_snippets/api/__init__.py b/backend/code_snippets/api/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/code_snippets/api/routers.py b/backend/code_snippets/api/routers.py
new file mode 100644
index 0000000..dc3093d
--- /dev/null
+++ b/backend/code_snippets/api/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from code_snippets.api.views import CodeSnippetViewset
+
+
+router.register("code-snippets", CodeSnippetViewset, basename="code_snippets")
diff --git a/backend/code_snippets/api/serializers.py b/backend/code_snippets/api/serializers.py
new file mode 100644
index 0000000..83f6f6b
--- /dev/null
+++ b/backend/code_snippets/api/serializers.py
@@ -0,0 +1,14 @@
+from rest_framework import serializers
+from code_snippets.models import CodeSnippet
+
+
+class CodeSnippetSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+
+    class Meta:
+        model = CodeSnippet
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
diff --git a/backend/code_snippets/api/views.py b/backend/code_snippets/api/views.py
new file mode 100644
index 0000000..188b2ac
--- /dev/null
+++ b/backend/code_snippets/api/views.py
@@ -0,0 +1,14 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin, RetrieveModelMixin
+from utils.helpers import custom_response_wrapper
+from code_snippets.models import CodeSnippet
+from code_snippets.api.serializers import CodeSnippetSerializer
+
+
+@custom_response_wrapper
+class CodeSnippetViewset(GenericViewSet, ListModelMixin, RetrieveModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = CodeSnippet.objects.all()
+    serializer_class = CodeSnippetSerializer
+    lookup_field = 'slug'
diff --git a/backend/code_snippets/apps.py b/backend/code_snippets/apps.py
new file mode 100644
index 0000000..ca5d482
--- /dev/null
+++ b/backend/code_snippets/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class CodeSnippetsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "code_snippets"
diff --git a/backend/code_snippets/migrations/0001_initial.py b/backend/code_snippets/migrations/0001_initial.py
new file mode 100644
index 0000000..fa7d680
--- /dev/null
+++ b/backend/code_snippets/migrations/0001_initial.py
@@ -0,0 +1,49 @@
+# Generated by Django 4.2.1 on 2023-06-30 19:46
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="CodeSnippet",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=255, unique=True)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                ("content", models.TextField()),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_code_snippet_image_path,
+                    ),
+                ),
+                ("order", models.PositiveIntegerField(blank=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Code Snippet",
+                "verbose_name_plural": "Code Snippets",
+                "db_table": "code_snippet",
+                "ordering": ("order", "-created_at"),
+                "get_latest_by": "created_at",
+            },
+        ),
+    ]
diff --git a/backend/code_snippets/migrations/0002_codesnippet_short_description.py b/backend/code_snippets/migrations/0002_codesnippet_short_description.py
new file mode 100644
index 0000000..abb3351
--- /dev/null
+++ b/backend/code_snippets/migrations/0002_codesnippet_short_description.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-30 21:32
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("code_snippets", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="codesnippet",
+            name="short_description",
+            field=models.CharField(blank=True, max_length=255),
+        ),
+    ]
diff --git a/backend/code_snippets/migrations/0003_codesnippet_language.py b/backend/code_snippets/migrations/0003_codesnippet_language.py
new file mode 100644
index 0000000..b96d14b
--- /dev/null
+++ b/backend/code_snippets/migrations/0003_codesnippet_language.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-07-01 10:08
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("code_snippets", "0002_codesnippet_short_description"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="codesnippet",
+            name="language",
+            field=models.CharField(blank=True, max_length=50),
+        ),
+    ]
diff --git a/backend/code_snippets/migrations/0004_remove_codesnippet_short_description_and_more.py b/backend/code_snippets/migrations/0004_remove_codesnippet_short_description_and_more.py
new file mode 100644
index 0000000..6310577
--- /dev/null
+++ b/backend/code_snippets/migrations/0004_remove_codesnippet_short_description_and_more.py
@@ -0,0 +1,22 @@
+# Generated by Django 4.2.1 on 2023-07-04 16:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("code_snippets", "0003_codesnippet_language"),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name="codesnippet",
+            name="short_description",
+        ),
+        migrations.AddField(
+            model_name="codesnippet",
+            name="overview",
+            field=models.CharField(blank=True, max_length=255, null=True),
+        ),
+    ]
diff --git a/backend/code_snippets/migrations/__init__.py b/backend/code_snippets/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/code_snippets/models.py b/backend/code_snippets/models.py
new file mode 100644
index 0000000..47e6149
--- /dev/null
+++ b/backend/code_snippets/models.py
@@ -0,0 +1,74 @@
+from django.db import models
+from django.utils.translation import gettext_lazy as _
+from django.conf import settings
+from django.dispatch import receiver
+from django.db.models.signals import pre_save
+from django.db.models import Max
+from utils.helpers import CustomModelManager
+from utils.snippets import autoSlugWithFieldAndUUID, get_static_file_path, image_as_base64
+from utils.image_upload_helpers import (
+    get_code_snippet_image_path,
+)
+
+
+""" *************** Code Snippet *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class CodeSnippet(models.Model):
+    title = models.CharField(max_length=255, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    overview = models.CharField(max_length=255, blank=True, null=True)
+    image = models.ImageField(upload_to=get_code_snippet_image_path, blank=True, null=True)
+    language = models.CharField(max_length=50, blank=True)
+    content = models.TextField()
+    order = models.PositiveIntegerField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'code_snippet'
+        verbose_name = _('Code Snippet')
+        verbose_name_plural = _('Code Snippets')
+        ordering = ('order', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/code.png")
+        return image_as_base64(image_path)
+
+
+# Signals
+
+@receiver(pre_save, sender=CodeSnippet)
+def generate_order(sender, instance, **kwargs):
+    """
+    This method will generate order for new instances only.
+    Order will be generated automatically like 1, 2, 3, 4 and so on.
+    If any order is deleted then it will be reused. Like if 3 is deleted then next created order will be 3 instead of 5.
+    """
+    if not instance.pk:  # Only generate order for new instances
+        if instance.order is None:
+            deleted_orders = CodeSnippet.objects.filter(order__isnull=False).values_list('order', flat=True)
+            max_order = CodeSnippet.objects.aggregate(Max('order')).get('order__max')
+
+            if deleted_orders:
+                deleted_orders = sorted(deleted_orders)
+                reused_order = None
+                for i in range(1, max_order + 2):
+                    if i not in deleted_orders:
+                        reused_order = i
+                        break
+                if reused_order is not None:
+                    instance.order = reused_order
+            else:
+                instance.order = max_order + 1 if max_order is not None else 1
diff --git a/backend/code_snippets/tests.py b/backend/code_snippets/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/backend/code_snippets/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/backend/code_snippets/views.py b/backend/code_snippets/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/backend/code_snippets/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/project/conf.py b/backend/conf.py
similarity index 100%
rename from project/conf.py
rename to backend/conf.py
diff --git a/backend/config/__init__.py b/backend/config/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/config/api_router.py b/backend/config/api_router.py
new file mode 100644
index 0000000..afdae75
--- /dev/null
+++ b/backend/config/api_router.py
@@ -0,0 +1,19 @@
+from .router import router
+# Users
+from users.api.routers import *
+# Portfolios
+from portfolios.api.professional_experiences.routers import *
+from portfolios.api.skills.routers import *
+from portfolios.api.educations.routers import *
+from portfolios.api.certifications.routers import *
+from portfolios.api.projects.routers import *
+from portfolios.api.interests.routers import *
+from portfolios.api.movies.routers import *
+# Code Snippets
+from code_snippets.api.routers import *
+# Blogs
+from blogs.api.routers import *
+
+
+app_name = "numanibnmazid_portfolio_backend_api"
+urlpatterns = router.urls
diff --git a/project/config/asgi.py b/backend/config/asgi.py
similarity index 100%
rename from project/config/asgi.py
rename to backend/config/asgi.py
diff --git a/backend/config/router.py b/backend/config/router.py
new file mode 100644
index 0000000..12b81d7
--- /dev/null
+++ b/backend/config/router.py
@@ -0,0 +1,9 @@
+from django.conf import settings
+from rest_framework.routers import DefaultRouter, SimpleRouter
+
+router = None
+
+if settings.DEBUG:
+    router = DefaultRouter()
+else:
+    router = SimpleRouter()
diff --git a/project/config/settings.py b/backend/config/settings.py
similarity index 52%
rename from project/config/settings.py
rename to backend/config/settings.py
index 9680244..071cc8e 100644
--- a/project/config/settings.py
+++ b/backend/config/settings.py
@@ -4,6 +4,8 @@
 from pathlib import Path
 import os
 from conf import config
+from datetime import timedelta
+from rest_framework.settings import api_settings
 
 # ----------------------------------------------------
 # *** Project's BASE DIRECTORY ***
@@ -28,21 +30,51 @@
 # ----------------------------------------------------
 # *** Application Definition ***
 # ----------------------------------------------------
-THIRD_PARTY_APPS = []
-LOCAL_APPS = []
-INSTALLED_APPS = [
-    "django.contrib.admin",
-    "django.contrib.auth",
-    "django.contrib.contenttypes",
-    "django.contrib.sessions",
-    "django.contrib.messages",
-    "django.contrib.staticfiles",
-] + THIRD_PARTY_APPS + LOCAL_APPS
+THIRD_PARTY_APPS = [
+    # Django REST Framework
+    "rest_framework",
+    # Knox Authentication
+    "knox",
+    # Django REST Framework Yet Another Swagger
+    "drf_yasg",
+    # Django CORS Headers
+    "corsheaders",
+    # Django CKEditor
+    "ckeditor",
+    "ckeditor_uploader",
+    # Django TinyMCE
+    "tinymce",
+]
+LOCAL_APPS = [
+    "users",
+    "portfolios",
+    "code_snippets",
+    "blogs"
+]
+INSTALLED_APPS = (
+    [
+        # Django Filebrowser Needs to be placed before Django Admin
+        # Start Django Filebrowser
+        'grappelli',
+        'filebrowser',
+        # End Django Filebrowser
+        "django.contrib.admin",
+        "django.contrib.auth",
+        "django.contrib.contenttypes",
+        "django.contrib.sessions",
+        "django.contrib.messages",
+        "django.contrib.staticfiles",
+    ]
+    + THIRD_PARTY_APPS
+    + LOCAL_APPS
+)
 
 # ----------------------------------------------------
 # *** Middleware Definition ***
 # ----------------------------------------------------
 MIDDLEWARE = [
+    # Django CORS Headers Middleware
+    "corsheaders.middleware.CorsMiddleware",
     "django.middleware.security.SecurityMiddleware",
     "django.contrib.sessions.middleware.SessionMiddleware",
     "django.middleware.common.CommonMiddleware",
@@ -63,9 +95,7 @@
 TEMPLATES = [
     {
         "BACKEND": "django.template.backends.django.DjangoTemplates",
-        "DIRS": [
-            os.path.join(BASE_DIR, "config", "templates")
-        ],
+        "DIRS": [os.path.join(BASE_DIR, "config", "templates")],
         "APP_DIRS": True,
         "OPTIONS": {
             "context_processors": [
@@ -78,6 +108,13 @@
     },
 ]
 
+# ----------------------------------------------------
+# *** Authentication Definition ***
+# ----------------------------------------------------
+
+# https://docs.djangoproject.com/en/dev/topics/auth/customizing/#substituting-a-custom-user-model
+AUTH_USER_MODEL = "users.User"
+
 # ----------------------------------------------------
 # *** WSGI Application ***
 # ----------------------------------------------------
@@ -87,13 +124,13 @@
 # *** Database Configuration ***
 # ----------------------------------------------------
 DATABASES = {
-    'default': {
-        'ENGINE': 'django.db.backends.postgresql',
-        'NAME': config.DATABASE.NAME,
-        'USER': config.DATABASE.USER,
-        'PASSWORD': config.DATABASE.PASSWORD,
-        'HOST': config.DATABASE.HOST,
-        'PORT': config.DATABASE.PORT
+    "default": {
+        "ENGINE": "django.db.backends.postgresql",
+        "NAME": config.DATABASE.NAME,
+        "USER": config.DATABASE.USER,
+        "PASSWORD": config.DATABASE.PASSWORD,
+        "HOST": config.DATABASE.HOST,
+        "PORT": config.DATABASE.PORT,
     }
 }
 
@@ -135,16 +172,16 @@
 # ----------------------------------------------------
 # *** Static and Media Files Configuration ***
 # ----------------------------------------------------
-PUBLIC_ROOT = os.path.join(BASE_DIR, 'public/')
+PUBLIC_ROOT = os.path.join(BASE_DIR, "public/")
 # STATIC & MEDIA URL
-STATIC_URL = '/static/'
-MEDIA_URL = '/media/'
+STATIC_URL = "/static/"
+MEDIA_URL = "/media/"
 # STATIC & MEDIA ROOT
-MEDIA_ROOT = os.path.join(PUBLIC_ROOT, 'media/')
-STATIC_ROOT = os.path.join(PUBLIC_ROOT, 'static/')
+MEDIA_ROOT = os.path.join(PUBLIC_ROOT, "media/")
+STATIC_ROOT = os.path.join(PUBLIC_ROOT, "static/")
 # Static Files Directories
 STATICFILES_DIRS = [
-    os.path.join(PUBLIC_ROOT, 'staticfiles'),
+    os.path.join(PUBLIC_ROOT, "staticfiles"),
 ]
 
 # https://docs.djangoproject.com/en/dev/ref/contrib/staticfiles/#staticfiles-finders
@@ -168,7 +205,7 @@
         "console": {
             "level": os.getenv("DJANGO_LOG_LEVEL", "INFO"),
             "class": "logging.StreamHandler",
-            "formatter": "verbose"
+            "formatter": "verbose",
         }
     },
     "loggers": {
@@ -178,10 +215,7 @@
             "propagate": True,
         },
     },
-    "root": {
-        "level": os.getenv("DJANGO_LOG_LEVEL", "INFO"),
-        "handlers": ["console"]
-    }
+    "root": {"level": os.getenv("DJANGO_LOG_LEVEL", "INFO"), "handlers": ["console"]},
 }
 
 # ----------------------------------------------------
@@ -189,3 +223,108 @@
 # ----------------------------------------------------
 DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
 SITE_ID = 1
+
+# REST Framework Configuration
+REST_FRAMEWORK = {
+    "DEFAULT_AUTHENTICATION_CLASSES": ("knox.auth.TokenAuthentication",),
+    "DEFAULT_PERMISSION_CLASSES": ("rest_framework.permissions.IsAuthenticated",),
+}
+
+# KNOX Configuration
+KNOX_TOKEN_MODEL = "knox.AuthToken"
+
+REST_KNOX = {
+    # "SECURE_HASH_ALGORITHM": "hashlib.sha512",
+    "AUTH_TOKEN_CHARACTER_LENGTH": 64,
+    # "TOKEN_TTL": timedelta(hours=730),
+    "TOKEN_TTL": None,  # Never Expire
+    "USER_SERIALIZER": "knox.serializers.UserSerializer",
+    "TOKEN_LIMIT_PER_USER": None,
+    "AUTO_REFRESH": False,
+    "MIN_REFRESH_INTERVAL": 60,
+    "AUTH_HEADER_PREFIX": "Token",
+    "EXPIRY_DATETIME_FORMAT": api_settings.DATETIME_FORMAT,
+    "TOKEN_MODEL": "knox.AuthToken",
+}
+
+# Swagger Configuration
+SWAGGER_SETTINGS = {
+    "SECURITY_DEFINITIONS": {
+        "Bearer": {"type": "apiKey", "name": "Authorization", "in": "header"}
+    },
+    "JSON_EDITOR": True,
+}
+
+# Django CORS Headers Configuration
+CORS_ORIGIN_ALLOW_ALL = False
+CORS_ORIGIN_WHITELIST = [
+    'http://localhost:3000',  # frontend URL here
+]
+
+CORS_ALLOW_METHODS = [
+    'GET',
+    'POST',
+    'PUT',
+    'PATCH',
+    'DELETE',
+    'OPTIONS',
+]
+
+CORS_ALLOW_HEADERS = [
+    'accept',
+    'accept-encoding',
+    'authorization',
+    'content-type',
+    'dnt',
+    'origin',
+    'user-agent',
+    'x-csrftoken',
+    'x-requested-with',
+]
+
+# Django CKEditor Configuration
+CKEDITOR_UPLOAD_PATH = "ckeditor_uploads/"
+CKEDITOR_CONFIGS = {
+    'default': {
+        'toolbar': 'full',
+        'height': 300,
+        'width': "100%",
+    },
+}
+
+# Django Filebrowser Configuration
+FILEBROWSER_DIRECTORY = ""
+FILEBROWSER_ADMIN_THUMBNAIL="admin_thumbnail"
+FILEBROWSER_ADMIN_VERSIONS=['thumbnail', 'small', 'medium', 'big', 'large']
+FILEBROWSER_VERSION_QUALITY=90
+
+# Django Tinymce Configuration
+TINYMCE_DEFAULT_CONFIG = {
+    'height': 360,
+    'width': "100%",
+    'cleanup_on_startup': True,
+    'custom_undo_redo_levels': 10,
+    'selector': 'textarea',
+    'plugins': '''
+        textcolor save link image media preview codesample contextmenu
+        table code lists fullscreen  insertdatetime  nonbreaking
+        contextmenu directionality searchreplace wordcount visualblocks
+        visualchars code fullscreen autolink lists charmap print  hr
+        anchor pagebreak
+        ''',
+    'toolbar': '''
+        undo redo | formatselect | bold italic backcolor |
+        alignleft aligncenter alignright alignjustify |
+        bullist numlist outdent indent | removeformat | table | code | fullscreen
+        ''',
+    'toolbar_sticky': True,
+    'skin': 'oxide',
+    'menubar': True,
+    'statusbar': True,
+}
+
+
+# ----------------------------------------------------
+# *** Configurable Values ***
+# ----------------------------------------------------
+BLOG_WORDS_PER_MINUTE = 200
diff --git a/project/config/templates/index.html b/backend/config/templates/index.html
similarity index 100%
rename from project/config/templates/index.html
rename to backend/config/templates/index.html
diff --git a/backend/config/urls.py b/backend/config/urls.py
new file mode 100644
index 0000000..a7dbf6c
--- /dev/null
+++ b/backend/config/urls.py
@@ -0,0 +1,128 @@
+"""Project URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/4.1/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path, include, re_path
+from .views import IndexView
+from users.api.views import LoginView
+from rest_framework import permissions
+from drf_yasg.views import get_schema_view
+from drf_yasg import openapi
+from knox import views as knox_views
+from django.conf import settings
+from filebrowser.sites import site
+from django.views import defaults as default_views
+
+
+# Yet Another Swagger Schema View
+schema_view = get_schema_view(
+    openapi.Info(
+        title="Numan Ibn Mazid's Portfolio API",
+        default_version="v1",
+        description="API Documentation for Numan Ibn Mazid's Portfolio Project's Backend",
+        terms_of_service="https://www.google.com/policies/terms/",
+        contact=openapi.Contact(email="numanibnmazid@gmail.com"),
+        license=openapi.License(name="BSD License"),
+    ),
+    public=True,
+    permission_classes=[permissions.AllowAny],
+)
+
+
+THIRD_PARTY_URLS = [
+    # ----------------------------------------------------
+    # *** REST FRMAEWORK API URLs ***
+    # ----------------------------------------------------
+    path("api/", include("config.api_router")),
+    # ----------------------------------------------------
+    # *** Knox URLs ***
+    # ----------------------------------------------------
+    # path(r'api/auth/', include('knox.urls')),
+    path(r"api/auth/login/", LoginView.as_view(), name="knox_login"),
+    path(r"api/auth/logout/", knox_views.LogoutView.as_view(), name="knox_logout"),
+    path(
+        r"api/auth/logoutall/",
+        knox_views.LogoutAllView.as_view(),
+        name="knox_logoutall",
+    ),
+    # ----------------------------------------------------
+    # *** Swagger URLs ***
+    # ----------------------------------------------------
+    re_path(
+        r"^swagger(?P<format>\.json|\.yaml)$",
+        schema_view.without_ui(cache_timeout=0),
+        name="schema-json",
+    ),
+    re_path(
+        r"^swagger/$",
+        schema_view.with_ui("swagger", cache_timeout=0),
+        name="schema-swagger-ui",
+    ),
+    re_path(
+        r"^redoc/$", schema_view.with_ui("redoc", cache_timeout=0), name="schema-redoc"
+    ),
+    # ----------------------------------------------------
+    # *** CKEDITOR URLs ***
+    # ----------------------------------------------------
+    path('ckeditor/', include('ckeditor_uploader.urls')),
+    # ----------------------------------------------------
+    # *** TinyMCE URLs ***
+    # ----------------------------------------------------
+    path('tinymce/', include('tinymce.urls')),
+]
+
+urlpatterns = [
+    # ----------------------------------------------------
+    # *** Django Filebrowser URLs (Needs to be placed before Django Admin Urls) ***
+    # ----------------------------------------------------
+    path('admin/filebrowser/', site.urls),
+    path('grappelli/', include('grappelli.urls')),
+    # ----------------------------------------------------
+    # *** Django Admin URLs ***
+    # ----------------------------------------------------
+    path("admin/", admin.site.urls),
+    # ----------------------------------------------------
+    # *** Project URLs ***
+    # ----------------------------------------------------
+    path("", IndexView.as_view(), name="index"),
+] + THIRD_PARTY_URLS
+
+
+if settings.DEBUG:
+    # This allows the error pages to be debugged during development, just visit
+    # these url in browser to see how these error pages look like.
+    urlpatterns += [
+        path(
+            "400/",
+            default_views.bad_request,
+            kwargs={"exception": Exception("Bad Request!")},
+        ),
+        path(
+            "403/",
+            default_views.permission_denied,
+            kwargs={"exception": Exception("Permission Denied")},
+        ),
+        path(
+            "404/",
+            default_views.page_not_found,
+            kwargs={"exception": Exception("Page not Found")},
+        ),
+        path("500/", default_views.server_error),
+    ]
+    # if "debug_toolbar" in settings.INSTALLED_APPS:
+    #     import debug_toolbar
+
+    #     urlpatterns = [
+    #         path("__debug__/", include(debug_toolbar.urls))] + urlpatterns
diff --git a/backend/config/views.py b/backend/config/views.py
new file mode 100644
index 0000000..1e061af
--- /dev/null
+++ b/backend/config/views.py
@@ -0,0 +1,5 @@
+from django.views.generic import TemplateView
+
+
+class IndexView(TemplateView):
+    template_name = "index.html"
diff --git a/project/config/wsgi.py b/backend/config/wsgi.py
similarity index 100%
rename from project/config/wsgi.py
rename to backend/config/wsgi.py
diff --git a/project/entrypoint.py b/backend/entrypoint.py
similarity index 100%
rename from project/entrypoint.py
rename to backend/entrypoint.py
diff --git a/project/entrypoint.sh b/backend/entrypoint.sh
similarity index 100%
rename from project/entrypoint.sh
rename to backend/entrypoint.sh
diff --git a/project/manage.py b/backend/manage.py
similarity index 100%
rename from project/manage.py
rename to backend/manage.py
diff --git a/backend/passenger_wsgi.py b/backend/passenger_wsgi.py
new file mode 100644
index 0000000..792a9df
--- /dev/null
+++ b/backend/passenger_wsgi.py
@@ -0,0 +1,4 @@
+import os
+import sys
+from config.wsgi import application
+sys.path.insert(0, os.path.dirname(__file__))
diff --git a/backend/poetry.lock b/backend/poetry.lock
new file mode 100644
index 0000000..74f5e59
--- /dev/null
+++ b/backend/poetry.lock
@@ -0,0 +1,1065 @@
+# This file is automatically @generated by Poetry 1.5.0 and should not be changed by hand.
+
+[[package]]
+name = "argon2-cffi"
+version = "21.3.0"
+description = "The secure Argon2 password hashing algorithm."
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "argon2-cffi-21.3.0.tar.gz", hash = "sha256:d384164d944190a7dd7ef22c6aa3ff197da12962bd04b17f64d4e93d934dba5b"},
+    {file = "argon2_cffi-21.3.0-py3-none-any.whl", hash = "sha256:8c976986f2c5c0e5000919e6de187906cfd81fb1c72bf9d88c01177e77da7f80"},
+]
+
+[package.dependencies]
+argon2-cffi-bindings = "*"
+
+[package.extras]
+dev = ["cogapp", "coverage[toml] (>=5.0.2)", "furo", "hypothesis", "pre-commit", "pytest", "sphinx", "sphinx-notfound-page", "tomli"]
+docs = ["furo", "sphinx", "sphinx-notfound-page"]
+tests = ["coverage[toml] (>=5.0.2)", "hypothesis", "pytest"]
+
+[[package]]
+name = "argon2-cffi-bindings"
+version = "21.2.0"
+description = "Low-level CFFI bindings for Argon2"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "argon2-cffi-bindings-21.2.0.tar.gz", hash = "sha256:bb89ceffa6c791807d1305ceb77dbfacc5aa499891d2c55661c6459651fc39e3"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-macosx_10_9_x86_64.whl", hash = "sha256:ccb949252cb2ab3a08c02024acb77cfb179492d5701c7cbdbfd776124d4d2367"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9524464572e12979364b7d600abf96181d3541da11e23ddf565a32e70bd4dc0d"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b746dba803a79238e925d9046a63aa26bf86ab2a2fe74ce6b009a1c3f5c8f2ae"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:58ed19212051f49a523abb1dbe954337dc82d947fb6e5a0da60f7c8471a8476c"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_aarch64.whl", hash = "sha256:bd46088725ef7f58b5a1ef7ca06647ebaf0eb4baff7d1d0d177c6cc8744abd86"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_i686.whl", hash = "sha256:8cd69c07dd875537a824deec19f978e0f2078fdda07fd5c42ac29668dda5f40f"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_x86_64.whl", hash = "sha256:f1152ac548bd5b8bcecfb0b0371f082037e47128653df2e8ba6e914d384f3c3e"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-win32.whl", hash = "sha256:603ca0aba86b1349b147cab91ae970c63118a0f30444d4bc80355937c950c082"},
+    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-win_amd64.whl", hash = "sha256:b2ef1c30440dbbcba7a5dc3e319408b59676e2e039e2ae11a8775ecf482b192f"},
+    {file = "argon2_cffi_bindings-21.2.0-cp38-abi3-macosx_10_9_universal2.whl", hash = "sha256:e415e3f62c8d124ee16018e491a009937f8cf7ebf5eb430ffc5de21b900dad93"},
+    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-macosx_10_9_x86_64.whl", hash = "sha256:3e385d1c39c520c08b53d63300c3ecc28622f076f4c2b0e6d7e796e9f6502194"},
+    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:2c3e3cc67fdb7d82c4718f19b4e7a87123caf8a93fde7e23cf66ac0337d3cb3f"},
+    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6a22ad9800121b71099d0fb0a65323810a15f2e292f2ba450810a7316e128ee5"},
+    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f9f8b450ed0547e3d473fdc8612083fd08dd2120d6ac8f73828df9b7d45bb351"},
+    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-win_amd64.whl", hash = "sha256:93f9bf70084f97245ba10ee36575f0c3f1e7d7724d67d8e5b08e61787c320ed7"},
+    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-macosx_10_9_x86_64.whl", hash = "sha256:3b9ef65804859d335dc6b31582cad2c5166f0c3e7975f324d9ffaa34ee7e6583"},
+    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d4966ef5848d820776f5f562a7d45fdd70c2f330c961d0d745b784034bd9f48d"},
+    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:20ef543a89dee4db46a1a6e206cd015360e5a75822f76df533845c3cbaf72670"},
+    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ed2937d286e2ad0cc79a7087d3c272832865f779430e0cc2b4f3718d3159b0cb"},
+    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:5e00316dabdaea0b2dd82d141cc66889ced0cdcbfa599e8b471cf22c620c329a"},
+]
+
+[package.dependencies]
+cffi = ">=1.0.1"
+
+[package.extras]
+dev = ["cogapp", "pre-commit", "pytest", "wheel"]
+tests = ["pytest"]
+
+[[package]]
+name = "asgiref"
+version = "3.6.0"
+description = "ASGI specs, helper code, and adapters"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "asgiref-3.6.0-py3-none-any.whl", hash = "sha256:71e68008da809b957b7ee4b43dbccff33d1b23519fb8344e33f049897077afac"},
+    {file = "asgiref-3.6.0.tar.gz", hash = "sha256:9567dfe7bd8d3c8c892227827c41cce860b368104c3431da67a0c5a65a949506"},
+]
+
+[package.extras]
+tests = ["mypy (>=0.800)", "pytest", "pytest-asyncio"]
+
+[[package]]
+name = "autopep8"
+version = "1.7.0"
+description = "A tool that automatically formats Python code to conform to the PEP 8 style guide"
+optional = false
+python-versions = "*"
+files = [
+    {file = "autopep8-1.7.0-py2.py3-none-any.whl", hash = "sha256:6f09e90a2be784317e84dc1add17ebfc7abe3924239957a37e5040e27d812087"},
+    {file = "autopep8-1.7.0.tar.gz", hash = "sha256:ca9b1a83e53a7fad65d731dc7a2a2d50aa48f43850407c59f6a1a306c4201142"},
+]
+
+[package.dependencies]
+pycodestyle = ">=2.9.1"
+toml = "*"
+
+[[package]]
+name = "beautifulsoup4"
+version = "4.12.2"
+description = "Screen-scraping library"
+optional = false
+python-versions = ">=3.6.0"
+files = [
+    {file = "beautifulsoup4-4.12.2-py3-none-any.whl", hash = "sha256:bd2520ca0d9d7d12694a53d44ac482d181b4ec1888909b035a3dbf40d0f57d4a"},
+    {file = "beautifulsoup4-4.12.2.tar.gz", hash = "sha256:492bbc69dca35d12daac71c4db1bfff0c876c00ef4a2ffacce226d4638eb72da"},
+]
+
+[package.dependencies]
+soupsieve = ">1.2"
+
+[package.extras]
+html5lib = ["html5lib"]
+lxml = ["lxml"]
+
+[[package]]
+name = "certifi"
+version = "2023.5.7"
+description = "Python package for providing Mozilla's CA Bundle."
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "certifi-2023.5.7-py3-none-any.whl", hash = "sha256:c6c2e98f5c7869efca1f8916fed228dd91539f9f1b444c314c06eef02980c716"},
+    {file = "certifi-2023.5.7.tar.gz", hash = "sha256:0f0d56dc5a6ad56fd4ba36484d6cc34451e1c6548c61daad8c320169f91eddc7"},
+]
+
+[[package]]
+name = "cffi"
+version = "1.15.1"
+description = "Foreign Function Interface for Python calling C code."
+optional = false
+python-versions = "*"
+files = [
+    {file = "cffi-1.15.1-cp27-cp27m-macosx_10_9_x86_64.whl", hash = "sha256:a66d3508133af6e8548451b25058d5812812ec3798c886bf38ed24a98216fab2"},
+    {file = "cffi-1.15.1-cp27-cp27m-manylinux1_i686.whl", hash = "sha256:470c103ae716238bbe698d67ad020e1db9d9dba34fa5a899b5e21577e6d52ed2"},
+    {file = "cffi-1.15.1-cp27-cp27m-manylinux1_x86_64.whl", hash = "sha256:9ad5db27f9cabae298d151c85cf2bad1d359a1b9c686a275df03385758e2f914"},
+    {file = "cffi-1.15.1-cp27-cp27m-win32.whl", hash = "sha256:b3bbeb01c2b273cca1e1e0c5df57f12dce9a4dd331b4fa1635b8bec26350bde3"},
+    {file = "cffi-1.15.1-cp27-cp27m-win_amd64.whl", hash = "sha256:e00b098126fd45523dd056d2efba6c5a63b71ffe9f2bbe1a4fe1716e1d0c331e"},
+    {file = "cffi-1.15.1-cp27-cp27mu-manylinux1_i686.whl", hash = "sha256:d61f4695e6c866a23a21acab0509af1cdfd2c013cf256bbf5b6b5e2695827162"},
+    {file = "cffi-1.15.1-cp27-cp27mu-manylinux1_x86_64.whl", hash = "sha256:ed9cb427ba5504c1dc15ede7d516b84757c3e3d7868ccc85121d9310d27eed0b"},
+    {file = "cffi-1.15.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:39d39875251ca8f612b6f33e6b1195af86d1b3e60086068be9cc053aa4376e21"},
+    {file = "cffi-1.15.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:285d29981935eb726a4399badae8f0ffdff4f5050eaa6d0cfc3f64b857b77185"},
+    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:3eb6971dcff08619f8d91607cfc726518b6fa2a9eba42856be181c6d0d9515fd"},
+    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:21157295583fe8943475029ed5abdcf71eb3911894724e360acff1d61c1d54bc"},
+    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:5635bd9cb9731e6d4a1132a498dd34f764034a8ce60cef4f5319c0541159392f"},
+    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:2012c72d854c2d03e45d06ae57f40d78e5770d252f195b93f581acf3ba44496e"},
+    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:dd86c085fae2efd48ac91dd7ccffcfc0571387fe1193d33b6394db7ef31fe2a4"},
+    {file = "cffi-1.15.1-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:fa6693661a4c91757f4412306191b6dc88c1703f780c8234035eac011922bc01"},
+    {file = "cffi-1.15.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:59c0b02d0a6c384d453fece7566d1c7e6b7bae4fc5874ef2ef46d56776d61c9e"},
+    {file = "cffi-1.15.1-cp310-cp310-win32.whl", hash = "sha256:cba9d6b9a7d64d4bd46167096fc9d2f835e25d7e4c121fb2ddfc6528fb0413b2"},
+    {file = "cffi-1.15.1-cp310-cp310-win_amd64.whl", hash = "sha256:ce4bcc037df4fc5e3d184794f27bdaab018943698f4ca31630bc7f84a7b69c6d"},
+    {file = "cffi-1.15.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:3d08afd128ddaa624a48cf2b859afef385b720bb4b43df214f85616922e6a5ac"},
+    {file = "cffi-1.15.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:3799aecf2e17cf585d977b780ce79ff0dc9b78d799fc694221ce814c2c19db83"},
+    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:a591fe9e525846e4d154205572a029f653ada1a78b93697f3b5a8f1f2bc055b9"},
+    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3548db281cd7d2561c9ad9984681c95f7b0e38881201e157833a2342c30d5e8c"},
+    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:91fc98adde3d7881af9b59ed0294046f3806221863722ba7d8d120c575314325"},
+    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:94411f22c3985acaec6f83c6df553f2dbe17b698cc7f8ae751ff2237d96b9e3c"},
+    {file = "cffi-1.15.1-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:03425bdae262c76aad70202debd780501fabeaca237cdfddc008987c0e0f59ef"},
+    {file = "cffi-1.15.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:cc4d65aeeaa04136a12677d3dd0b1c0c94dc43abac5860ab33cceb42b801c1e8"},
+    {file = "cffi-1.15.1-cp311-cp311-win32.whl", hash = "sha256:a0f100c8912c114ff53e1202d0078b425bee3649ae34d7b070e9697f93c5d52d"},
+    {file = "cffi-1.15.1-cp311-cp311-win_amd64.whl", hash = "sha256:04ed324bda3cda42b9b695d51bb7d54b680b9719cfab04227cdd1e04e5de3104"},
+    {file = "cffi-1.15.1-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:50a74364d85fd319352182ef59c5c790484a336f6db772c1a9231f1c3ed0cbd7"},
+    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:e263d77ee3dd201c3a142934a086a4450861778baaeeb45db4591ef65550b0a6"},
+    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:cec7d9412a9102bdc577382c3929b337320c4c4c4849f2c5cdd14d7368c5562d"},
+    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:4289fc34b2f5316fbb762d75362931e351941fa95fa18789191b33fc4cf9504a"},
+    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:173379135477dc8cac4bc58f45db08ab45d228b3363adb7af79436135d028405"},
+    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_5_x86_64.manylinux1_x86_64.whl", hash = "sha256:6975a3fac6bc83c4a65c9f9fcab9e47019a11d3d2cf7f3c0d03431bf145a941e"},
+    {file = "cffi-1.15.1-cp36-cp36m-win32.whl", hash = "sha256:2470043b93ff09bf8fb1d46d1cb756ce6132c54826661a32d4e4d132e1977adf"},
+    {file = "cffi-1.15.1-cp36-cp36m-win_amd64.whl", hash = "sha256:30d78fbc8ebf9c92c9b7823ee18eb92f2e6ef79b45ac84db507f52fbe3ec4497"},
+    {file = "cffi-1.15.1-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:198caafb44239b60e252492445da556afafc7d1e3ab7a1fb3f0584ef6d742375"},
+    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:5ef34d190326c3b1f822a5b7a45f6c4535e2f47ed06fec77d3d799c450b2651e"},
+    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8102eaf27e1e448db915d08afa8b41d6c7ca7a04b7d73af6514df10a3e74bd82"},
+    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:5df2768244d19ab7f60546d0c7c63ce1581f7af8b5de3eb3004b9b6fc8a9f84b"},
+    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a8c4917bd7ad33e8eb21e9a5bbba979b49d9a97acb3a803092cbc1133e20343c"},
+    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0e2642fe3142e4cc4af0799748233ad6da94c62a8bec3a6648bf8ee68b1c7426"},
+    {file = "cffi-1.15.1-cp37-cp37m-win32.whl", hash = "sha256:e229a521186c75c8ad9490854fd8bbdd9a0c9aa3a524326b55be83b54d4e0ad9"},
+    {file = "cffi-1.15.1-cp37-cp37m-win_amd64.whl", hash = "sha256:a0b71b1b8fbf2b96e41c4d990244165e2c9be83d54962a9a1d118fd8657d2045"},
+    {file = "cffi-1.15.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:320dab6e7cb2eacdf0e658569d2575c4dad258c0fcc794f46215e1e39f90f2c3"},
+    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1e74c6b51a9ed6589199c787bf5f9875612ca4a8a0785fb2d4a84429badaf22a"},
+    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a5c84c68147988265e60416b57fc83425a78058853509c1b0629c180094904a5"},
+    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3b926aa83d1edb5aa5b427b4053dc420ec295a08e40911296b9eb1b6170f6cca"},
+    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:87c450779d0914f2861b8526e035c5e6da0a3199d8f1add1a665e1cbc6fc6d02"},
+    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4f2c9f67e9821cad2e5f480bc8d83b8742896f1242dba247911072d4fa94c192"},
+    {file = "cffi-1.15.1-cp38-cp38-win32.whl", hash = "sha256:8b7ee99e510d7b66cdb6c593f21c043c248537a32e0bedf02e01e9553a172314"},
+    {file = "cffi-1.15.1-cp38-cp38-win_amd64.whl", hash = "sha256:00a9ed42e88df81ffae7a8ab6d9356b371399b91dbdf0c3cb1e84c03a13aceb5"},
+    {file = "cffi-1.15.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:54a2db7b78338edd780e7ef7f9f6c442500fb0d41a5a4ea24fff1c929d5af585"},
+    {file = "cffi-1.15.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:fcd131dd944808b5bdb38e6f5b53013c5aa4f334c5cad0c72742f6eba4b73db0"},
+    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:7473e861101c9e72452f9bf8acb984947aa1661a7704553a9f6e4baa5ba64415"},
+    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:6c9a799e985904922a4d207a94eae35c78ebae90e128f0c4e521ce339396be9d"},
+    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3bcde07039e586f91b45c88f8583ea7cf7a0770df3a1649627bf598332cb6984"},
+    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:33ab79603146aace82c2427da5ca6e58f2b3f2fb5da893ceac0c42218a40be35"},
+    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:5d598b938678ebf3c67377cdd45e09d431369c3b1a5b331058c338e201f12b27"},
+    {file = "cffi-1.15.1-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:db0fbb9c62743ce59a9ff687eb5f4afbe77e5e8403d6697f7446e5f609976f76"},
+    {file = "cffi-1.15.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:98d85c6a2bef81588d9227dde12db8a7f47f639f4a17c9ae08e773aa9c697bf3"},
+    {file = "cffi-1.15.1-cp39-cp39-win32.whl", hash = "sha256:40f4774f5a9d4f5e344f31a32b5096977b5d48560c5592e2f3d2c4374bd543ee"},
+    {file = "cffi-1.15.1-cp39-cp39-win_amd64.whl", hash = "sha256:70df4e3b545a17496c9b3f41f5115e69a4f2e77e94e1d2a8e1070bc0c38c8a3c"},
+    {file = "cffi-1.15.1.tar.gz", hash = "sha256:d400bfb9a37b1351253cb402671cea7e89bdecc294e8016a707f6d1d8ac934f9"},
+]
+
+[package.dependencies]
+pycparser = "*"
+
+[[package]]
+name = "charset-normalizer"
+version = "3.1.0"
+description = "The Real First Universal Charset Detector. Open, modern and actively maintained alternative to Chardet."
+optional = false
+python-versions = ">=3.7.0"
+files = [
+    {file = "charset-normalizer-3.1.0.tar.gz", hash = "sha256:34e0a2f9c370eb95597aae63bf85eb5e96826d81e3dcf88b8886012906f509b5"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:e0ac8959c929593fee38da1c2b64ee9778733cdf03c482c9ff1d508b6b593b2b"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d7fc3fca01da18fbabe4625d64bb612b533533ed10045a2ac3dd194bfa656b60"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:04eefcee095f58eaabe6dc3cc2262f3bcd776d2c67005880894f447b3f2cb9c1"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:20064ead0717cf9a73a6d1e779b23d149b53daf971169289ed2ed43a71e8d3b0"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:1435ae15108b1cb6fffbcea2af3d468683b7afed0169ad718451f8db5d1aff6f"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:c84132a54c750fda57729d1e2599bb598f5fa0344085dbde5003ba429a4798c0"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:75f2568b4189dda1c567339b48cba4ac7384accb9c2a7ed655cd86b04055c795"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:11d3bcb7be35e7b1bba2c23beedac81ee893ac9871d0ba79effc7fc01167db6c"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:891cf9b48776b5c61c700b55a598621fdb7b1e301a550365571e9624f270c203"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:5f008525e02908b20e04707a4f704cd286d94718f48bb33edddc7d7b584dddc1"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:b06f0d3bf045158d2fb8837c5785fe9ff9b8c93358be64461a1089f5da983137"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_s390x.whl", hash = "sha256:49919f8400b5e49e961f320c735388ee686a62327e773fa5b3ce6721f7e785ce"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:22908891a380d50738e1f978667536f6c6b526a2064156203d418f4856d6e86a"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-win32.whl", hash = "sha256:12d1a39aa6b8c6f6248bb54550efcc1c38ce0d8096a146638fd4738e42284448"},
+    {file = "charset_normalizer-3.1.0-cp310-cp310-win_amd64.whl", hash = "sha256:65ed923f84a6844de5fd29726b888e58c62820e0769b76565480e1fdc3d062f8"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:9a3267620866c9d17b959a84dd0bd2d45719b817245e49371ead79ed4f710d19"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6734e606355834f13445b6adc38b53c0fd45f1a56a9ba06c2058f86893ae8017"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:f8303414c7b03f794347ad062c0516cee0e15f7a612abd0ce1e25caf6ceb47df"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:aaf53a6cebad0eae578f062c7d462155eada9c172bd8c4d250b8c1d8eb7f916a"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3dc5b6a8ecfdc5748a7e429782598e4f17ef378e3e272eeb1340ea57c9109f41"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:e1b25e3ad6c909f398df8921780d6a3d120d8c09466720226fc621605b6f92b1"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0ca564606d2caafb0abe6d1b5311c2649e8071eb241b2d64e75a0d0065107e62"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b82fab78e0b1329e183a65260581de4375f619167478dddab510c6c6fb04d9b6"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:bd7163182133c0c7701b25e604cf1611c0d87712e56e88e7ee5d72deab3e76b5"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:11d117e6c63e8f495412d37e7dc2e2fff09c34b2d09dbe2bee3c6229577818be"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:cf6511efa4801b9b38dc5546d7547d5b5c6ef4b081c60b23e4d941d0eba9cbeb"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_s390x.whl", hash = "sha256:abc1185d79f47c0a7aaf7e2412a0eb2c03b724581139193d2d82b3ad8cbb00ac"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:cb7b2ab0188829593b9de646545175547a70d9a6e2b63bf2cd87a0a391599324"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-win32.whl", hash = "sha256:c36bcbc0d5174a80d6cccf43a0ecaca44e81d25be4b7f90f0ed7bcfbb5a00909"},
+    {file = "charset_normalizer-3.1.0-cp311-cp311-win_amd64.whl", hash = "sha256:cca4def576f47a09a943666b8f829606bcb17e2bc2d5911a46c8f8da45f56755"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:0c95f12b74681e9ae127728f7e5409cbbef9cd914d5896ef238cc779b8152373"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:fca62a8301b605b954ad2e9c3666f9d97f63872aa4efcae5492baca2056b74ab"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:ac0aa6cd53ab9a31d397f8303f92c42f534693528fafbdb997c82bae6e477ad9"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:c3af8e0f07399d3176b179f2e2634c3ce9c1301379a6b8c9c9aeecd481da494f"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3a5fc78f9e3f501a1614a98f7c54d3969f3ad9bba8ba3d9b438c3bc5d047dd28"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:628c985afb2c7d27a4800bfb609e03985aaecb42f955049957814e0491d4006d"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:74db0052d985cf37fa111828d0dd230776ac99c740e1a758ad99094be4f1803d"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:1e8fcdd8f672a1c4fc8d0bd3a2b576b152d2a349782d1eb0f6b8e52e9954731d"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:04afa6387e2b282cf78ff3dbce20f0cc071c12dc8f685bd40960cc68644cfea6"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_s390x.whl", hash = "sha256:dd5653e67b149503c68c4018bf07e42eeed6b4e956b24c00ccdf93ac79cdff84"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d2686f91611f9e17f4548dbf050e75b079bbc2a82be565832bc8ea9047b61c8c"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-win32.whl", hash = "sha256:4155b51ae05ed47199dc5b2a4e62abccb274cee6b01da5b895099b61b1982974"},
+    {file = "charset_normalizer-3.1.0-cp37-cp37m-win_amd64.whl", hash = "sha256:322102cdf1ab682ecc7d9b1c5eed4ec59657a65e1c146a0da342b78f4112db23"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:e633940f28c1e913615fd624fcdd72fdba807bf53ea6925d6a588e84e1151531"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:3a06f32c9634a8705f4ca9946d667609f52cf130d5548881401f1eb2c39b1e2c"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7381c66e0561c5757ffe616af869b916c8b4e42b367ab29fedc98481d1e74e14"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3573d376454d956553c356df45bb824262c397c6e26ce43e8203c4c540ee0acb"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:e89df2958e5159b811af9ff0f92614dabf4ff617c03a4c1c6ff53bf1c399e0e1"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:78cacd03e79d009d95635e7d6ff12c21eb89b894c354bd2b2ed0b4763373693b"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:de5695a6f1d8340b12a5d6d4484290ee74d61e467c39ff03b39e30df62cf83a0"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1c60b9c202d00052183c9be85e5eaf18a4ada0a47d188a83c8f5c5b23252f649"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:f645caaf0008bacf349875a974220f1f1da349c5dbe7c4ec93048cdc785a3326"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:ea9f9c6034ea2d93d9147818f17c2a0860d41b71c38b9ce4d55f21b6f9165a11"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:80d1543d58bd3d6c271b66abf454d437a438dff01c3e62fdbcd68f2a11310d4b"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_s390x.whl", hash = "sha256:73dc03a6a7e30b7edc5b01b601e53e7fc924b04e1835e8e407c12c037e81adbd"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:6f5c2e7bc8a4bf7c426599765b1bd33217ec84023033672c1e9a8b35eaeaaaf8"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-win32.whl", hash = "sha256:12a2b561af122e3d94cdb97fe6fb2bb2b82cef0cdca131646fdb940a1eda04f0"},
+    {file = "charset_normalizer-3.1.0-cp38-cp38-win_amd64.whl", hash = "sha256:3160a0fd9754aab7d47f95a6b63ab355388d890163eb03b2d2b87ab0a30cfa59"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:38e812a197bf8e71a59fe55b757a84c1f946d0ac114acafaafaf21667a7e169e"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:6baf0baf0d5d265fa7944feb9f7451cc316bfe30e8df1a61b1bb08577c554f31"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:8f25e17ab3039b05f762b0a55ae0b3632b2e073d9c8fc88e89aca31a6198e88f"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3747443b6a904001473370d7810aa19c3a180ccd52a7157aacc264a5ac79265e"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:b116502087ce8a6b7a5f1814568ccbd0e9f6cfd99948aa59b0e241dc57cf739f"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:d16fd5252f883eb074ca55cb622bc0bee49b979ae4e8639fff6ca3ff44f9f854"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:21fa558996782fc226b529fdd2ed7866c2c6ec91cee82735c98a197fae39f706"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:6f6c7a8a57e9405cad7485f4c9d3172ae486cfef1344b5ddd8e5239582d7355e"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:ac3775e3311661d4adace3697a52ac0bab17edd166087d493b52d4f4f553f9f0"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:10c93628d7497c81686e8e5e557aafa78f230cd9e77dd0c40032ef90c18f2230"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:6f4f4668e1831850ebcc2fd0b1cd11721947b6dc7c00bf1c6bd3c929ae14f2c7"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_s390x.whl", hash = "sha256:0be65ccf618c1e7ac9b849c315cc2e8a8751d9cfdaa43027d4f6624bd587ab7e"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:53d0a3fa5f8af98a1e261de6a3943ca631c526635eb5817a87a59d9a57ebf48f"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-win32.whl", hash = "sha256:a04f86f41a8916fe45ac5024ec477f41f886b3c435da2d4e3d2709b22ab02af1"},
+    {file = "charset_normalizer-3.1.0-cp39-cp39-win_amd64.whl", hash = "sha256:830d2948a5ec37c386d3170c483063798d7879037492540f10a475e3fd6f244b"},
+    {file = "charset_normalizer-3.1.0-py3-none-any.whl", hash = "sha256:3d9098b479e78c85080c98e1e35ff40b4a31d8953102bb0fd7d1b6f8a2111a3d"},
+]
+
+[[package]]
+name = "coreapi"
+version = "2.3.3"
+description = "Python client library for Core API."
+optional = false
+python-versions = "*"
+files = [
+    {file = "coreapi-2.3.3-py2.py3-none-any.whl", hash = "sha256:bf39d118d6d3e171f10df9ede5666f63ad80bba9a29a8ec17726a66cf52ee6f3"},
+    {file = "coreapi-2.3.3.tar.gz", hash = "sha256:46145fcc1f7017c076a2ef684969b641d18a2991051fddec9458ad3f78ffc1cb"},
+]
+
+[package.dependencies]
+coreschema = "*"
+itypes = "*"
+requests = "*"
+uritemplate = "*"
+
+[[package]]
+name = "coreschema"
+version = "0.0.4"
+description = "Core Schema."
+optional = false
+python-versions = "*"
+files = [
+    {file = "coreschema-0.0.4-py2-none-any.whl", hash = "sha256:5e6ef7bf38c1525d5e55a895934ab4273548629f16aed5c0a6caa74ebf45551f"},
+    {file = "coreschema-0.0.4.tar.gz", hash = "sha256:9503506007d482ab0867ba14724b93c18a33b22b6d19fb419ef2d239dd4a1607"},
+]
+
+[package.dependencies]
+jinja2 = "*"
+
+[[package]]
+name = "cryptography"
+version = "41.0.1"
+description = "cryptography is a package which provides cryptographic recipes and primitives to Python developers."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "cryptography-41.0.1-cp37-abi3-macosx_10_12_universal2.whl", hash = "sha256:f73bff05db2a3e5974a6fd248af2566134d8981fd7ab012e5dd4ddb1d9a70699"},
+    {file = "cryptography-41.0.1-cp37-abi3-macosx_10_12_x86_64.whl", hash = "sha256:1a5472d40c8f8e91ff7a3d8ac6dfa363d8e3138b961529c996f3e2df0c7a411a"},
+    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:7fa01527046ca5facdf973eef2535a27fec4cb651e4daec4d043ef63f6ecd4ca"},
+    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b46e37db3cc267b4dea1f56da7346c9727e1209aa98487179ee8ebed09d21e43"},
+    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:d198820aba55660b4d74f7b5fd1f17db3aa5eb3e6893b0a41b75e84e4f9e0e4b"},
+    {file = "cryptography-41.0.1-cp37-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:948224d76c4b6457349d47c0c98657557f429b4e93057cf5a2f71d603e2fc3a3"},
+    {file = "cryptography-41.0.1-cp37-abi3-musllinux_1_1_aarch64.whl", hash = "sha256:059e348f9a3c1950937e1b5d7ba1f8e968508ab181e75fc32b879452f08356db"},
+    {file = "cryptography-41.0.1-cp37-abi3-musllinux_1_1_x86_64.whl", hash = "sha256:b4ceb5324b998ce2003bc17d519080b4ec8d5b7b70794cbd2836101406a9be31"},
+    {file = "cryptography-41.0.1-cp37-abi3-win32.whl", hash = "sha256:8f4ab7021127a9b4323537300a2acfb450124b2def3756f64dc3a3d2160ee4b5"},
+    {file = "cryptography-41.0.1-cp37-abi3-win_amd64.whl", hash = "sha256:1fee5aacc7367487b4e22484d3c7e547992ed726d14864ee33c0176ae43b0d7c"},
+    {file = "cryptography-41.0.1-pp38-pypy38_pp73-macosx_10_12_x86_64.whl", hash = "sha256:9a6c7a3c87d595608a39980ebaa04d5a37f94024c9f24eb7d10262b92f739ddb"},
+    {file = "cryptography-41.0.1-pp38-pypy38_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:5d092fdfedaec4cbbffbf98cddc915ba145313a6fdaab83c6e67f4e6c218e6f3"},
+    {file = "cryptography-41.0.1-pp38-pypy38_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:1a8e6c2de6fbbcc5e14fd27fb24414507cb3333198ea9ab1258d916f00bc3039"},
+    {file = "cryptography-41.0.1-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:cb33ccf15e89f7ed89b235cff9d49e2e62c6c981a6061c9c8bb47ed7951190bc"},
+    {file = "cryptography-41.0.1-pp39-pypy39_pp73-macosx_10_12_x86_64.whl", hash = "sha256:5f0ff6e18d13a3de56f609dd1fd11470918f770c6bd5d00d632076c727d35485"},
+    {file = "cryptography-41.0.1-pp39-pypy39_pp73-manylinux_2_28_aarch64.whl", hash = "sha256:7bfc55a5eae8b86a287747053140ba221afc65eb06207bedf6e019b8934b477c"},
+    {file = "cryptography-41.0.1-pp39-pypy39_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:eb8163f5e549a22888c18b0d53d6bb62a20510060a22fd5a995ec8a05268df8a"},
+    {file = "cryptography-41.0.1-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:8dde71c4169ec5ccc1087bb7521d54251c016f126f922ab2dfe6649170a3b8c5"},
+    {file = "cryptography-41.0.1.tar.gz", hash = "sha256:d34579085401d3f49762d2f7d6634d6b6c2ae1242202e860f4d26b046e3a1006"},
+]
+
+[package.dependencies]
+cffi = ">=1.12"
+
+[package.extras]
+docs = ["sphinx (>=5.3.0)", "sphinx-rtd-theme (>=1.1.1)"]
+docstest = ["pyenchant (>=1.6.11)", "sphinxcontrib-spelling (>=4.0.1)", "twine (>=1.12.0)"]
+nox = ["nox"]
+pep8test = ["black", "check-sdist", "mypy", "ruff"]
+sdist = ["build"]
+ssh = ["bcrypt (>=3.1.5)"]
+test = ["pretend", "pytest (>=6.2.0)", "pytest-benchmark", "pytest-cov", "pytest-xdist"]
+test-randomorder = ["pytest-randomly"]
+
+[[package]]
+name = "django"
+version = "4.2.1"
+description = "A high-level Python web framework that encourages rapid development and clean, pragmatic design."
+optional = false
+python-versions = ">=3.8"
+files = [
+    {file = "Django-4.2.1-py3-none-any.whl", hash = "sha256:066b6debb5ac335458d2a713ed995570536c8b59a580005acb0732378d5eb1ee"},
+    {file = "Django-4.2.1.tar.gz", hash = "sha256:7efa6b1f781a6119a10ac94b4794ded90db8accbe7802281cd26f8664ffed59c"},
+]
+
+[package.dependencies]
+asgiref = ">=3.6.0,<4"
+sqlparse = ">=0.3.1"
+tzdata = {version = "*", markers = "sys_platform == \"win32\""}
+
+[package.extras]
+argon2 = ["argon2-cffi (>=19.1.0)"]
+bcrypt = ["bcrypt"]
+
+[[package]]
+name = "django-ckeditor"
+version = "6.5.1"
+description = "Django admin CKEditor integration."
+optional = false
+python-versions = ">=3.8"
+files = [
+    {file = "django-ckeditor-6.5.1.tar.gz", hash = "sha256:57cd8fb7cd150adca354cd4e5c35a743fadaab7073f957d2b7167f0d9fe1fcaf"},
+    {file = "django_ckeditor-6.5.1-py3-none-any.whl", hash = "sha256:1321f24df392f30698513930ce5c9f6d899f9bd0ef734c3b64fe936d809e11b3"},
+]
+
+[package.dependencies]
+Django = ">=3.2"
+django-js-asset = ">=2.0"
+
+[[package]]
+name = "django-cors-headers"
+version = "4.1.0"
+description = "django-cors-headers is a Django application for handling the server headers required for Cross-Origin Resource Sharing (CORS)."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "django_cors_headers-4.1.0-py3-none-any.whl", hash = "sha256:88a4bfae24b6404dd0e0640203cb27704a2a57fd546a429e5d821dfa53dd1acf"},
+    {file = "django_cors_headers-4.1.0.tar.gz", hash = "sha256:36a8d7a6dee6a85f872fe5916cc878a36d0812043866355438dfeda0b20b6b78"},
+]
+
+[package.dependencies]
+Django = ">=3.2"
+
+[[package]]
+name = "django-filebrowser"
+version = "4.0.2"
+description = "Media-Management with Grappelli"
+optional = false
+python-versions = "*"
+files = [
+    {file = "django-filebrowser-4.0.2.tar.gz", hash = "sha256:bca36fe3d91e68ec7dba41edce6122bae77fd79dedaa09c23f2fde7c85485a3c"},
+    {file = "django_filebrowser-4.0.2-py3-none-any.whl", hash = "sha256:228ae8dd03978f4ab6d2b5c217870ea153d487580dd658addee5fec3f856e231"},
+]
+
+[package.dependencies]
+django-grappelli = ">=3.0,<3.1"
+pillow = "*"
+six = "*"
+
+[[package]]
+name = "django-grappelli"
+version = "3.0.6"
+description = "A jazzy skin for the Django Admin-Interface."
+optional = false
+python-versions = "*"
+files = [
+    {file = "django-grappelli-3.0.6.tar.gz", hash = "sha256:7a39f6c5bf5d3333fdbf8345c0427c1129a2fb6a37966d07a1bf74346d708c76"},
+    {file = "django_grappelli-3.0.6-py2.py3-none-any.whl", hash = "sha256:6cef98fe717473f1cb2bddfe68218193d5709ffacf184cdb62138093a6bd8fc5"},
+]
+
+[[package]]
+name = "django-js-asset"
+version = "2.0.0"
+description = "script tag with additional attributes for django.forms.Media"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "django_js_asset-2.0.0-py3-none-any.whl", hash = "sha256:86f9f300d682537ddaf0487dc2ab356581b8f50c069bdba91d334a46e449f923"},
+    {file = "django_js_asset-2.0.0.tar.gz", hash = "sha256:adc1ee1efa853fad42054b540c02205344bb406c9bddf87c9e5377a41b7db90f"},
+]
+
+[package.dependencies]
+Django = ">=2.2"
+
+[package.extras]
+tests = ["coverage"]
+
+[[package]]
+name = "django-rest-knox"
+version = "4.2.0"
+description = "Authentication for django rest framework"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "django-rest-knox-4.2.0.tar.gz", hash = "sha256:4595f1dc23d6e41af7939e5f2d8fdaf6ade0a74a656218e7b56683db5566fcc9"},
+    {file = "django_rest_knox-4.2.0-py3-none-any.whl", hash = "sha256:62b8e374a44cd4e9617eaefe27c915b301bf224fa6550633d3013d3f9f415113"},
+]
+
+[package.dependencies]
+cryptography = "*"
+django = ">=3.2"
+djangorestframework = "*"
+
+[[package]]
+name = "django-tinymce"
+version = "3.6.1"
+description = "A Django application that contains a widget to render a form field as a TinyMCE editor."
+optional = false
+python-versions = "*"
+files = [
+    {file = "django-tinymce-3.6.1.tar.gz", hash = "sha256:6f4f6227c2c608052081a436a1e3054c441caae24c9e0c8c3010536e24749e29"},
+    {file = "django_tinymce-3.6.1-py3-none-any.whl", hash = "sha256:da5732413f51cf854352e3148f06f170b59d95a6c6a43fd9f7ccfdd1849f4bf9"},
+]
+
+[[package]]
+name = "djangorestframework"
+version = "3.14.0"
+description = "Web APIs for Django, made easy."
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "djangorestframework-3.14.0-py3-none-any.whl", hash = "sha256:eb63f58c9f218e1a7d064d17a70751f528ed4e1d35547fdade9aaf4cd103fd08"},
+    {file = "djangorestframework-3.14.0.tar.gz", hash = "sha256:579a333e6256b09489cbe0a067e66abe55c6595d8926be6b99423786334350c8"},
+]
+
+[package.dependencies]
+django = ">=3.0"
+pytz = "*"
+
+[[package]]
+name = "drf-yasg"
+version = "1.21.5"
+description = "Automated generation of real Swagger/OpenAPI 2.0 schemas from Django Rest Framework code."
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "drf-yasg-1.21.5.tar.gz", hash = "sha256:ceef0c3b5dc4389781afd786e6dc3697af2a2fe0d8724ee1f637c23d75bbc5b2"},
+    {file = "drf_yasg-1.21.5-py3-none-any.whl", hash = "sha256:ba9cf4bf79f259290daee9b400fa4fcdb0e78d2f043fa5e9f6589c939fd06d05"},
+]
+
+[package.dependencies]
+coreapi = ">=2.3.3"
+coreschema = ">=0.0.4"
+django = ">=2.2.16"
+djangorestframework = ">=3.10.3"
+inflection = ">=0.3.1"
+packaging = ">=21.0"
+pytz = ">=2021.1"
+"ruamel.yaml" = ">=0.16.13"
+uritemplate = ">=3.0.0"
+
+[package.extras]
+validation = ["swagger-spec-validator (>=2.1.0)"]
+
+[[package]]
+name = "idna"
+version = "3.4"
+description = "Internationalized Domain Names in Applications (IDNA)"
+optional = false
+python-versions = ">=3.5"
+files = [
+    {file = "idna-3.4-py3-none-any.whl", hash = "sha256:90b77e79eaa3eba6de819a0c442c0b4ceefc341a7a2ab77d7562bf49f425c5c2"},
+    {file = "idna-3.4.tar.gz", hash = "sha256:814f528e8dead7d329833b91c5faa87d60bf71824cd12a7530b5526063d02cb4"},
+]
+
+[[package]]
+name = "inflection"
+version = "0.5.1"
+description = "A port of Ruby on Rails inflector to Python"
+optional = false
+python-versions = ">=3.5"
+files = [
+    {file = "inflection-0.5.1-py2.py3-none-any.whl", hash = "sha256:f38b2b640938a4f35ade69ac3d053042959b62a0f1076a5bbaa1b9526605a8a2"},
+    {file = "inflection-0.5.1.tar.gz", hash = "sha256:1a29730d366e996aaacffb2f1f1cb9593dc38e2ddd30c91250c6dde09ea9b417"},
+]
+
+[[package]]
+name = "itypes"
+version = "1.2.0"
+description = "Simple immutable types for python."
+optional = false
+python-versions = "*"
+files = [
+    {file = "itypes-1.2.0-py2.py3-none-any.whl", hash = "sha256:03da6872ca89d29aef62773672b2d408f490f80db48b23079a4b194c86dd04c6"},
+    {file = "itypes-1.2.0.tar.gz", hash = "sha256:af886f129dea4a2a1e3d36595a2d139589e4dd287f5cab0b40e799ee81570ff1"},
+]
+
+[[package]]
+name = "jinja2"
+version = "3.1.2"
+description = "A very fast and expressive template engine."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "Jinja2-3.1.2-py3-none-any.whl", hash = "sha256:6088930bfe239f0e6710546ab9c19c9ef35e29792895fed6e6e31a023a182a61"},
+    {file = "Jinja2-3.1.2.tar.gz", hash = "sha256:31351a702a408a9e7595a8fc6150fc3f43bb6bf7e319770cbc0db9df9437e852"},
+]
+
+[package.dependencies]
+MarkupSafe = ">=2.0"
+
+[package.extras]
+i18n = ["Babel (>=2.7)"]
+
+[[package]]
+name = "markupsafe"
+version = "2.1.3"
+description = "Safely add untrusted strings to HTML/XML markup."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "MarkupSafe-2.1.3-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:cd0f502fe016460680cd20aaa5a76d241d6f35a1c3350c474bac1273803893fa"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:e09031c87a1e51556fdcb46e5bd4f59dfb743061cf93c4d6831bf894f125eb57"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:68e78619a61ecf91e76aa3e6e8e33fc4894a2bebe93410754bd28fce0a8a4f9f"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:65c1a9bcdadc6c28eecee2c119465aebff8f7a584dd719facdd9e825ec61ab52"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:525808b8019e36eb524b8c68acdd63a37e75714eac50e988180b169d64480a00"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:962f82a3086483f5e5f64dbad880d31038b698494799b097bc59c2edf392fce6"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:aa7bd130efab1c280bed0f45501b7c8795f9fdbeb02e965371bbef3523627779"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:c9c804664ebe8f83a211cace637506669e7890fec1b4195b505c214e50dd4eb7"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-win32.whl", hash = "sha256:10bbfe99883db80bdbaff2dcf681dfc6533a614f700da1287707e8a5d78a8431"},
+    {file = "MarkupSafe-2.1.3-cp310-cp310-win_amd64.whl", hash = "sha256:1577735524cdad32f9f694208aa75e422adba74f1baee7551620e43a3141f559"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:ad9e82fb8f09ade1c3e1b996a6337afac2b8b9e365f926f5a61aacc71adc5b3c"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:3c0fae6c3be832a0a0473ac912810b2877c8cb9d76ca48de1ed31e1c68386575"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:b076b6226fb84157e3f7c971a47ff3a679d837cf338547532ab866c57930dbee"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bfce63a9e7834b12b87c64d6b155fdd9b3b96191b6bd334bf37db7ff1fe457f2"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:338ae27d6b8745585f87218a3f23f1512dbf52c26c28e322dbe54bcede54ccb9"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:e4dd52d80b8c83fdce44e12478ad2e85c64ea965e75d66dbeafb0a3e77308fcc"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:df0be2b576a7abbf737b1575f048c23fb1d769f267ec4358296f31c2479db8f9"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:5bbe06f8eeafd38e5d0a4894ffec89378b6c6a625ff57e3028921f8ff59318ac"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-win32.whl", hash = "sha256:dd15ff04ffd7e05ffcb7fe79f1b98041b8ea30ae9234aed2a9168b5797c3effb"},
+    {file = "MarkupSafe-2.1.3-cp311-cp311-win_amd64.whl", hash = "sha256:134da1eca9ec0ae528110ccc9e48041e0828d79f24121a1a146161103c76e686"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:8e254ae696c88d98da6555f5ace2279cf7cd5b3f52be2b5cf97feafe883b58d2"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:cb0932dc158471523c9637e807d9bfb93e06a95cbf010f1a38b98623b929ef2b"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9402b03f1a1b4dc4c19845e5c749e3ab82d5078d16a2a4c2cd2df62d57bb0707"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ca379055a47383d02a5400cb0d110cef0a776fc644cda797db0c5696cfd7e18e"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:b7ff0f54cb4ff66dd38bebd335a38e2c22c41a8ee45aa608efc890ac3e3931bc"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:c011a4149cfbcf9f03994ec2edffcb8b1dc2d2aede7ca243746df97a5d41ce48"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:56d9f2ecac662ca1611d183feb03a3fa4406469dafe241673d521dd5ae92a155"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-win32.whl", hash = "sha256:8758846a7e80910096950b67071243da3e5a20ed2546e6392603c096778d48e0"},
+    {file = "MarkupSafe-2.1.3-cp37-cp37m-win_amd64.whl", hash = "sha256:787003c0ddb00500e49a10f2844fac87aa6ce977b90b0feaaf9de23c22508b24"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:2ef12179d3a291be237280175b542c07a36e7f60718296278d8593d21ca937d4"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:2c1b19b3aaacc6e57b7e25710ff571c24d6c3613a45e905b1fde04d691b98ee0"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8afafd99945ead6e075b973fefa56379c5b5c53fd8937dad92c662da5d8fd5ee"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:8c41976a29d078bb235fea9b2ecd3da465df42a562910f9022f1a03107bd02be"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d080e0a5eb2529460b30190fcfcc4199bd7f827663f858a226a81bc27beaa97e"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:69c0f17e9f5a7afdf2cc9fb2d1ce6aabdb3bafb7f38017c0b77862bcec2bbad8"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:504b320cd4b7eff6f968eddf81127112db685e81f7e36e75f9f84f0df46041c3"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:42de32b22b6b804f42c5d98be4f7e5e977ecdd9ee9b660fda1a3edf03b11792d"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-win32.whl", hash = "sha256:ceb01949af7121f9fc39f7d27f91be8546f3fb112c608bc4029aef0bab86a2a5"},
+    {file = "MarkupSafe-2.1.3-cp38-cp38-win_amd64.whl", hash = "sha256:1b40069d487e7edb2676d3fbdb2b0829ffa2cd63a2ec26c4938b2d34391b4ecc"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:8023faf4e01efadfa183e863fefde0046de576c6f14659e8782065bcece22198"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:6b2b56950d93e41f33b4223ead100ea0fe11f8e6ee5f641eb753ce4b77a7042b"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9dcdfd0eaf283af041973bff14a2e143b8bd64e069f4c383416ecd79a81aab58"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:05fb21170423db021895e1ea1e1f3ab3adb85d1c2333cbc2310f2a26bc77272e"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:282c2cb35b5b673bbcadb33a585408104df04f14b2d9b01d4c345a3b92861c2c"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:ab4a0df41e7c16a1392727727e7998a467472d0ad65f3ad5e6e765015df08636"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:7ef3cb2ebbf91e330e3bb937efada0edd9003683db6b57bb108c4001f37a02ea"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:0a4e4a1aff6c7ac4cd55792abf96c915634c2b97e3cc1c7129578aa68ebd754e"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-win32.whl", hash = "sha256:fec21693218efe39aa7f8599346e90c705afa52c5b31ae019b2e57e8f6542bb2"},
+    {file = "MarkupSafe-2.1.3-cp39-cp39-win_amd64.whl", hash = "sha256:3fd4abcb888d15a94f32b75d8fd18ee162ca0c064f35b11134be77050296d6ba"},
+    {file = "MarkupSafe-2.1.3.tar.gz", hash = "sha256:af598ed32d6ae86f1b747b82783958b1a4ab8f617b06fe68795c7f026abbdcad"},
+]
+
+[[package]]
+name = "packaging"
+version = "23.1"
+description = "Core utilities for Python packages"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "packaging-23.1-py3-none-any.whl", hash = "sha256:994793af429502c4ea2ebf6bf664629d07c1a9fe974af92966e4b8d2df7edc61"},
+    {file = "packaging-23.1.tar.gz", hash = "sha256:a392980d2b6cffa644431898be54b0045151319d1e7ec34f0cfed48767dd334f"},
+]
+
+[[package]]
+name = "pillow"
+version = "9.5.0"
+description = "Python Imaging Library (Fork)"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "Pillow-9.5.0-cp310-cp310-macosx_10_10_x86_64.whl", hash = "sha256:ace6ca218308447b9077c14ea4ef381ba0b67ee78d64046b3f19cf4e1139ad16"},
+    {file = "Pillow-9.5.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:d3d403753c9d5adc04d4694d35cf0391f0f3d57c8e0030aac09d7678fa8030aa"},
+    {file = "Pillow-9.5.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5ba1b81ee69573fe7124881762bb4cd2e4b6ed9dd28c9c60a632902fe8db8b38"},
+    {file = "Pillow-9.5.0-cp310-cp310-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:fe7e1c262d3392afcf5071df9afa574544f28eac825284596ac6db56e6d11062"},
+    {file = "Pillow-9.5.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:8f36397bf3f7d7c6a3abdea815ecf6fd14e7fcd4418ab24bae01008d8d8ca15e"},
+    {file = "Pillow-9.5.0-cp310-cp310-manylinux_2_28_aarch64.whl", hash = "sha256:252a03f1bdddce077eff2354c3861bf437c892fb1832f75ce813ee94347aa9b5"},
+    {file = "Pillow-9.5.0-cp310-cp310-manylinux_2_28_x86_64.whl", hash = "sha256:85ec677246533e27770b0de5cf0f9d6e4ec0c212a1f89dfc941b64b21226009d"},
+    {file = "Pillow-9.5.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:b416f03d37d27290cb93597335a2f85ed446731200705b22bb927405320de903"},
+    {file = "Pillow-9.5.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:1781a624c229cb35a2ac31cc4a77e28cafc8900733a864870c49bfeedacd106a"},
+    {file = "Pillow-9.5.0-cp310-cp310-win32.whl", hash = "sha256:8507eda3cd0608a1f94f58c64817e83ec12fa93a9436938b191b80d9e4c0fc44"},
+    {file = "Pillow-9.5.0-cp310-cp310-win_amd64.whl", hash = "sha256:d3c6b54e304c60c4181da1c9dadf83e4a54fd266a99c70ba646a9baa626819eb"},
+    {file = "Pillow-9.5.0-cp311-cp311-macosx_10_10_x86_64.whl", hash = "sha256:7ec6f6ce99dab90b52da21cf0dc519e21095e332ff3b399a357c187b1a5eee32"},
+    {file = "Pillow-9.5.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:560737e70cb9c6255d6dcba3de6578a9e2ec4b573659943a5e7e4af13f298f5c"},
+    {file = "Pillow-9.5.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:96e88745a55b88a7c64fa49bceff363a1a27d9a64e04019c2281049444a571e3"},
+    {file = "Pillow-9.5.0-cp311-cp311-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d9c206c29b46cfd343ea7cdfe1232443072bbb270d6a46f59c259460db76779a"},
+    {file = "Pillow-9.5.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:cfcc2c53c06f2ccb8976fb5c71d448bdd0a07d26d8e07e321c103416444c7ad1"},
+    {file = "Pillow-9.5.0-cp311-cp311-manylinux_2_28_aarch64.whl", hash = "sha256:a0f9bb6c80e6efcde93ffc51256d5cfb2155ff8f78292f074f60f9e70b942d99"},
+    {file = "Pillow-9.5.0-cp311-cp311-manylinux_2_28_x86_64.whl", hash = "sha256:8d935f924bbab8f0a9a28404422da8af4904e36d5c33fc6f677e4c4485515625"},
+    {file = "Pillow-9.5.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:fed1e1cf6a42577953abbe8e6cf2fe2f566daebde7c34724ec8803c4c0cda579"},
+    {file = "Pillow-9.5.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:c1170d6b195555644f0616fd6ed929dfcf6333b8675fcca044ae5ab110ded296"},
+    {file = "Pillow-9.5.0-cp311-cp311-win32.whl", hash = "sha256:54f7102ad31a3de5666827526e248c3530b3a33539dbda27c6843d19d72644ec"},
+    {file = "Pillow-9.5.0-cp311-cp311-win_amd64.whl", hash = "sha256:cfa4561277f677ecf651e2b22dc43e8f5368b74a25a8f7d1d4a3a243e573f2d4"},
+    {file = "Pillow-9.5.0-cp311-cp311-win_arm64.whl", hash = "sha256:965e4a05ef364e7b973dd17fc765f42233415974d773e82144c9bbaaaea5d089"},
+    {file = "Pillow-9.5.0-cp312-cp312-win32.whl", hash = "sha256:22baf0c3cf0c7f26e82d6e1adf118027afb325e703922c8dfc1d5d0156bb2eeb"},
+    {file = "Pillow-9.5.0-cp312-cp312-win_amd64.whl", hash = "sha256:432b975c009cf649420615388561c0ce7cc31ce9b2e374db659ee4f7d57a1f8b"},
+    {file = "Pillow-9.5.0-cp37-cp37m-macosx_10_10_x86_64.whl", hash = "sha256:5d4ebf8e1db4441a55c509c4baa7a0587a0210f7cd25fcfe74dbbce7a4bd1906"},
+    {file = "Pillow-9.5.0-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:375f6e5ee9620a271acb6820b3d1e94ffa8e741c0601db4c0c4d3cb0a9c224bf"},
+    {file = "Pillow-9.5.0-cp37-cp37m-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:99eb6cafb6ba90e436684e08dad8be1637efb71c4f2180ee6b8f940739406e78"},
+    {file = "Pillow-9.5.0-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:2dfaaf10b6172697b9bceb9a3bd7b951819d1ca339a5ef294d1f1ac6d7f63270"},
+    {file = "Pillow-9.5.0-cp37-cp37m-manylinux_2_28_aarch64.whl", hash = "sha256:763782b2e03e45e2c77d7779875f4432e25121ef002a41829d8868700d119392"},
+    {file = "Pillow-9.5.0-cp37-cp37m-manylinux_2_28_x86_64.whl", hash = "sha256:35f6e77122a0c0762268216315bf239cf52b88865bba522999dc38f1c52b9b47"},
+    {file = "Pillow-9.5.0-cp37-cp37m-win32.whl", hash = "sha256:aca1c196f407ec7cf04dcbb15d19a43c507a81f7ffc45b690899d6a76ac9fda7"},
+    {file = "Pillow-9.5.0-cp37-cp37m-win_amd64.whl", hash = "sha256:322724c0032af6692456cd6ed554bb85f8149214d97398bb80613b04e33769f6"},
+    {file = "Pillow-9.5.0-cp38-cp38-macosx_10_10_x86_64.whl", hash = "sha256:a0aa9417994d91301056f3d0038af1199eb7adc86e646a36b9e050b06f526597"},
+    {file = "Pillow-9.5.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:f8286396b351785801a976b1e85ea88e937712ee2c3ac653710a4a57a8da5d9c"},
+    {file = "Pillow-9.5.0-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c830a02caeb789633863b466b9de10c015bded434deb3ec87c768e53752ad22a"},
+    {file = "Pillow-9.5.0-cp38-cp38-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:fbd359831c1657d69bb81f0db962905ee05e5e9451913b18b831febfe0519082"},
+    {file = "Pillow-9.5.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f8fc330c3370a81bbf3f88557097d1ea26cd8b019d6433aa59f71195f5ddebbf"},
+    {file = "Pillow-9.5.0-cp38-cp38-manylinux_2_28_aarch64.whl", hash = "sha256:7002d0797a3e4193c7cdee3198d7c14f92c0836d6b4a3f3046a64bd1ce8df2bf"},
+    {file = "Pillow-9.5.0-cp38-cp38-manylinux_2_28_x86_64.whl", hash = "sha256:229e2c79c00e85989a34b5981a2b67aa079fd08c903f0aaead522a1d68d79e51"},
+    {file = "Pillow-9.5.0-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:9adf58f5d64e474bed00d69bcd86ec4bcaa4123bfa70a65ce72e424bfb88ed96"},
+    {file = "Pillow-9.5.0-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:662da1f3f89a302cc22faa9f14a262c2e3951f9dbc9617609a47521c69dd9f8f"},
+    {file = "Pillow-9.5.0-cp38-cp38-win32.whl", hash = "sha256:6608ff3bf781eee0cd14d0901a2b9cc3d3834516532e3bd673a0a204dc8615fc"},
+    {file = "Pillow-9.5.0-cp38-cp38-win_amd64.whl", hash = "sha256:e49eb4e95ff6fd7c0c402508894b1ef0e01b99a44320ba7d8ecbabefddcc5569"},
+    {file = "Pillow-9.5.0-cp39-cp39-macosx_10_10_x86_64.whl", hash = "sha256:482877592e927fd263028c105b36272398e3e1be3269efda09f6ba21fd83ec66"},
+    {file = "Pillow-9.5.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:3ded42b9ad70e5f1754fb7c2e2d6465a9c842e41d178f262e08b8c85ed8a1d8e"},
+    {file = "Pillow-9.5.0-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c446d2245ba29820d405315083d55299a796695d747efceb5717a8b450324115"},
+    {file = "Pillow-9.5.0-cp39-cp39-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8aca1152d93dcc27dc55395604dcfc55bed5f25ef4c98716a928bacba90d33a3"},
+    {file = "Pillow-9.5.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:608488bdcbdb4ba7837461442b90ea6f3079397ddc968c31265c1e056964f1ef"},
+    {file = "Pillow-9.5.0-cp39-cp39-manylinux_2_28_aarch64.whl", hash = "sha256:60037a8db8750e474af7ffc9faa9b5859e6c6d0a50e55c45576bf28be7419705"},
+    {file = "Pillow-9.5.0-cp39-cp39-manylinux_2_28_x86_64.whl", hash = "sha256:07999f5834bdc404c442146942a2ecadd1cb6292f5229f4ed3b31e0a108746b1"},
+    {file = "Pillow-9.5.0-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:a127ae76092974abfbfa38ca2d12cbeddcdeac0fb71f9627cc1135bedaf9d51a"},
+    {file = "Pillow-9.5.0-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:489f8389261e5ed43ac8ff7b453162af39c3e8abd730af8363587ba64bb2e865"},
+    {file = "Pillow-9.5.0-cp39-cp39-win32.whl", hash = "sha256:9b1af95c3a967bf1da94f253e56b6286b50af23392a886720f563c547e48e964"},
+    {file = "Pillow-9.5.0-cp39-cp39-win_amd64.whl", hash = "sha256:77165c4a5e7d5a284f10a6efaa39a0ae8ba839da344f20b111d62cc932fa4e5d"},
+    {file = "Pillow-9.5.0-pp38-pypy38_pp73-macosx_10_10_x86_64.whl", hash = "sha256:833b86a98e0ede388fa29363159c9b1a294b0905b5128baf01db683672f230f5"},
+    {file = "Pillow-9.5.0-pp38-pypy38_pp73-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:aaf305d6d40bd9632198c766fb64f0c1a83ca5b667f16c1e79e1661ab5060140"},
+    {file = "Pillow-9.5.0-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0852ddb76d85f127c135b6dd1f0bb88dbb9ee990d2cd9aa9e28526c93e794fba"},
+    {file = "Pillow-9.5.0-pp38-pypy38_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:91ec6fe47b5eb5a9968c79ad9ed78c342b1f97a091677ba0e012701add857829"},
+    {file = "Pillow-9.5.0-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:cb841572862f629b99725ebaec3287fc6d275be9b14443ea746c1dd325053cbd"},
+    {file = "Pillow-9.5.0-pp39-pypy39_pp73-macosx_10_10_x86_64.whl", hash = "sha256:c380b27d041209b849ed246b111b7c166ba36d7933ec6e41175fd15ab9eb1572"},
+    {file = "Pillow-9.5.0-pp39-pypy39_pp73-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:7c9af5a3b406a50e313467e3565fc99929717f780164fe6fbb7704edba0cebbe"},
+    {file = "Pillow-9.5.0-pp39-pypy39_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:5671583eab84af046a397d6d0ba25343c00cd50bce03787948e0fff01d4fd9b1"},
+    {file = "Pillow-9.5.0-pp39-pypy39_pp73-manylinux_2_28_x86_64.whl", hash = "sha256:84a6f19ce086c1bf894644b43cd129702f781ba5751ca8572f08aa40ef0ab7b7"},
+    {file = "Pillow-9.5.0-pp39-pypy39_pp73-win_amd64.whl", hash = "sha256:1e7723bd90ef94eda669a3c2c19d549874dd5badaeefabefd26053304abe5799"},
+    {file = "Pillow-9.5.0.tar.gz", hash = "sha256:bf548479d336726d7a0eceb6e767e179fbde37833ae42794602631a070d630f1"},
+]
+
+[package.extras]
+docs = ["furo", "olefile", "sphinx (>=2.4)", "sphinx-copybutton", "sphinx-inline-tabs", "sphinx-removed-in", "sphinxext-opengraph"]
+tests = ["check-manifest", "coverage", "defusedxml", "markdown2", "olefile", "packaging", "pyroma", "pytest", "pytest-cov", "pytest-timeout"]
+
+[[package]]
+name = "psycopg2-binary"
+version = "2.9.6"
+description = "psycopg2 - Python-PostgreSQL Database Adapter"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "psycopg2-binary-2.9.6.tar.gz", hash = "sha256:1f64dcfb8f6e0c014c7f55e51c9759f024f70ea572fbdef123f85318c297947c"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d26e0342183c762de3276cca7a530d574d4e25121ca7d6e4a98e4f05cb8e4df7"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:c48d8f2db17f27d41fb0e2ecd703ea41984ee19362cbce52c097963b3a1b4365"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ffe9dc0a884a8848075e576c1de0290d85a533a9f6e9c4e564f19adf8f6e54a7"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8a76e027f87753f9bd1ab5f7c9cb8c7628d1077ef927f5e2446477153a602f2c"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:6460c7a99fc939b849431f1e73e013d54aa54293f30f1109019c56a0b2b2ec2f"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ae102a98c547ee2288637af07393dd33f440c25e5cd79556b04e3fca13325e5f"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:9972aad21f965599ed0106f65334230ce826e5ae69fda7cbd688d24fa922415e"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:7a40c00dbe17c0af5bdd55aafd6ff6679f94a9be9513a4c7e071baf3d7d22a70"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:cacbdc5839bdff804dfebc058fe25684cae322987f7a38b0168bc1b2df703fb1"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:7f0438fa20fb6c7e202863e0d5ab02c246d35efb1d164e052f2f3bfe2b152bd0"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-win32.whl", hash = "sha256:b6c8288bb8a84b47e07013bb4850f50538aa913d487579e1921724631d02ea1b"},
+    {file = "psycopg2_binary-2.9.6-cp310-cp310-win_amd64.whl", hash = "sha256:61b047a0537bbc3afae10f134dc6393823882eb263088c271331602b672e52e9"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:964b4dfb7c1c1965ac4c1978b0f755cc4bd698e8aa2b7667c575fb5f04ebe06b"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:afe64e9b8ea66866a771996f6ff14447e8082ea26e675a295ad3bdbffdd72afb"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:15e2ee79e7cf29582ef770de7dab3d286431b01c3bb598f8e05e09601b890081"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:dfa74c903a3c1f0d9b1c7e7b53ed2d929a4910e272add6700c38f365a6002820"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:b83456c2d4979e08ff56180a76429263ea254c3f6552cd14ada95cff1dec9bb8"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0645376d399bfd64da57148694d78e1f431b1e1ee1054872a5713125681cf1be"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:e99e34c82309dd78959ba3c1590975b5d3c862d6f279f843d47d26ff89d7d7e1"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:4ea29fc3ad9d91162c52b578f211ff1c931d8a38e1f58e684c45aa470adf19e2"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:4ac30da8b4f57187dbf449294d23b808f8f53cad6b1fc3623fa8a6c11d176dd0"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:e78e6e2a00c223e164c417628572a90093c031ed724492c763721c2e0bc2a8df"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-win32.whl", hash = "sha256:1876843d8e31c89c399e31b97d4b9725a3575bb9c2af92038464231ec40f9edb"},
+    {file = "psycopg2_binary-2.9.6-cp311-cp311-win_amd64.whl", hash = "sha256:b4b24f75d16a89cc6b4cdff0eb6a910a966ecd476d1e73f7ce5985ff1328e9a6"},
+    {file = "psycopg2_binary-2.9.6-cp36-cp36m-win32.whl", hash = "sha256:498807b927ca2510baea1b05cc91d7da4718a0f53cb766c154c417a39f1820a0"},
+    {file = "psycopg2_binary-2.9.6-cp36-cp36m-win_amd64.whl", hash = "sha256:0d236c2825fa656a2d98bbb0e52370a2e852e5a0ec45fc4f402977313329174d"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:34b9ccdf210cbbb1303c7c4db2905fa0319391bd5904d32689e6dd5c963d2ea8"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:84d2222e61f313c4848ff05353653bf5f5cf6ce34df540e4274516880d9c3763"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:30637a20623e2a2eacc420059be11527f4458ef54352d870b8181a4c3020ae6b"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8122cfc7cae0da9a3077216528b8bb3629c43b25053284cc868744bfe71eb141"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:38601cbbfe600362c43714482f43b7c110b20cb0f8172422c616b09b85a750c5"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:c7e62ab8b332147a7593a385d4f368874d5fe4ad4e341770d4983442d89603e3"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:2ab652e729ff4ad76d400df2624d223d6e265ef81bb8aa17fbd63607878ecbee"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:c83a74b68270028dc8ee74d38ecfaf9c90eed23c8959fca95bd703d25b82c88e"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d4e6036decf4b72d6425d5b29bbd3e8f0ff1059cda7ac7b96d6ac5ed34ffbacd"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-win32.whl", hash = "sha256:a8c28fd40a4226b4a84bdf2d2b5b37d2c7bd49486b5adcc200e8c7ec991dfa7e"},
+    {file = "psycopg2_binary-2.9.6-cp37-cp37m-win_amd64.whl", hash = "sha256:51537e3d299be0db9137b321dfb6a5022caaab275775680e0c3d281feefaca6b"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:cf4499e0a83b7b7edcb8dabecbd8501d0d3a5ef66457200f77bde3d210d5debb"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7e13a5a2c01151f1208d5207e42f33ba86d561b7a89fca67c700b9486a06d0e2"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0e0f754d27fddcfd74006455b6e04e6705d6c31a612ec69ddc040a5468e44b4e"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d57c3fd55d9058645d26ae37d76e61156a27722097229d32a9e73ed54819982a"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:71f14375d6f73b62800530b581aed3ada394039877818b2d5f7fc77e3bb6894d"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:441cc2f8869a4f0f4bb408475e5ae0ee1f3b55b33f350406150277f7f35384fc"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:65bee1e49fa6f9cf327ce0e01c4c10f39165ee76d35c846ade7cb0ec6683e303"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:af335bac6b666cc6aea16f11d486c3b794029d9df029967f9938a4bed59b6a19"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:cfec476887aa231b8548ece2e06d28edc87c1397ebd83922299af2e051cf2827"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:65c07febd1936d63bfde78948b76cd4c2a411572a44ac50719ead41947d0f26b"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-win32.whl", hash = "sha256:4dfb4be774c4436a4526d0c554af0cc2e02082c38303852a36f6456ece7b3503"},
+    {file = "psycopg2_binary-2.9.6-cp38-cp38-win_amd64.whl", hash = "sha256:02c6e3cf3439e213e4ee930308dc122d6fb4d4bea9aef4a12535fbd605d1a2fe"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:e9182eb20f41417ea1dd8e8f7888c4d7c6e805f8a7c98c1081778a3da2bee3e4"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:8a6979cf527e2603d349a91060f428bcb135aea2be3201dff794813256c274f1"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8338a271cb71d8da40b023a35d9c1e919eba6cbd8fa20a54b748a332c355d896"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e3ed340d2b858d6e6fb5083f87c09996506af483227735de6964a6100b4e6a54"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f81e65376e52f03422e1fb475c9514185669943798ed019ac50410fb4c4df232"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bfb13af3c5dd3a9588000910178de17010ebcccd37b4f9794b00595e3a8ddad3"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:4c727b597c6444a16e9119386b59388f8a424223302d0c06c676ec8b4bc1f963"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:4d67fbdaf177da06374473ef6f7ed8cc0a9dc640b01abfe9e8a2ccb1b1402c1f"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:0892ef645c2fabb0c75ec32d79f4252542d0caec1d5d949630e7d242ca4681a3"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:02c0f3757a4300cf379eb49f543fb7ac527fb00144d39246ee40e1df684ab514"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-win32.whl", hash = "sha256:c3dba7dab16709a33a847e5cd756767271697041fbe3fe97c215b1fc1f5c9848"},
+    {file = "psycopg2_binary-2.9.6-cp39-cp39-win_amd64.whl", hash = "sha256:f6a88f384335bb27812293fdb11ac6aee2ca3f51d3c7820fe03de0a304ab6249"},
+]
+
+[[package]]
+name = "pycodestyle"
+version = "2.10.0"
+description = "Python style guide checker"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "pycodestyle-2.10.0-py2.py3-none-any.whl", hash = "sha256:8a4eaf0d0495c7395bdab3589ac2db602797d76207242c17d470186815706610"},
+    {file = "pycodestyle-2.10.0.tar.gz", hash = "sha256:347187bdb476329d98f695c213d7295a846d1152ff4fe9bacb8a9590b8ee7053"},
+]
+
+[[package]]
+name = "pycparser"
+version = "2.21"
+description = "C parser in Python"
+optional = false
+python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
+files = [
+    {file = "pycparser-2.21-py2.py3-none-any.whl", hash = "sha256:8ee45429555515e1f6b185e78100aea234072576aa43ab53aefcae078162fca9"},
+    {file = "pycparser-2.21.tar.gz", hash = "sha256:e644fdec12f7872f86c58ff790da456218b10f863970249516d60a5eaca77206"},
+]
+
+[[package]]
+name = "pydantic"
+version = "1.10.7"
+description = "Data validation and settings management using python type hints"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "pydantic-1.10.7-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:e79e999e539872e903767c417c897e729e015872040e56b96e67968c3b918b2d"},
+    {file = "pydantic-1.10.7-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:01aea3a42c13f2602b7ecbbea484a98169fb568ebd9e247593ea05f01b884b2e"},
+    {file = "pydantic-1.10.7-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:516f1ed9bc2406a0467dd777afc636c7091d71f214d5e413d64fef45174cfc7a"},
+    {file = "pydantic-1.10.7-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ae150a63564929c675d7f2303008d88426a0add46efd76c3fc797cd71cb1b46f"},
+    {file = "pydantic-1.10.7-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:ecbbc51391248116c0a055899e6c3e7ffbb11fb5e2a4cd6f2d0b93272118a209"},
+    {file = "pydantic-1.10.7-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:f4a2b50e2b03d5776e7f21af73e2070e1b5c0d0df255a827e7c632962f8315af"},
+    {file = "pydantic-1.10.7-cp310-cp310-win_amd64.whl", hash = "sha256:a7cd2251439988b413cb0a985c4ed82b6c6aac382dbaff53ae03c4b23a70e80a"},
+    {file = "pydantic-1.10.7-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:68792151e174a4aa9e9fc1b4e653e65a354a2fa0fed169f7b3d09902ad2cb6f1"},
+    {file = "pydantic-1.10.7-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:dfe2507b8ef209da71b6fb5f4e597b50c5a34b78d7e857c4f8f3115effaef5fe"},
+    {file = "pydantic-1.10.7-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:10a86d8c8db68086f1e30a530f7d5f83eb0685e632e411dbbcf2d5c0150e8dcd"},
+    {file = "pydantic-1.10.7-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d75ae19d2a3dbb146b6f324031c24f8a3f52ff5d6a9f22f0683694b3afcb16fb"},
+    {file = "pydantic-1.10.7-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:464855a7ff7f2cc2cf537ecc421291b9132aa9c79aef44e917ad711b4a93163b"},
+    {file = "pydantic-1.10.7-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:193924c563fae6ddcb71d3f06fa153866423ac1b793a47936656e806b64e24ca"},
+    {file = "pydantic-1.10.7-cp311-cp311-win_amd64.whl", hash = "sha256:b4a849d10f211389502059c33332e91327bc154acc1845f375a99eca3afa802d"},
+    {file = "pydantic-1.10.7-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:cc1dde4e50a5fc1336ee0581c1612215bc64ed6d28d2c7c6f25d2fe3e7c3e918"},
+    {file = "pydantic-1.10.7-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e0cfe895a504c060e5d36b287ee696e2fdad02d89e0d895f83037245218a87fe"},
+    {file = "pydantic-1.10.7-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:670bb4683ad1e48b0ecb06f0cfe2178dcf74ff27921cdf1606e527d2617a81ee"},
+    {file = "pydantic-1.10.7-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:950ce33857841f9a337ce07ddf46bc84e1c4946d2a3bba18f8280297157a3fd1"},
+    {file = "pydantic-1.10.7-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:c15582f9055fbc1bfe50266a19771bbbef33dd28c45e78afbe1996fd70966c2a"},
+    {file = "pydantic-1.10.7-cp37-cp37m-win_amd64.whl", hash = "sha256:82dffb306dd20bd5268fd6379bc4bfe75242a9c2b79fec58e1041fbbdb1f7914"},
+    {file = "pydantic-1.10.7-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:8c7f51861d73e8b9ddcb9916ae7ac39fb52761d9ea0df41128e81e2ba42886cd"},
+    {file = "pydantic-1.10.7-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:6434b49c0b03a51021ade5c4daa7d70c98f7a79e95b551201fff682fc1661245"},
+    {file = "pydantic-1.10.7-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:64d34ab766fa056df49013bb6e79921a0265204c071984e75a09cbceacbbdd5d"},
+    {file = "pydantic-1.10.7-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:701daea9ffe9d26f97b52f1d157e0d4121644f0fcf80b443248434958fd03dc3"},
+    {file = "pydantic-1.10.7-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:cf135c46099ff3f919d2150a948ce94b9ce545598ef2c6c7bf55dca98a304b52"},
+    {file = "pydantic-1.10.7-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:b0f85904f73161817b80781cc150f8b906d521fa11e3cdabae19a581c3606209"},
+    {file = "pydantic-1.10.7-cp38-cp38-win_amd64.whl", hash = "sha256:9f6f0fd68d73257ad6685419478c5aece46432f4bdd8d32c7345f1986496171e"},
+    {file = "pydantic-1.10.7-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:c230c0d8a322276d6e7b88c3f7ce885f9ed16e0910354510e0bae84d54991143"},
+    {file = "pydantic-1.10.7-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:976cae77ba6a49d80f461fd8bba183ff7ba79f44aa5cfa82f1346b5626542f8e"},
+    {file = "pydantic-1.10.7-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7d45fc99d64af9aaf7e308054a0067fdcd87ffe974f2442312372dfa66e1001d"},
+    {file = "pydantic-1.10.7-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d2a5ebb48958754d386195fe9e9c5106f11275867051bf017a8059410e9abf1f"},
+    {file = "pydantic-1.10.7-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:abfb7d4a7cd5cc4e1d1887c43503a7c5dd608eadf8bc615413fc498d3e4645cd"},
+    {file = "pydantic-1.10.7-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:80b1fab4deb08a8292d15e43a6edccdffa5377a36a4597bb545b93e79c5ff0a5"},
+    {file = "pydantic-1.10.7-cp39-cp39-win_amd64.whl", hash = "sha256:d71e69699498b020ea198468e2480a2f1e7433e32a3a99760058c6520e2bea7e"},
+    {file = "pydantic-1.10.7-py3-none-any.whl", hash = "sha256:0cd181f1d0b1d00e2b705f1bf1ac7799a2d938cce3376b8007df62b29be3c2c6"},
+    {file = "pydantic-1.10.7.tar.gz", hash = "sha256:cfc83c0678b6ba51b0532bea66860617c4cd4251ecf76e9846fa5a9f3454e97e"},
+]
+
+[package.dependencies]
+typing-extensions = ">=4.2.0"
+
+[package.extras]
+dotenv = ["python-dotenv (>=0.10.4)"]
+email = ["email-validator (>=1.0.3)"]
+
+[[package]]
+name = "python-dotenv"
+version = "0.21.1"
+description = "Read key-value pairs from a .env file and set them as environment variables"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "python-dotenv-0.21.1.tar.gz", hash = "sha256:1c93de8f636cde3ce377292818d0e440b6e45a82f215c3744979151fa8151c49"},
+    {file = "python_dotenv-0.21.1-py3-none-any.whl", hash = "sha256:41e12e0318bebc859fcc4d97d4db8d20ad21721a6aa5047dd59f090391cb549a"},
+]
+
+[package.extras]
+cli = ["click (>=5.0)"]
+
+[[package]]
+name = "pytz"
+version = "2023.3"
+description = "World timezone definitions, modern and historical"
+optional = false
+python-versions = "*"
+files = [
+    {file = "pytz-2023.3-py2.py3-none-any.whl", hash = "sha256:a151b3abb88eda1d4e34a9814df37de2a80e301e68ba0fd856fb9b46bfbbbffb"},
+    {file = "pytz-2023.3.tar.gz", hash = "sha256:1d8ce29db189191fb55338ee6d0387d82ab59f3d00eac103412d64e0ebd0c588"},
+]
+
+[[package]]
+name = "requests"
+version = "2.31.0"
+description = "Python HTTP for Humans."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "requests-2.31.0-py3-none-any.whl", hash = "sha256:58cd2187c01e70e6e26505bca751777aa9f2ee0b7f4300988b709f44e013003f"},
+    {file = "requests-2.31.0.tar.gz", hash = "sha256:942c5a758f98d790eaed1a29cb6eefc7ffb0d1cf7af05c3d2791656dbd6ad1e1"},
+]
+
+[package.dependencies]
+certifi = ">=2017.4.17"
+charset-normalizer = ">=2,<4"
+idna = ">=2.5,<4"
+urllib3 = ">=1.21.1,<3"
+
+[package.extras]
+socks = ["PySocks (>=1.5.6,!=1.5.7)"]
+use-chardet-on-py3 = ["chardet (>=3.0.2,<6)"]
+
+[[package]]
+name = "ruamel-yaml"
+version = "0.17.31"
+description = "ruamel.yaml is a YAML parser/emitter that supports roundtrip preservation of comments, seq/map flow style, and map key order"
+optional = false
+python-versions = ">=3"
+files = [
+    {file = "ruamel.yaml-0.17.31-py3-none-any.whl", hash = "sha256:3cf153f0047ced526e723097ac615d3009371779432e304dbd5596b6f3a4c777"},
+    {file = "ruamel.yaml-0.17.31.tar.gz", hash = "sha256:098ed1eb6d338a684891a72380277c1e6fc4d4ae0e120de9a447275056dda335"},
+]
+
+[package.dependencies]
+"ruamel.yaml.clib" = {version = ">=0.2.7", markers = "platform_python_implementation == \"CPython\" and python_version < \"3.12\""}
+
+[package.extras]
+docs = ["ryd"]
+jinja2 = ["ruamel.yaml.jinja2 (>=0.2)"]
+
+[[package]]
+name = "ruamel-yaml-clib"
+version = "0.2.7"
+description = "C version of reader, parser and emitter for ruamel.yaml derived from libyaml"
+optional = false
+python-versions = ">=3.5"
+files = [
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:d5859983f26d8cd7bb5c287ef452e8aacc86501487634573d260968f753e1d71"},
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-macosx_12_0_arm64.whl", hash = "sha256:debc87a9516b237d0466a711b18b6ebeb17ba9f391eb7f91c649c5c4ec5006c7"},
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-manylinux2014_aarch64.whl", hash = "sha256:df5828871e6648db72d1c19b4bd24819b80a755c4541d3409f0f7acd0f335c80"},
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:efa08d63ef03d079dcae1dfe334f6c8847ba8b645d08df286358b1f5293d24ab"},
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-win32.whl", hash = "sha256:763d65baa3b952479c4e972669f679fe490eee058d5aa85da483ebae2009d231"},
+    {file = "ruamel.yaml.clib-0.2.7-cp310-cp310-win_amd64.whl", hash = "sha256:d000f258cf42fec2b1bbf2863c61d7b8918d31ffee905da62dede869254d3b8a"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:045e0626baf1c52e5527bd5db361bc83180faaba2ff586e763d3d5982a876a9e"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-macosx_13_0_arm64.whl", hash = "sha256:1a6391a7cabb7641c32517539ca42cf84b87b667bad38b78d4d42dd23e957c81"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-manylinux2014_aarch64.whl", hash = "sha256:9c7617df90c1365638916b98cdd9be833d31d337dbcd722485597b43c4a215bf"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:41d0f1fa4c6830176eef5b276af04c89320ea616655d01327d5ce65e50575c94"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-win32.whl", hash = "sha256:f6d3d39611ac2e4f62c3128a9eed45f19a6608670c5a2f4f07f24e8de3441d38"},
+    {file = "ruamel.yaml.clib-0.2.7-cp311-cp311-win_amd64.whl", hash = "sha256:da538167284de58a52109a9b89b8f6a53ff8437dd6dc26d33b57bf6699153122"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:4b3a93bb9bc662fc1f99c5c3ea8e623d8b23ad22f861eb6fce9377ac07ad6072"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-macosx_12_0_arm64.whl", hash = "sha256:a234a20ae07e8469da311e182e70ef6b199d0fbeb6c6cc2901204dd87fb867e8"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-manylinux2014_aarch64.whl", hash = "sha256:15910ef4f3e537eea7fe45f8a5d19997479940d9196f357152a09031c5be59f3"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:370445fd795706fd291ab00c9df38a0caed0f17a6fb46b0f607668ecb16ce763"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-win32.whl", hash = "sha256:ecdf1a604009bd35c674b9225a8fa609e0282d9b896c03dd441a91e5f53b534e"},
+    {file = "ruamel.yaml.clib-0.2.7-cp36-cp36m-win_amd64.whl", hash = "sha256:f34019dced51047d6f70cb9383b2ae2853b7fc4dce65129a5acd49f4f9256646"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:2aa261c29a5545adfef9296b7e33941f46aa5bbd21164228e833412af4c9c75f"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-macosx_12_0_arm64.whl", hash = "sha256:f01da5790e95815eb5a8a138508c01c758e5f5bc0ce4286c4f7028b8dd7ac3d0"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-manylinux2014_aarch64.whl", hash = "sha256:40d030e2329ce5286d6b231b8726959ebbe0404c92f0a578c0e2482182e38282"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:c3ca1fbba4ae962521e5eb66d72998b51f0f4d0f608d3c0347a48e1af262efa7"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-win32.whl", hash = "sha256:7bdb4c06b063f6fd55e472e201317a3bb6cdeeee5d5a38512ea5c01e1acbdd93"},
+    {file = "ruamel.yaml.clib-0.2.7-cp37-cp37m-win_amd64.whl", hash = "sha256:be2a7ad8fd8f7442b24323d24ba0b56c51219513cfa45b9ada3b87b76c374d4b"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:91a789b4aa0097b78c93e3dc4b40040ba55bef518f84a40d4442f713b4094acb"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-macosx_12_0_arm64.whl", hash = "sha256:99e77daab5d13a48a4054803d052ff40780278240a902b880dd37a51ba01a307"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-manylinux2014_aarch64.whl", hash = "sha256:3243f48ecd450eddadc2d11b5feb08aca941b5cd98c9b1db14b2fd128be8c697"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:8831a2cedcd0f0927f788c5bdf6567d9dc9cc235646a434986a852af1cb54b4b"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-win32.whl", hash = "sha256:3110a99e0f94a4a3470ff67fc20d3f96c25b13d24c6980ff841e82bafe827cac"},
+    {file = "ruamel.yaml.clib-0.2.7-cp38-cp38-win_amd64.whl", hash = "sha256:92460ce908546ab69770b2e576e4f99fbb4ce6ab4b245345a3869a0a0410488f"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:5bc0667c1eb8f83a3752b71b9c4ba55ef7c7058ae57022dd9b29065186a113d9"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-macosx_12_0_arm64.whl", hash = "sha256:4a4d8d417868d68b979076a9be6a38c676eca060785abaa6709c7b31593c35d1"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-manylinux2014_aarch64.whl", hash = "sha256:bf9a6bc4a0221538b1a7de3ed7bca4c93c02346853f44e1cd764be0023cd3640"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_24_x86_64.whl", hash = "sha256:a7b301ff08055d73223058b5c46c55638917f04d21577c95e00e0c4d79201a6b"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-win32.whl", hash = "sha256:d5e51e2901ec2366b79f16c2299a03e74ba4531ddcfacc1416639c557aef0ad8"},
+    {file = "ruamel.yaml.clib-0.2.7-cp39-cp39-win_amd64.whl", hash = "sha256:184faeaec61dbaa3cace407cffc5819f7b977e75360e8d5ca19461cd851a5fc5"},
+    {file = "ruamel.yaml.clib-0.2.7.tar.gz", hash = "sha256:1f08fd5a2bea9c4180db71678e850b995d2a5f4537be0e94557668cf0f5f9497"},
+]
+
+[[package]]
+name = "six"
+version = "1.16.0"
+description = "Python 2 and 3 compatibility utilities"
+optional = false
+python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*"
+files = [
+    {file = "six-1.16.0-py2.py3-none-any.whl", hash = "sha256:8abb2f1d86890a2dfb989f9a77cfcfd3e47c2a354b01111771326f8aa26e0254"},
+    {file = "six-1.16.0.tar.gz", hash = "sha256:1e61c37477a1626458e36f7b1d82aa5c9b094fa4802892072e49de9c60c4c926"},
+]
+
+[[package]]
+name = "soupsieve"
+version = "2.4.1"
+description = "A modern CSS selector implementation for Beautiful Soup."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "soupsieve-2.4.1-py3-none-any.whl", hash = "sha256:1c1bfee6819544a3447586c889157365a27e10d88cde3ad3da0cf0ddf646feb8"},
+    {file = "soupsieve-2.4.1.tar.gz", hash = "sha256:89d12b2d5dfcd2c9e8c22326da9d9aa9cb3dfab0a83a024f05704076ee8d35ea"},
+]
+
+[[package]]
+name = "sqlparse"
+version = "0.4.4"
+description = "A non-validating SQL parser."
+optional = false
+python-versions = ">=3.5"
+files = [
+    {file = "sqlparse-0.4.4-py3-none-any.whl", hash = "sha256:5430a4fe2ac7d0f93e66f1efc6e1338a41884b7ddf2a350cedd20ccc4d9d28f3"},
+    {file = "sqlparse-0.4.4.tar.gz", hash = "sha256:d446183e84b8349fa3061f0fe7f06ca94ba65b426946ffebe6e3e8295332420c"},
+]
+
+[package.extras]
+dev = ["build", "flake8"]
+doc = ["sphinx"]
+test = ["pytest", "pytest-cov"]
+
+[[package]]
+name = "toml"
+version = "0.10.2"
+description = "Python Library for Tom's Obvious, Minimal Language"
+optional = false
+python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
+files = [
+    {file = "toml-0.10.2-py2.py3-none-any.whl", hash = "sha256:806143ae5bfb6a3c6e736a764057db0e6a0e05e338b5630894a5f779cabb4f9b"},
+    {file = "toml-0.10.2.tar.gz", hash = "sha256:b3bda1d108d5dd99f4a20d24d9c348e91c4db7ab1b749200bded2f839ccbe68f"},
+]
+
+[[package]]
+name = "typing-extensions"
+version = "4.5.0"
+description = "Backported and Experimental Type Hints for Python 3.7+"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "typing_extensions-4.5.0-py3-none-any.whl", hash = "sha256:fb33085c39dd998ac16d1431ebc293a8b3eedd00fd4a32de0ff79002c19511b4"},
+    {file = "typing_extensions-4.5.0.tar.gz", hash = "sha256:5cb5f4a79139d699607b3ef622a1dedafa84e115ab0024e0d9c044a9479ca7cb"},
+]
+
+[[package]]
+name = "tzdata"
+version = "2023.3"
+description = "Provider of IANA time zone data"
+optional = false
+python-versions = ">=2"
+files = [
+    {file = "tzdata-2023.3-py2.py3-none-any.whl", hash = "sha256:7e65763eef3120314099b6939b5546db7adce1e7d6f2e179e3df563c70511eda"},
+    {file = "tzdata-2023.3.tar.gz", hash = "sha256:11ef1e08e54acb0d4f95bdb1be05da659673de4acbd21bf9c69e94cc5e907a3a"},
+]
+
+[[package]]
+name = "uritemplate"
+version = "4.1.1"
+description = "Implementation of RFC 6570 URI Templates"
+optional = false
+python-versions = ">=3.6"
+files = [
+    {file = "uritemplate-4.1.1-py2.py3-none-any.whl", hash = "sha256:830c08b8d99bdd312ea4ead05994a38e8936266f84b9a7878232db50b044e02e"},
+    {file = "uritemplate-4.1.1.tar.gz", hash = "sha256:4346edfc5c3b79f694bccd6d6099a322bbeb628dbf2cd86eea55a456ce5124f0"},
+]
+
+[[package]]
+name = "urllib3"
+version = "2.0.2"
+description = "HTTP library with thread-safe connection pooling, file post, and more."
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "urllib3-2.0.2-py3-none-any.whl", hash = "sha256:d055c2f9d38dc53c808f6fdc8eab7360b6fdbbde02340ed25cfbcd817c62469e"},
+    {file = "urllib3-2.0.2.tar.gz", hash = "sha256:61717a1095d7e155cdb737ac7bb2f4324a858a1e2e6466f6d03ff630ca68d3cc"},
+]
+
+[package.extras]
+brotli = ["brotli (>=1.0.9)", "brotlicffi (>=0.8.0)"]
+secure = ["certifi", "cryptography (>=1.9)", "idna (>=2.0.0)", "pyopenssl (>=17.1.0)", "urllib3-secure-extra"]
+socks = ["pysocks (>=1.5.6,!=1.5.7,<2.0)"]
+zstd = ["zstandard (>=0.18.0)"]
+
+[metadata]
+lock-version = "2.0"
+python-versions = "3.9.13"
+content-hash = "ed7b8139eb5f2bd7d613ead7e35650a0df18f748756d17e13d135ecb2b76cfa1"
diff --git a/backend/portfolios/__init__.py b/backend/portfolios/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/admin.py b/backend/portfolios/admin.py
new file mode 100644
index 0000000..52af6f1
--- /dev/null
+++ b/backend/portfolios/admin.py
@@ -0,0 +1,105 @@
+from django.contrib import admin
+from django.db import models
+from utils.mixins import CustomModelAdminMixin
+from portfolios.models import (
+    ProfessionalExperience, Skill, Education, EducationMedia, Certification, CertificationMedia, Project, ProjectMedia, Interest, Movie
+)
+from ckeditor.widgets import CKEditorWidget
+
+
+# ----------------------------------------------------
+# *** Professional Experience ***
+# ----------------------------------------------------
+
+class ProfessionalExperienceAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    formfield_overrides = {
+        models.TextField: {'widget': CKEditorWidget},
+    }
+    class Meta:
+        model = ProfessionalExperience
+
+admin.site.register(ProfessionalExperience, ProfessionalExperienceAdmin)
+
+
+# ----------------------------------------------------
+# *** Skill ***
+# ----------------------------------------------------
+
+class SkillAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = Skill
+
+admin.site.register(Skill, SkillAdmin)
+
+
+# ----------------------------------------------------
+# *** Education ***
+# ----------------------------------------------------
+
+class EducationMediaAdmin(admin.StackedInline):
+    model = EducationMedia
+
+
+class EducationAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    inlines = [EducationMediaAdmin]
+
+    class Meta:
+        model = Education
+
+admin.site.register(Education, EducationAdmin)
+
+
+# ----------------------------------------------------
+# *** Certification ***
+# ----------------------------------------------------
+
+class CertificationMediaAdmin(admin.StackedInline):
+    model = CertificationMedia
+
+
+class CertificationAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    inlines = [CertificationMediaAdmin]
+
+    class Meta:
+        model = Certification
+
+admin.site.register(Certification, CertificationAdmin)
+
+
+# ----------------------------------------------------
+# *** Project ***
+# ----------------------------------------------------
+
+class ProjectMediaAdmin(admin.StackedInline):
+    model = ProjectMedia
+
+
+class ProjectAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    inlines = [ProjectMediaAdmin]
+
+    class Meta:
+        model = Project
+
+admin.site.register(Project, ProjectAdmin)
+
+
+# ----------------------------------------------------
+# *** Interest ***
+# ----------------------------------------------------
+
+class InterestAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = Interest
+
+admin.site.register(Interest, InterestAdmin)
+
+
+# ----------------------------------------------------
+# *** Movie ***
+# ----------------------------------------------------
+
+class MovieAdmin(CustomModelAdminMixin, admin.ModelAdmin):
+    class Meta:
+        model = Movie
+
+admin.site.register(Movie, MovieAdmin)
diff --git a/backend/portfolios/api/__init__.py b/backend/portfolios/api/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/certifications/__init__.py b/backend/portfolios/api/certifications/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/certifications/routers.py b/backend/portfolios/api/certifications/routers.py
new file mode 100644
index 0000000..c37dc6e
--- /dev/null
+++ b/backend/portfolios/api/certifications/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.certifications.views import CertificationViewset
+
+
+router.register("certifications", CertificationViewset, basename="certifications")
diff --git a/backend/portfolios/api/certifications/serializers.py b/backend/portfolios/api/certifications/serializers.py
new file mode 100644
index 0000000..4fbd4fc
--- /dev/null
+++ b/backend/portfolios/api/certifications/serializers.py
@@ -0,0 +1,34 @@
+from rest_framework import serializers
+from portfolios.models import Certification, CertificationMedia
+
+
+class CertificationMediaSerializer(serializers.ModelSerializer):
+    file = serializers.SerializerMethodField()
+    class Meta:
+        model = CertificationMedia
+        fields = ("id", "title", "slug", "file", "description")
+        read_only_fields = ("id", "slug")
+
+    def get_file(self, obj):
+        return obj.get_file()
+
+
+class CertificationSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+    certification_media = CertificationMediaSerializer(many=True, read_only=True)
+    issue_date = serializers.SerializerMethodField()
+    expiration_date = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Certification
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
+
+    def get_issue_date(self, obj):
+        return obj.get_issue_date()
+
+    def get_expiration_date(self, obj):
+        return obj.get_expiration_date()
diff --git a/backend/portfolios/api/certifications/views.py b/backend/portfolios/api/certifications/views.py
new file mode 100644
index 0000000..26b7ff1
--- /dev/null
+++ b/backend/portfolios/api/certifications/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Certification
+from portfolios.api.certifications.serializers import CertificationSerializer
+
+
+@custom_response_wrapper
+class CertificationViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Certification.objects.all()
+    serializer_class = CertificationSerializer
diff --git a/backend/portfolios/api/educations/__init__.py b/backend/portfolios/api/educations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/educations/routers.py b/backend/portfolios/api/educations/routers.py
new file mode 100644
index 0000000..71a1c21
--- /dev/null
+++ b/backend/portfolios/api/educations/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.educations.views import EducationViewset
+
+
+router.register("educations", EducationViewset, basename="educations")
diff --git a/backend/portfolios/api/educations/serializers.py b/backend/portfolios/api/educations/serializers.py
new file mode 100644
index 0000000..67a40b8
--- /dev/null
+++ b/backend/portfolios/api/educations/serializers.py
@@ -0,0 +1,30 @@
+from rest_framework import serializers
+from portfolios.models import Education, EducationMedia
+
+
+class EducationMediaSerializer(serializers.ModelSerializer):
+    file = serializers.SerializerMethodField()
+    class Meta:
+        model = EducationMedia
+        fields = ("id", "title", "slug", "file", "description")
+        read_only_fields = ("id", "slug")
+
+    def get_file(self, obj):
+        return obj.get_file()
+
+
+class EducationSerializer(serializers.ModelSerializer):
+    duration = serializers.SerializerMethodField()
+    image = serializers.SerializerMethodField()
+    education_media = EducationMediaSerializer(many=True, read_only=True)
+
+    class Meta:
+        model = Education
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
+
+    def get_duration(self, obj):
+        return obj.get_duration()
diff --git a/backend/portfolios/api/educations/views.py b/backend/portfolios/api/educations/views.py
new file mode 100644
index 0000000..dea2615
--- /dev/null
+++ b/backend/portfolios/api/educations/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Education
+from portfolios.api.educations.serializers import EducationSerializer
+
+
+@custom_response_wrapper
+class EducationViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Education.objects.all()
+    serializer_class = EducationSerializer
diff --git a/backend/portfolios/api/interests/__init__.py b/backend/portfolios/api/interests/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/interests/routers.py b/backend/portfolios/api/interests/routers.py
new file mode 100644
index 0000000..c4f1c2b
--- /dev/null
+++ b/backend/portfolios/api/interests/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.interests.views import InterestViewset
+
+
+router.register("interests", InterestViewset, basename="interests")
diff --git a/backend/portfolios/api/interests/serializers.py b/backend/portfolios/api/interests/serializers.py
new file mode 100644
index 0000000..24e4bdc
--- /dev/null
+++ b/backend/portfolios/api/interests/serializers.py
@@ -0,0 +1,14 @@
+from rest_framework import serializers
+from portfolios.models import Interest
+
+
+class InterestSerializer(serializers.ModelSerializer):
+    icon = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Interest
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_icon(self, obj):
+        return obj.get_icon()
diff --git a/backend/portfolios/api/interests/views.py b/backend/portfolios/api/interests/views.py
new file mode 100644
index 0000000..eb10c4b
--- /dev/null
+++ b/backend/portfolios/api/interests/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Interest
+from portfolios.api.interests.serializers import InterestSerializer
+
+
+@custom_response_wrapper
+class InterestViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Interest.objects.all()
+    serializer_class = InterestSerializer
diff --git a/backend/portfolios/api/movies/__init__.py b/backend/portfolios/api/movies/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/movies/routers.py b/backend/portfolios/api/movies/routers.py
new file mode 100644
index 0000000..15daedf
--- /dev/null
+++ b/backend/portfolios/api/movies/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.movies.views import MovieViewset
+
+
+router.register("movies", MovieViewset, basename="movies")
diff --git a/backend/portfolios/api/movies/serializers.py b/backend/portfolios/api/movies/serializers.py
new file mode 100644
index 0000000..1dbec6a
--- /dev/null
+++ b/backend/portfolios/api/movies/serializers.py
@@ -0,0 +1,14 @@
+from rest_framework import serializers
+from portfolios.models import Movie
+
+
+class MovieSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Movie
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
diff --git a/backend/portfolios/api/movies/views.py b/backend/portfolios/api/movies/views.py
new file mode 100644
index 0000000..48d1f62
--- /dev/null
+++ b/backend/portfolios/api/movies/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Movie
+from portfolios.api.movies.serializers import MovieSerializer
+
+
+@custom_response_wrapper
+class MovieViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Movie.objects.all()
+    serializer_class = MovieSerializer
diff --git a/backend/portfolios/api/professional_experiences/__init__.py b/backend/portfolios/api/professional_experiences/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/professional_experiences/routers.py b/backend/portfolios/api/professional_experiences/routers.py
new file mode 100644
index 0000000..a8e4b8d
--- /dev/null
+++ b/backend/portfolios/api/professional_experiences/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.professional_experiences.views import ProfessionalExperienceViewset
+
+
+router.register("professional-experiences", ProfessionalExperienceViewset, basename="professional_experiences")
diff --git a/backend/portfolios/api/professional_experiences/serializers.py b/backend/portfolios/api/professional_experiences/serializers.py
new file mode 100644
index 0000000..194e3ef
--- /dev/null
+++ b/backend/portfolios/api/professional_experiences/serializers.py
@@ -0,0 +1,22 @@
+from rest_framework import serializers
+from portfolios.models import ProfessionalExperience
+
+
+class ProfessionalExperienceSerializer(serializers.ModelSerializer):
+    company_image = serializers.SerializerMethodField()
+    duration = serializers.SerializerMethodField()
+    duration_in_days = serializers.SerializerMethodField()
+
+    class Meta:
+        model = ProfessionalExperience
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_company_image(self, obj):
+        return obj.get_company_image()
+
+    def get_duration(self, obj):
+        return obj.get_duration()
+
+    def get_duration_in_days(self, obj):
+        return obj.get_duration_in_days()
diff --git a/backend/portfolios/api/professional_experiences/views.py b/backend/portfolios/api/professional_experiences/views.py
new file mode 100644
index 0000000..99af409
--- /dev/null
+++ b/backend/portfolios/api/professional_experiences/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import ProfessionalExperience
+from portfolios.api.professional_experiences.serializers import ProfessionalExperienceSerializer
+
+
+@custom_response_wrapper
+class ProfessionalExperienceViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = ProfessionalExperience.objects.all()
+    serializer_class = ProfessionalExperienceSerializer
diff --git a/backend/portfolios/api/projects/__init__.py b/backend/portfolios/api/projects/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/projects/routers.py b/backend/portfolios/api/projects/routers.py
new file mode 100644
index 0000000..9c952ce
--- /dev/null
+++ b/backend/portfolios/api/projects/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.projects.views import ProjectViewset
+
+
+router.register("projects", ProjectViewset, basename="projects")
diff --git a/backend/portfolios/api/projects/serializers.py b/backend/portfolios/api/projects/serializers.py
new file mode 100644
index 0000000..1af60e8
--- /dev/null
+++ b/backend/portfolios/api/projects/serializers.py
@@ -0,0 +1,34 @@
+from rest_framework import serializers
+from portfolios.models import Project, ProjectMedia
+
+
+class ProjectMediaMediaSerializer(serializers.ModelSerializer):
+    file = serializers.SerializerMethodField()
+    class Meta:
+        model = ProjectMedia
+        fields = ("id", "title", "slug", "file", "description")
+        read_only_fields = ("id", "slug")
+
+    def get_file(self, obj):
+        return obj.get_file()
+
+
+class ProjectSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+    duration = serializers.SerializerMethodField()
+    duration_in_days = serializers.SerializerMethodField()
+    project_media = ProjectMediaMediaSerializer(many=True, read_only=True)
+
+    class Meta:
+        model = Project
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
+
+    def get_duration(self, obj):
+        return obj.get_duration()
+
+    def get_duration_in_days(self, obj):
+        return obj.get_duration_in_days()
diff --git a/backend/portfolios/api/projects/views.py b/backend/portfolios/api/projects/views.py
new file mode 100644
index 0000000..2b7aa7f
--- /dev/null
+++ b/backend/portfolios/api/projects/views.py
@@ -0,0 +1,14 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin, RetrieveModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Project
+from portfolios.api.projects.serializers import ProjectSerializer
+
+
+@custom_response_wrapper
+class ProjectViewset(GenericViewSet, ListModelMixin, RetrieveModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Project.objects.all()
+    serializer_class = ProjectSerializer
+    lookup_field = 'slug'
diff --git a/backend/portfolios/api/skills/__init__.py b/backend/portfolios/api/skills/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/api/skills/routers.py b/backend/portfolios/api/skills/routers.py
new file mode 100644
index 0000000..396ea91
--- /dev/null
+++ b/backend/portfolios/api/skills/routers.py
@@ -0,0 +1,5 @@
+from config.router import router
+from portfolios.api.skills.views import SkillViewset
+
+
+router.register("skills", SkillViewset, basename="skills")
diff --git a/backend/portfolios/api/skills/serializers.py b/backend/portfolios/api/skills/serializers.py
new file mode 100644
index 0000000..e4fce8b
--- /dev/null
+++ b/backend/portfolios/api/skills/serializers.py
@@ -0,0 +1,14 @@
+from rest_framework import serializers
+from portfolios.models import Skill
+
+
+class SkillSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Skill
+        fields = "__all__"
+        read_only_fields = ("id", "slug", "created_at", "updated_at")
+
+    def get_image(self, obj):
+        return obj.get_image()
diff --git a/backend/portfolios/api/skills/views.py b/backend/portfolios/api/skills/views.py
new file mode 100644
index 0000000..83c64dd
--- /dev/null
+++ b/backend/portfolios/api/skills/views.py
@@ -0,0 +1,13 @@
+from rest_framework import permissions
+from rest_framework.viewsets import GenericViewSet
+from rest_framework.mixins import ListModelMixin
+from utils.helpers import custom_response_wrapper
+from portfolios.models import Skill
+from portfolios.api.skills.serializers import SkillSerializer
+
+
+@custom_response_wrapper
+class SkillViewset(GenericViewSet, ListModelMixin):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = Skill.objects.all()
+    serializer_class = SkillSerializer
diff --git a/backend/portfolios/apps.py b/backend/portfolios/apps.py
new file mode 100644
index 0000000..6113f1c
--- /dev/null
+++ b/backend/portfolios/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class PortfoliosConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "portfolios"
diff --git a/backend/portfolios/migrations/0001_initial.py b/backend/portfolios/migrations/0001_initial.py
new file mode 100644
index 0000000..2f2b00a
--- /dev/null
+++ b/backend/portfolios/migrations/0001_initial.py
@@ -0,0 +1,67 @@
+# Generated by Django 4.2.1 on 2023-06-15 17:25
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="ProfessionalExperience",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                ("company", models.CharField(max_length=150)),
+                (
+                    "company_image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_professional_experience_company_image_path,
+                    ),
+                ),
+                ("company_url", models.URLField(blank=True, null=True)),
+                ("address", models.CharField(blank=True, max_length=254, null=True)),
+                ("designation", models.CharField(max_length=150)),
+                (
+                    "job_type",
+                    models.CharField(
+                        choices=[
+                            ("Full Time", "Full Time"),
+                            ("Part Time", "Part Time"),
+                            ("Contractual", "Contractual"),
+                            ("Remote", "Remote"),
+                        ],
+                        default="Full Time",
+                        max_length=20,
+                    ),
+                ),
+                ("start_date", models.DateField()),
+                ("end_date", models.DateField(blank=True, null=True)),
+                ("currently_working", models.BooleanField(default=False)),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Professional Experience",
+                "verbose_name_plural": "Professional Experiences",
+                "db_table": "professional_experience",
+                "ordering": ("-currently_working", "-start_date"),
+                "get_latest_by": "created_at",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0002_alter_professionalexperience_description.py b/backend/portfolios/migrations/0002_alter_professionalexperience_description.py
new file mode 100644
index 0000000..2416203
--- /dev/null
+++ b/backend/portfolios/migrations/0002_alter_professionalexperience_description.py
@@ -0,0 +1,19 @@
+# Generated by Django 4.2.1 on 2023-06-15 19:06
+
+import ckeditor.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="professionalexperience",
+            name="description",
+            field=ckeditor.fields.RichTextField(blank=True, null=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0003_skill_alter_professionalexperience_company.py b/backend/portfolios/migrations/0003_skill_alter_professionalexperience_company.py
new file mode 100644
index 0000000..62ea9ed
--- /dev/null
+++ b/backend/portfolios/migrations/0003_skill_alter_professionalexperience_company.py
@@ -0,0 +1,69 @@
+# Generated by Django 4.2.1 on 2023-06-16 16:53
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0002_alter_professionalexperience_description"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Skill",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                ("title", models.CharField(max_length=150, unique=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_skill_image_path,
+                    ),
+                ),
+                (
+                    "level",
+                    models.PositiveSmallIntegerField(
+                        blank=True,
+                        choices=[
+                            ("None", "-----"),
+                            ("1", "1"),
+                            ("2", "2"),
+                            ("3", "3"),
+                            ("4", "4"),
+                            ("5", "5"),
+                        ],
+                        default="None",
+                        null=True,
+                    ),
+                ),
+                ("order", models.PositiveIntegerField()),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Skill",
+                "verbose_name_plural": "Skills",
+                "db_table": "skill",
+                "ordering": ["-created_at"],
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.AlterField(
+            model_name="professionalexperience",
+            name="company",
+            field=models.CharField(max_length=150, unique=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0004_alter_skill_level.py b/backend/portfolios/migrations/0004_alter_skill_level.py
new file mode 100644
index 0000000..66c12cd
--- /dev/null
+++ b/backend/portfolios/migrations/0004_alter_skill_level.py
@@ -0,0 +1,30 @@
+# Generated by Django 4.2.1 on 2023-06-16 16:55
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0003_skill_alter_professionalexperience_company"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="skill",
+            name="level",
+            field=models.CharField(
+                blank=True,
+                choices=[
+                    ("None", "-----"),
+                    ("1", "1"),
+                    ("2", "2"),
+                    ("3", "3"),
+                    ("4", "4"),
+                    ("5", "5"),
+                ],
+                default="None",
+                null=True,
+            ),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0005_alter_skill_options.py b/backend/portfolios/migrations/0005_alter_skill_options.py
new file mode 100644
index 0000000..ef6f339
--- /dev/null
+++ b/backend/portfolios/migrations/0005_alter_skill_options.py
@@ -0,0 +1,22 @@
+# Generated by Django 4.2.1 on 2023-06-16 17:13
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0004_alter_skill_level"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="skill",
+            options={
+                "get_latest_by": "created_at",
+                "ordering": ("order", "-created_at"),
+                "verbose_name": "Skill",
+                "verbose_name_plural": "Skills",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0006_alter_skill_level.py b/backend/portfolios/migrations/0006_alter_skill_level.py
new file mode 100644
index 0000000..7ae1632
--- /dev/null
+++ b/backend/portfolios/migrations/0006_alter_skill_level.py
@@ -0,0 +1,30 @@
+# Generated by Django 4.2.1 on 2023-06-16 18:10
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0005_alter_skill_options"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="skill",
+            name="level",
+            field=models.CharField(
+                blank=True,
+                choices=[
+                    ("0", "-----"),
+                    ("1", "1"),
+                    ("2", "2"),
+                    ("3", "3"),
+                    ("4", "4"),
+                    ("5", "5"),
+                ],
+                default="0",
+                null=True,
+            ),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0007_alter_skill_level.py b/backend/portfolios/migrations/0007_alter_skill_level.py
new file mode 100644
index 0000000..4976e18
--- /dev/null
+++ b/backend/portfolios/migrations/0007_alter_skill_level.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-06-16 18:11
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0006_alter_skill_level"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="skill",
+            name="level",
+            field=models.CharField(
+                blank=True,
+                choices=[("1", "1"), ("2", "2"), ("3", "3"), ("4", "4"), ("5", "5")],
+                default=None,
+                null=True,
+            ),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0008_alter_skill_order.py b/backend/portfolios/migrations/0008_alter_skill_order.py
new file mode 100644
index 0000000..7190c74
--- /dev/null
+++ b/backend/portfolios/migrations/0008_alter_skill_order.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-16 18:33
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0007_alter_skill_level"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="skill",
+            name="order",
+            field=models.PositiveIntegerField(blank=True, null=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0009_alter_skill_slug.py b/backend/portfolios/migrations/0009_alter_skill_slug.py
new file mode 100644
index 0000000..bccf12a
--- /dev/null
+++ b/backend/portfolios/migrations/0009_alter_skill_slug.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-16 18:34
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0008_alter_skill_order"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="skill",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0010_alter_professionalexperience_slug_alter_skill_order.py b/backend/portfolios/migrations/0010_alter_professionalexperience_slug_alter_skill_order.py
new file mode 100644
index 0000000..9a47b2d
--- /dev/null
+++ b/backend/portfolios/migrations/0010_alter_professionalexperience_slug_alter_skill_order.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-06-16 18:36
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0009_alter_skill_slug"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="professionalexperience",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+        migrations.AlterField(
+            model_name="skill",
+            name="order",
+            field=models.PositiveIntegerField(blank=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0011_education_educationmedia.py b/backend/portfolios/migrations/0011_education_educationmedia.py
new file mode 100644
index 0000000..e7daf5a
--- /dev/null
+++ b/backend/portfolios/migrations/0011_education_educationmedia.py
@@ -0,0 +1,96 @@
+# Generated by Django 4.2.1 on 2023-06-17 06:16
+
+from django.db import migrations, models
+import django.db.models.deletion
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0010_alter_professionalexperience_slug_alter_skill_order"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Education",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("school", models.CharField(max_length=150, unique=True)),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_education_school_image_path,
+                    ),
+                ),
+                ("degree", models.CharField(max_length=150)),
+                ("address", models.CharField(blank=True, max_length=254, null=True)),
+                ("field_of_study", models.CharField(max_length=200)),
+                ("start_date", models.DateField()),
+                ("end_date", models.DateField(blank=True, null=True)),
+                ("currently_studying", models.BooleanField(default=False)),
+                ("grade", models.CharField(blank=True, max_length=254, null=True)),
+                ("activities", models.CharField(blank=True, max_length=254, null=True)),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Education",
+                "verbose_name_plural": "Educations",
+                "db_table": "education",
+                "ordering": ("-end_date", "-created_at"),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.CreateModel(
+            name="EducationMedia",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                (
+                    "file",
+                    models.FileField(
+                        upload_to=utils.image_upload_helpers.get_education_media_path
+                    ),
+                ),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+                (
+                    "education",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="education_media",
+                        to="portfolios.education",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Education Media",
+                "verbose_name_plural": "Education Media",
+                "db_table": "education_media",
+                "get_latest_by": "created_at",
+                "order_with_respect_to": "education",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0012_alter_education_slug_alter_educationmedia_slug.py b/backend/portfolios/migrations/0012_alter_education_slug_alter_educationmedia_slug.py
new file mode 100644
index 0000000..5ded032
--- /dev/null
+++ b/backend/portfolios/migrations/0012_alter_education_slug_alter_educationmedia_slug.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-06-17 06:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0011_education_educationmedia"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="education",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+        migrations.AlterField(
+            model_name="educationmedia",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0013_educationmedia_title.py b/backend/portfolios/migrations/0013_educationmedia_title.py
new file mode 100644
index 0000000..b6b1456
--- /dev/null
+++ b/backend/portfolios/migrations/0013_educationmedia_title.py
@@ -0,0 +1,19 @@
+# Generated by Django 4.2.1 on 2023-06-17 08:08
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0012_alter_education_slug_alter_educationmedia_slug"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="educationmedia",
+            name="title",
+            field=models.CharField(default="Media Sample", max_length=150),
+            preserve_default=False,
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0014_certification.py b/backend/portfolios/migrations/0014_certification.py
new file mode 100644
index 0000000..0146ff4
--- /dev/null
+++ b/backend/portfolios/migrations/0014_certification.py
@@ -0,0 +1,58 @@
+# Generated by Django 4.2.1 on 2023-06-17 09:34
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0013_educationmedia_title"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Certification",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=150)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                ("organization", models.CharField(max_length=150)),
+                ("address", models.CharField(blank=True, max_length=254, null=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_education_school_image_path,
+                    ),
+                ),
+                ("issue_date", models.DateField()),
+                ("expiration_date", models.DateField(blank=True, null=True)),
+                ("does_not_expire", models.BooleanField(default=False)),
+                (
+                    "credential_id",
+                    models.CharField(blank=True, max_length=254, null=True),
+                ),
+                ("credential_url", models.URLField(blank=True, null=True)),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Certification",
+                "verbose_name_plural": "Certifications",
+                "db_table": "certification",
+                "ordering": ["-issue_date"],
+                "get_latest_by": "created_at",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0015_certificationmedia.py b/backend/portfolios/migrations/0015_certificationmedia.py
new file mode 100644
index 0000000..64f8d64
--- /dev/null
+++ b/backend/portfolios/migrations/0015_certificationmedia.py
@@ -0,0 +1,55 @@
+# Generated by Django 4.2.1 on 2023-06-17 09:41
+
+from django.db import migrations, models
+import django.db.models.deletion
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0014_certification"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="CertificationMedia",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=150)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                (
+                    "file",
+                    models.FileField(
+                        upload_to=utils.image_upload_helpers.get_education_media_path
+                    ),
+                ),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+                (
+                    "certification",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="certification_media",
+                        to="portfolios.certification",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Certification Media",
+                "verbose_name_plural": "Certification Media",
+                "db_table": "certification_media",
+                "get_latest_by": "created_at",
+                "order_with_respect_to": "certification",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0016_alter_certification_image_and_more.py b/backend/portfolios/migrations/0016_alter_certification_image_and_more.py
new file mode 100644
index 0000000..a4a3aa1
--- /dev/null
+++ b/backend/portfolios/migrations/0016_alter_certification_image_and_more.py
@@ -0,0 +1,30 @@
+# Generated by Django 4.2.1 on 2023-06-17 09:49
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0015_certificationmedia"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="certification",
+            name="image",
+            field=models.ImageField(
+                blank=True,
+                null=True,
+                upload_to=utils.image_upload_helpers.get_certification_image_path,
+            ),
+        ),
+        migrations.AlterField(
+            model_name="certificationmedia",
+            name="file",
+            field=models.FileField(
+                upload_to=utils.image_upload_helpers.get_certification_media_path
+            ),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0017_project_alter_certification_title_projectmedia.py b/backend/portfolios/migrations/0017_project_alter_certification_title_projectmedia.py
new file mode 100644
index 0000000..c928e7e
--- /dev/null
+++ b/backend/portfolios/migrations/0017_project_alter_certification_title_projectmedia.py
@@ -0,0 +1,99 @@
+# Generated by Django 4.2.1 on 2023-06-22 17:18
+
+from django.db import migrations, models
+import django.db.models.deletion
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0016_alter_certification_image_and_more"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Project",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=200, unique=True)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_project_image_path,
+                    ),
+                ),
+                ("short_description", models.CharField(max_length=254)),
+                ("technology", models.TextField(blank=True, null=True)),
+                ("start_date", models.DateField()),
+                ("end_date", models.DateField(blank=True, null=True)),
+                ("currently_working", models.BooleanField(default=False)),
+                ("url", models.URLField(blank=True, null=True)),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Project",
+                "verbose_name_plural": "Projects",
+                "db_table": "project",
+                "ordering": ["-created_at"],
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.AlterField(
+            model_name="certification",
+            name="title",
+            field=models.CharField(max_length=150, unique=True),
+        ),
+        migrations.CreateModel(
+            name="ProjectMedia",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                (
+                    "file",
+                    models.FileField(
+                        upload_to=utils.image_upload_helpers.get_project_media_path
+                    ),
+                ),
+                ("description", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+                (
+                    "project",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="project_media",
+                        to="portfolios.project",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Project Media",
+                "verbose_name_plural": "Project Media",
+                "db_table": "project_media",
+                "get_latest_by": "created_at",
+                "order_with_respect_to": "project",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0018_remove_certificationmedia_created_at_and_more.py b/backend/portfolios/migrations/0018_remove_certificationmedia_created_at_and_more.py
new file mode 100644
index 0000000..5aa8110
--- /dev/null
+++ b/backend/portfolios/migrations/0018_remove_certificationmedia_created_at_and_more.py
@@ -0,0 +1,69 @@
+# Generated by Django 4.2.1 on 2023-06-22 17:30
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0017_project_alter_certification_title_projectmedia"),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name="certificationmedia",
+            name="created_at",
+        ),
+        migrations.RemoveField(
+            model_name="certificationmedia",
+            name="description",
+        ),
+        migrations.RemoveField(
+            model_name="certificationmedia",
+            name="slug",
+        ),
+        migrations.RemoveField(
+            model_name="certificationmedia",
+            name="title",
+        ),
+        migrations.RemoveField(
+            model_name="certificationmedia",
+            name="updated_at",
+        ),
+        migrations.RemoveField(
+            model_name="educationmedia",
+            name="created_at",
+        ),
+        migrations.RemoveField(
+            model_name="educationmedia",
+            name="description",
+        ),
+        migrations.RemoveField(
+            model_name="educationmedia",
+            name="slug",
+        ),
+        migrations.RemoveField(
+            model_name="educationmedia",
+            name="title",
+        ),
+        migrations.RemoveField(
+            model_name="educationmedia",
+            name="updated_at",
+        ),
+        migrations.RemoveField(
+            model_name="projectmedia",
+            name="created_at",
+        ),
+        migrations.RemoveField(
+            model_name="projectmedia",
+            name="description",
+        ),
+        migrations.RemoveField(
+            model_name="projectmedia",
+            name="slug",
+        ),
+        migrations.RemoveField(
+            model_name="projectmedia",
+            name="updated_at",
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0019_certificationmedia_created_at_and_more.py b/backend/portfolios/migrations/0019_certificationmedia_created_at_and_more.py
new file mode 100644
index 0000000..7363e5f
--- /dev/null
+++ b/backend/portfolios/migrations/0019_certificationmedia_created_at_and_more.py
@@ -0,0 +1,101 @@
+# Generated by Django 4.2.1 on 2023-06-22 17:43
+
+from django.db import migrations, models
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0018_remove_certificationmedia_created_at_and_more"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="certificationmedia",
+            name="created_at",
+            field=models.DateTimeField(
+                auto_now_add=True, default=django.utils.timezone.now
+            ),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="certificationmedia",
+            name="description",
+            field=models.TextField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name="certificationmedia",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+        migrations.AddField(
+            model_name="certificationmedia",
+            name="title",
+            field=models.CharField(default="Example", max_length=150),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="certificationmedia",
+            name="updated_at",
+            field=models.DateTimeField(auto_now=True),
+        ),
+        migrations.AddField(
+            model_name="educationmedia",
+            name="created_at",
+            field=models.DateTimeField(
+                auto_now_add=True, default=django.utils.timezone.now
+            ),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="educationmedia",
+            name="description",
+            field=models.TextField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name="educationmedia",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+        migrations.AddField(
+            model_name="educationmedia",
+            name="title",
+            field=models.CharField(default="Example", max_length=150),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="educationmedia",
+            name="updated_at",
+            field=models.DateTimeField(auto_now=True),
+        ),
+        migrations.AddField(
+            model_name="projectmedia",
+            name="created_at",
+            field=models.DateTimeField(
+                auto_now_add=True, default=django.utils.timezone.now
+            ),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="projectmedia",
+            name="description",
+            field=models.TextField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name="projectmedia",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+        migrations.AddField(
+            model_name="projectmedia",
+            name="title",
+            field=models.CharField(default="Example", max_length=150),
+            preserve_default=False,
+        ),
+        migrations.AddField(
+            model_name="projectmedia",
+            name="updated_at",
+            field=models.DateTimeField(auto_now=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0020_project_order_alter_project_description.py b/backend/portfolios/migrations/0020_project_order_alter_project_description.py
new file mode 100644
index 0000000..794fb97
--- /dev/null
+++ b/backend/portfolios/migrations/0020_project_order_alter_project_description.py
@@ -0,0 +1,25 @@
+# Generated by Django 4.2.1 on 2023-06-22 17:55
+
+import ckeditor.fields
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0019_certificationmedia_created_at_and_more"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="project",
+            name="order",
+            field=models.PositiveIntegerField(blank=True, default=1),
+            preserve_default=False,
+        ),
+        migrations.AlterField(
+            model_name="project",
+            name="description",
+            field=ckeditor.fields.RichTextField(blank=True, null=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0021_rename_url_project_github_url_project_preview_url.py b/backend/portfolios/migrations/0021_rename_url_project_github_url_project_preview_url.py
new file mode 100644
index 0000000..456df1a
--- /dev/null
+++ b/backend/portfolios/migrations/0021_rename_url_project_github_url_project_preview_url.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.1 on 2023-06-22 18:02
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0020_project_order_alter_project_description"),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name="project",
+            old_name="url",
+            new_name="github_url",
+        ),
+        migrations.AddField(
+            model_name="project",
+            name="preview_url",
+            field=models.URLField(blank=True, null=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0022_alter_project_options.py b/backend/portfolios/migrations/0022_alter_project_options.py
new file mode 100644
index 0000000..fc5785d
--- /dev/null
+++ b/backend/portfolios/migrations/0022_alter_project_options.py
@@ -0,0 +1,22 @@
+# Generated by Django 4.2.1 on 2023-06-22 18:10
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0021_rename_url_project_github_url_project_preview_url"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="project",
+            options={
+                "get_latest_by": "created_at",
+                "ordering": ["order"],
+                "verbose_name": "Project",
+                "verbose_name_plural": "Projects",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0023_alter_professionalexperience_options_and_more.py b/backend/portfolios/migrations/0023_alter_professionalexperience_options_and_more.py
new file mode 100644
index 0000000..f4857ca
--- /dev/null
+++ b/backend/portfolios/migrations/0023_alter_professionalexperience_options_and_more.py
@@ -0,0 +1,37 @@
+# Generated by Django 4.2.1 on 2023-06-22 19:46
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0022_alter_project_options"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="professionalexperience",
+            options={
+                "get_latest_by": "created_at",
+                "ordering": ("-present", "-start_date"),
+                "verbose_name": "Professional Experience",
+                "verbose_name_plural": "Professional Experiences",
+            },
+        ),
+        migrations.RenameField(
+            model_name="education",
+            old_name="currently_studying",
+            new_name="present",
+        ),
+        migrations.RenameField(
+            model_name="professionalexperience",
+            old_name="currently_working",
+            new_name="present",
+        ),
+        migrations.RenameField(
+            model_name="project",
+            old_name="currently_working",
+            new_name="present",
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0024_interest_alter_project_options.py b/backend/portfolios/migrations/0024_interest_alter_project_options.py
new file mode 100644
index 0000000..95d7e41
--- /dev/null
+++ b/backend/portfolios/migrations/0024_interest_alter_project_options.py
@@ -0,0 +1,57 @@
+# Generated by Django 4.2.1 on 2023-06-26 14:15
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0023_alter_professionalexperience_options_and_more"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Interest",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=200)),
+                ("slug", models.SlugField(max_length=255, unique=True)),
+                (
+                    "icon",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_interest_image_path,
+                    ),
+                ),
+                ("order", models.PositiveIntegerField(blank=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Interest",
+                "verbose_name_plural": "Interests",
+                "db_table": "interest",
+                "ordering": ("order", "-created_at"),
+                "get_latest_by": "created_at",
+            },
+        ),
+        migrations.AlterModelOptions(
+            name="project",
+            options={
+                "get_latest_by": "created_at",
+                "ordering": ("order", "-created_at"),
+                "verbose_name": "Project",
+                "verbose_name_plural": "Projects",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0025_alter_interest_slug.py b/backend/portfolios/migrations/0025_alter_interest_slug.py
new file mode 100644
index 0000000..a814ceb
--- /dev/null
+++ b/backend/portfolios/migrations/0025_alter_interest_slug.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-26 14:17
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0024_interest_alter_project_options"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="interest",
+            name="slug",
+            field=models.SlugField(blank=True, max_length=255, unique=True),
+        ),
+    ]
diff --git a/backend/portfolios/migrations/0026_movie.py b/backend/portfolios/migrations/0026_movie.py
new file mode 100644
index 0000000..2f9cc1c
--- /dev/null
+++ b/backend/portfolios/migrations/0026_movie.py
@@ -0,0 +1,51 @@
+# Generated by Django 4.2.1 on 2023-06-26 15:20
+
+from django.db import migrations, models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("portfolios", "0025_alter_interest_slug"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Movie",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=200)),
+                ("slug", models.SlugField(blank=True, max_length=255, unique=True)),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_movie_image_path,
+                    ),
+                ),
+                ("url", models.URLField(blank=True, null=True)),
+                ("year", models.PositiveIntegerField(blank=True, null=True)),
+                ("watched", models.BooleanField(default=True)),
+                ("rating", models.PositiveIntegerField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                "verbose_name": "Movie",
+                "verbose_name_plural": "Movies",
+                "db_table": "movie",
+                "ordering": ("-updated_at",),
+                "get_latest_by": "created_at",
+            },
+        ),
+    ]
diff --git a/backend/portfolios/migrations/__init__.py b/backend/portfolios/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/portfolios/models.py b/backend/portfolios/models.py
new file mode 100644
index 0000000..f33e1cf
--- /dev/null
+++ b/backend/portfolios/models.py
@@ -0,0 +1,440 @@
+from django.db import models
+from django.conf import settings
+from django.dispatch import receiver
+from django.db.models.signals import pre_save
+from django.db.models import Max
+from django.utils.translation import gettext_lazy as _
+from utils.helpers import CustomModelManager
+from utils.mixins import ModelMediaMixin, DurationMixin
+from utils.snippets import autoSlugWithFieldAndUUID, autoSlugFromUUID, image_as_base64, get_static_file_path
+from utils.image_upload_helpers import (
+    get_professional_experience_company_image_path, get_skill_image_path, get_education_school_image_path, get_education_media_path,
+    get_certification_image_path, get_certification_media_path, get_project_image_path, get_project_media_path, get_interest_image_path,
+    get_movie_image_path
+)
+from ckeditor.fields import RichTextField
+
+
+""" *************** Professional Experience *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="company")
+class ProfessionalExperience(models.Model, DurationMixin):
+    """
+    Professional Experience model.
+    Details: Includes Job Experiences and other professional experiences.
+    """
+    class JobType(models.TextChoices):
+        FULL_TIME = 'Full Time', _('Full Time')
+        PART_TIME = 'Part Time', _('Part Time')
+        CONTRACTUAL = 'Contractual', _('Contractual')
+        REMOTE = 'Remote', _('Remote')
+
+    company = models.CharField(max_length=150, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    company_image = models.ImageField(upload_to=get_professional_experience_company_image_path, blank=True, null=True)
+    company_url = models.URLField(blank=True, null=True)
+    address = models.CharField(max_length=254, blank=True, null=True)
+    designation = models.CharField(max_length=150)
+    job_type = models.CharField(max_length=20, choices=JobType.choices, default=JobType.FULL_TIME)
+    start_date = models.DateField()
+    end_date = models.DateField(blank=True, null=True)
+    present = models.BooleanField(default=False)
+    description = RichTextField(blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'professional_experience'
+        verbose_name = _('Professional Experience')
+        verbose_name_plural = _('Professional Experiences')
+        ordering = ('-present', '-start_date')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.company
+
+    def get_company_image(self):
+        if self.company_image:
+            image_path = settings.MEDIA_ROOT + self.company_image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/company.png")
+        return image_as_base64(image_path)
+
+
+""" *************** Skill *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class Skill(models.Model):
+    """
+    Skill model.
+    """
+    class Level(models.TextChoices):
+        One = 1, '1'
+        Two = 2, '2'
+        Three = 3, '3'
+        Four = 4, '4'
+        Five = 5, '5'
+
+    title = models.CharField(max_length=150, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    image = models.ImageField(upload_to=get_skill_image_path, blank=True, null=True)
+    level = models.CharField(choices=Level.choices, default=None, blank=True, null=True)
+    order = models.PositiveIntegerField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'skill'
+        verbose_name = _('Skill')
+        verbose_name_plural = _('Skills')
+        ordering = ('order', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/skill.png")
+        return image_as_base64(image_path)
+
+
+# Signals
+
+@receiver(pre_save, sender=Skill)
+def generate_order(sender, instance, **kwargs):
+    """
+    This method will generate order for new instances only.
+    Order will be generated automatically like 1, 2, 3, 4 and so on.
+    If any order is deleted then it will be reused. Like if 3 is deleted then next created order will be 3 instead of 5.
+    """
+    if not instance.pk:  # Only generate order for new instances
+        if instance.order is None:
+            deleted_orders = Skill.objects.filter(order__isnull=False).values_list('order', flat=True)
+            max_order = Skill.objects.aggregate(Max('order')).get('order__max')
+
+            if deleted_orders:
+                deleted_orders = sorted(deleted_orders)
+                reused_order = None
+                for i in range(1, max_order + 2):
+                    if i not in deleted_orders:
+                        reused_order = i
+                        break
+                if reused_order is not None:
+                    instance.order = reused_order
+            else:
+                instance.order = max_order + 1 if max_order is not None else 1
+
+
+""" *************** Education *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="school")
+class Education(models.Model, DurationMixin):
+    school = models.CharField(max_length=150, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    image = models.ImageField(upload_to=get_education_school_image_path, blank=True, null=True)
+    degree = models.CharField(max_length=150)
+    address = models.CharField(max_length=254, blank=True, null=True)
+    field_of_study = models.CharField(max_length=200)
+    start_date = models.DateField()
+    end_date = models.DateField(blank=True, null=True)
+    present = models.BooleanField(default=False)
+    grade = models.CharField(max_length=254, blank=True, null=True)
+    activities = models.CharField(max_length=254, blank=True, null=True)
+    description = models.TextField(blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'education'
+        verbose_name = _('Education')
+        verbose_name_plural = _('Educations')
+        ordering = ('-end_date', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.school
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/school.png")
+        return image_as_base64(image_path)
+
+
+@autoSlugFromUUID()
+class EducationMedia(ModelMediaMixin):
+    education = models.ForeignKey(Education, on_delete=models.CASCADE, related_name="education_media")
+    file = models.FileField(upload_to=get_education_media_path)
+
+    class Meta:
+        db_table = 'education_media'
+        verbose_name = _('Education Media')
+        verbose_name_plural = _('Education Media')
+        get_latest_by = "created_at"
+        order_with_respect_to = 'education'
+
+    def __str__(self):
+        return self.education.__str__()
+
+
+""" *************** Certification *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class Certification(models.Model):
+    title = models.CharField(max_length=150, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    organization = models.CharField(max_length=150)
+    address = models.CharField(max_length=254, blank=True, null=True)
+    image = models.ImageField(upload_to=get_certification_image_path, blank=True, null=True)
+    issue_date = models.DateField()
+    expiration_date = models.DateField(blank=True, null=True)
+    does_not_expire = models.BooleanField(default=False)
+    credential_id = models.CharField(max_length=254, blank=True, null=True)
+    credential_url = models.URLField(blank=True, null=True)
+    description = models.TextField(blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'certification'
+        verbose_name = _('Certification')
+        verbose_name_plural = _('Certifications')
+        ordering = ['-issue_date']
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/certificate.png")
+        return image_as_base64(image_path)
+
+    def get_issue_date(self):
+        return self.issue_date.strftime("%-d %B, %Y")
+
+    def get_expiration_date(self):
+        if self.does_not_expire:
+            return _('Does not expire')
+        elif self.expiration_date:
+            return self.expiration_date.strftime("%-d %B, %Y")
+        return _('Not Specified')
+
+
+@autoSlugFromUUID()
+class CertificationMedia(ModelMediaMixin):
+    certification = models.ForeignKey(Certification, on_delete=models.CASCADE, related_name="certification_media")
+    file = models.FileField(upload_to=get_certification_media_path)
+
+    class Meta:
+        db_table = 'certification_media'
+        verbose_name = _('Certification Media')
+        verbose_name_plural = _('Certification Media')
+        get_latest_by = "created_at"
+        order_with_respect_to = 'certification'
+
+    def __str__(self):
+        return self.certification.__str__()
+
+
+""" *************** Project *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class Project(models.Model, DurationMixin):
+    title = models.CharField(max_length=200, unique=True)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    image = models.ImageField(upload_to=get_project_image_path, blank=True, null=True)
+    short_description = models.CharField(max_length=254)
+    technology = models.TextField(blank=True, null=True)
+    start_date = models.DateField()
+    end_date = models.DateField(blank=True, null=True)
+    present = models.BooleanField(default=False)
+    preview_url = models.URLField(blank=True, null=True)
+    github_url = models.URLField(blank=True, null=True)
+    description = RichTextField(blank=True, null=True)
+    order = models.PositiveIntegerField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'project'
+        verbose_name = _('Project')
+        verbose_name_plural = _('Projects')
+        ordering = ('order', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/project.png")
+        return image_as_base64(image_path)
+
+
+@autoSlugFromUUID()
+class ProjectMedia(ModelMediaMixin):
+    project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name="project_media")
+    file = models.FileField(upload_to=get_project_media_path)
+
+    class Meta:
+        db_table = 'project_media'
+        verbose_name = _('Project Media')
+        verbose_name_plural = _('Project Media')
+        get_latest_by = "created_at"
+        order_with_respect_to = 'project'
+
+    def __str__(self):
+        return self.project.__str__()
+
+
+# Signals
+
+@receiver(pre_save, sender=Project)
+def generate_order(sender, instance, **kwargs):
+    """
+    This method will generate order for new instances only.
+    Order will be generated automatically like 1, 2, 3, 4 and so on.
+    If any order is deleted then it will be reused. Like if 3 is deleted then next created order will be 3 instead of 5.
+    """
+    if not instance.pk:  # Only generate order for new instances
+        if instance.order is None:
+            deleted_orders = Project.objects.filter(order__isnull=False).values_list('order', flat=True)
+            max_order = Project.objects.aggregate(Max('order')).get('order__max')
+
+            if deleted_orders:
+                deleted_orders = sorted(deleted_orders)
+                reused_order = None
+                for i in range(1, max_order + 2):
+                    if i not in deleted_orders:
+                        reused_order = i
+                        break
+                if reused_order is not None:
+                    instance.order = reused_order
+            else:
+                instance.order = max_order + 1 if max_order is not None else 1
+
+
+""" *************** Interest *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="title")
+class Interest(models.Model):
+    title = models.CharField(max_length=200)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    icon = models.ImageField(upload_to=get_interest_image_path, blank=True, null=True)
+    order = models.PositiveIntegerField(blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'interest'
+        verbose_name = _('Interest')
+        verbose_name_plural = _('Interests')
+        ordering = ('order', '-created_at')
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.title
+
+    def get_icon(self):
+        if self.icon:
+            icon_path = settings.MEDIA_ROOT + self.icon.url.lstrip("/media/")
+        else:
+            icon_path = get_static_file_path("icons/interest.png")
+        return image_as_base64(icon_path)
+
+
+# Signals
+
+@receiver(pre_save, sender=Interest)
+def generate_order(sender, instance, **kwargs):
+    """
+    This method will generate order for new instances only.
+    Order will be generated automatically like 1, 2, 3, 4 and so on.
+    If any order is deleted then it will be reused. Like if 3 is deleted then next created order will be 3 instead of 5.
+    """
+    if not instance.pk:  # Only generate order for new instances
+        if instance.order is None:
+            deleted_orders = Interest.objects.filter(order__isnull=False).values_list('order', flat=True)
+            max_order = Interest.objects.aggregate(Max('order')).get('order__max')
+
+            if deleted_orders:
+                deleted_orders = sorted(deleted_orders)
+                reused_order = None
+                for i in range(1, max_order + 2):
+                    if i not in deleted_orders:
+                        reused_order = i
+                        break
+                if reused_order is not None:
+                    instance.order = reused_order
+            else:
+                instance.order = max_order + 1 if max_order is not None else 1
+
+
+
+""" *************** Movie *************** """
+
+
+@autoSlugWithFieldAndUUID(fieldname="name")
+class Movie(models.Model):
+    name = models.CharField(max_length=200)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    image = models.ImageField(upload_to=get_movie_image_path, blank=True, null=True)
+    url = models.URLField(blank=True, null=True)
+    year = models.PositiveIntegerField(blank=True, null=True)
+    watched = models.BooleanField(default=True)
+    rating = models.PositiveIntegerField(blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        db_table = 'movie'
+        verbose_name = _('Movie')
+        verbose_name_plural = _('Movies')
+        ordering = ('-updated_at',)
+        get_latest_by = "created_at"
+
+    def __str__(self):
+        return self.name
+
+    def get_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            image_path = get_static_file_path("icons/movie.png")
+        return image_as_base64(image_path)
diff --git a/backend/portfolios/tests.py b/backend/portfolios/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/backend/portfolios/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/backend/portfolios/views.py b/backend/portfolios/views.py
new file mode 100644
index 0000000..91ea44a
--- /dev/null
+++ b/backend/portfolios/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/backend/public/staticfiles/icons/blog.png b/backend/public/staticfiles/icons/blog.png
new file mode 100644
index 0000000..e372e53
Binary files /dev/null and b/backend/public/staticfiles/icons/blog.png differ
diff --git a/backend/public/staticfiles/icons/certificate.png b/backend/public/staticfiles/icons/certificate.png
new file mode 100644
index 0000000..0bc28fe
Binary files /dev/null and b/backend/public/staticfiles/icons/certificate.png differ
diff --git a/backend/public/staticfiles/icons/code.png b/backend/public/staticfiles/icons/code.png
new file mode 100644
index 0000000..e175806
Binary files /dev/null and b/backend/public/staticfiles/icons/code.png differ
diff --git a/backend/public/staticfiles/icons/company.png b/backend/public/staticfiles/icons/company.png
new file mode 100644
index 0000000..681483c
Binary files /dev/null and b/backend/public/staticfiles/icons/company.png differ
diff --git a/backend/public/staticfiles/icons/interest.png b/backend/public/staticfiles/icons/interest.png
new file mode 100644
index 0000000..20c02af
Binary files /dev/null and b/backend/public/staticfiles/icons/interest.png differ
diff --git a/backend/public/staticfiles/icons/movie.png b/backend/public/staticfiles/icons/movie.png
new file mode 100644
index 0000000..7e79ed7
Binary files /dev/null and b/backend/public/staticfiles/icons/movie.png differ
diff --git a/backend/public/staticfiles/icons/project.png b/backend/public/staticfiles/icons/project.png
new file mode 100644
index 0000000..382fbe3
Binary files /dev/null and b/backend/public/staticfiles/icons/project.png differ
diff --git a/backend/public/staticfiles/icons/school.png b/backend/public/staticfiles/icons/school.png
new file mode 100644
index 0000000..e92ce85
Binary files /dev/null and b/backend/public/staticfiles/icons/school.png differ
diff --git a/backend/public/staticfiles/icons/skill.png b/backend/public/staticfiles/icons/skill.png
new file mode 100644
index 0000000..1dc2436
Binary files /dev/null and b/backend/public/staticfiles/icons/skill.png differ
diff --git a/backend/public/staticfiles/icons/user/avatar-default.png b/backend/public/staticfiles/icons/user/avatar-default.png
new file mode 100644
index 0000000..5911d30
Binary files /dev/null and b/backend/public/staticfiles/icons/user/avatar-default.png differ
diff --git a/backend/public/staticfiles/icons/user/avatar-female.png b/backend/public/staticfiles/icons/user/avatar-female.png
new file mode 100644
index 0000000..d7135f3
Binary files /dev/null and b/backend/public/staticfiles/icons/user/avatar-female.png differ
diff --git a/backend/public/staticfiles/icons/user/avatar-male.png b/backend/public/staticfiles/icons/user/avatar-male.png
new file mode 100644
index 0000000..f1e2bed
Binary files /dev/null and b/backend/public/staticfiles/icons/user/avatar-male.png differ
diff --git a/backend/public/staticfiles/icons/user/female-user-circle.png b/backend/public/staticfiles/icons/user/female-user-circle.png
new file mode 100644
index 0000000..e090141
Binary files /dev/null and b/backend/public/staticfiles/icons/user/female-user-circle.png differ
diff --git a/backend/public/staticfiles/icons/user/female-user.png b/backend/public/staticfiles/icons/user/female-user.png
new file mode 100644
index 0000000..caffd7f
Binary files /dev/null and b/backend/public/staticfiles/icons/user/female-user.png differ
diff --git a/backend/public/staticfiles/icons/user/male-user-circle.png b/backend/public/staticfiles/icons/user/male-user-circle.png
new file mode 100644
index 0000000..77d13af
Binary files /dev/null and b/backend/public/staticfiles/icons/user/male-user-circle.png differ
diff --git a/backend/public/staticfiles/icons/user/male-user.png b/backend/public/staticfiles/icons/user/male-user.png
new file mode 100644
index 0000000..9ddc3dd
Binary files /dev/null and b/backend/public/staticfiles/icons/user/male-user.png differ
diff --git a/backend/public/staticfiles/icons/user/user.png b/backend/public/staticfiles/icons/user/user.png
new file mode 100644
index 0000000..2376043
Binary files /dev/null and b/backend/public/staticfiles/icons/user/user.png differ
diff --git a/project/pyproject.toml b/backend/pyproject.toml
similarity index 64%
rename from project/pyproject.toml
rename to backend/pyproject.toml
index 387b6ad..1984ad9 100644
--- a/project/pyproject.toml
+++ b/backend/pyproject.toml
@@ -1,5 +1,5 @@
 [tool.poetry]
-name = "numanibnmazid.com"
+name = "nim23.com"
 version = "0.1.0"
 description = "Portfolio web application of Numan Ibn Mazid"
 authors = ["Numan Ibn Mazid <numanibnmazid@gmail.com>"]
@@ -13,6 +13,15 @@ pydantic = "^1.10.2"
 argon2-cffi = "^21.3.0"
 autopep8 = "^1.7.0"
 python-dotenv = "^0.21.0"
+djangorestframework = "^3.14.0"
+drf-yasg = "^1.21.5"
+django-rest-knox = "^4.2.0"
+pillow = "^9.5.0"
+django-cors-headers = "^4.1.0"
+django-ckeditor = "^6.5.1"
+django-filebrowser = "^4.0.2"
+django-tinymce = "^3.6.1"
+beautifulsoup4 = "^4.12.2"
 
 [tool.poetry.dev-dependencies]
 
diff --git a/backend/requirements.txt b/backend/requirements.txt
new file mode 100644
index 0000000..8f49a6f
--- /dev/null
+++ b/backend/requirements.txt
@@ -0,0 +1,45 @@
+argon2-cffi-bindings==21.2.0 ; python_full_version == "3.9.13"
+argon2-cffi==21.3.0 ; python_full_version == "3.9.13"
+asgiref==3.6.0 ; python_full_version == "3.9.13"
+autopep8==1.7.0 ; python_full_version == "3.9.13"
+beautifulsoup4==4.12.2 ; python_full_version == "3.9.13"
+certifi==2023.5.7 ; python_full_version == "3.9.13"
+cffi==1.15.1 ; python_full_version == "3.9.13"
+charset-normalizer==3.1.0 ; python_full_version == "3.9.13"
+coreapi==2.3.3 ; python_full_version == "3.9.13"
+coreschema==0.0.4 ; python_full_version == "3.9.13"
+cryptography==41.0.1 ; python_full_version == "3.9.13"
+django-ckeditor==6.5.1 ; python_full_version == "3.9.13"
+django-cors-headers==4.1.0 ; python_full_version == "3.9.13"
+django-filebrowser==4.0.2 ; python_full_version == "3.9.13"
+django-grappelli==3.0.6 ; python_full_version == "3.9.13"
+django-js-asset==2.0.0 ; python_full_version == "3.9.13"
+django-rest-knox==4.2.0 ; python_full_version == "3.9.13"
+django-tinymce==3.6.1 ; python_full_version == "3.9.13"
+django==4.2.1 ; python_full_version == "3.9.13"
+djangorestframework==3.14.0 ; python_full_version == "3.9.13"
+drf-yasg==1.21.5 ; python_full_version == "3.9.13"
+idna==3.4 ; python_full_version == "3.9.13"
+inflection==0.5.1 ; python_full_version == "3.9.13"
+itypes==1.2.0 ; python_full_version == "3.9.13"
+jinja2==3.1.2 ; python_full_version == "3.9.13"
+markupsafe==2.1.3 ; python_full_version == "3.9.13"
+packaging==23.1 ; python_full_version == "3.9.13"
+pillow==9.5.0 ; python_full_version == "3.9.13"
+psycopg2-binary==2.9.6 ; python_full_version == "3.9.13"
+pycodestyle==2.10.0 ; python_full_version == "3.9.13"
+pycparser==2.21 ; python_full_version == "3.9.13"
+pydantic==1.10.7 ; python_full_version == "3.9.13"
+python-dotenv==0.21.1 ; python_full_version == "3.9.13"
+pytz==2023.3 ; python_full_version == "3.9.13"
+requests==2.31.0 ; python_full_version == "3.9.13"
+ruamel-yaml-clib==0.2.7 ; platform_python_implementation == "CPython" and python_full_version == "3.9.13"
+ruamel-yaml==0.17.31 ; python_full_version == "3.9.13"
+six==1.16.0 ; python_full_version == "3.9.13"
+soupsieve==2.4.1 ; python_full_version == "3.9.13"
+sqlparse==0.4.4 ; python_full_version == "3.9.13"
+toml==0.10.2 ; python_full_version == "3.9.13"
+typing-extensions==4.5.0 ; python_full_version == "3.9.13"
+tzdata==2023.3 ; sys_platform == "win32" and python_full_version == "3.9.13"
+uritemplate==4.1.1 ; python_full_version == "3.9.13"
+urllib3==2.0.2 ; python_full_version == "3.9.13"
diff --git a/backend/users/__init__.py b/backend/users/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/admin.py b/backend/users/admin.py
new file mode 100644
index 0000000..556f882
--- /dev/null
+++ b/backend/users/admin.py
@@ -0,0 +1,78 @@
+from django.contrib import admin
+from django.contrib.auth.admin import UserAdmin as BaseUserAdmin
+from django.contrib.auth import get_user_model
+
+
+class UserAdmin(BaseUserAdmin):
+    fieldsets = (
+        (
+            None,
+            {
+                "fields": (
+                    "email",
+                    "username",
+                    "password",
+                    "slug",
+                    "is_portfolio_user",
+                    "name",
+                    "nickname",
+                    "gender",
+                    "image",
+                    "dob",
+                    "website",
+                    "contact",
+                    "contact_email",
+                    "linkedin",
+                    "github",
+                    "resume_link",
+                    "address",
+                    "about",
+                    "last_login",
+                    "updated_at",
+                    "date_joined",
+                )
+            },
+        ),
+        (
+            "Permissions",
+            {
+                "fields": (
+                    "is_active",
+                    "is_staff",
+                    "is_superuser",
+                    "groups",
+                    "user_permissions",
+                )
+            },
+        ),
+    )
+    add_fieldsets = (
+        (None, {"classes": ("wide",), "fields": ("email", "password1", "password2")}),
+    )
+
+    list_display = (
+        "id",
+        "email",
+        "username",
+        "is_portfolio_user",
+        "slug",
+        "get_dynamic_username",
+        "name",
+        "is_staff",
+        "is_superuser",
+        "date_joined",
+    )
+    list_filter = ("is_staff", "is_superuser", "is_active", "is_portfolio_user", "groups")
+    search_fields = ("email", "username")
+    readonly_fields = (
+        "updated_at",
+        "date_joined",
+    )
+    ordering = ("-date_joined",)
+    filter_horizontal = (
+        "groups",
+        "user_permissions",
+    )
+
+
+admin.site.register(get_user_model(), UserAdmin)
diff --git a/backend/users/api/__init__.py b/backend/users/api/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/api/routers.py b/backend/users/api/routers.py
new file mode 100644
index 0000000..331ce31
--- /dev/null
+++ b/backend/users/api/routers.py
@@ -0,0 +1,5 @@
+from .views import UserViewset
+from config.router import router
+
+
+router.register("users", UserViewset, basename="users")
diff --git a/backend/users/api/serializers.py b/backend/users/api/serializers.py
new file mode 100644
index 0000000..d854536
--- /dev/null
+++ b/backend/users/api/serializers.py
@@ -0,0 +1,24 @@
+from rest_framework import serializers
+from django.contrib.auth import get_user_model
+
+
+class UserSerializer(serializers.ModelSerializer):
+    image = serializers.SerializerMethodField()
+
+    class Meta:
+        model = get_user_model()
+        fields = "__all__"
+        read_only_fields = (
+            "id",
+            "username",
+            "is_active",
+            "slug",
+            "updated_at",
+            "is_staff",
+            "is_superuser",
+            "date_joined",
+            "last_login",
+        )
+
+    def get_image(self, obj):
+        return obj.get_user_image()
diff --git a/backend/users/api/views.py b/backend/users/api/views.py
new file mode 100644
index 0000000..8305168
--- /dev/null
+++ b/backend/users/api/views.py
@@ -0,0 +1,42 @@
+from rest_framework import permissions
+from rest_framework.decorators import action
+from rest_framework.response import Response
+from rest_framework.authtoken.serializers import AuthTokenSerializer
+from rest_framework.viewsets import GenericViewSet
+from knox.views import LoginView as KnoxLoginView
+from django.contrib.auth import login
+from drf_yasg.utils import swagger_auto_schema
+from django.contrib.auth import get_user_model
+from .serializers import UserSerializer
+from utils.helpers import custom_response_wrapper
+
+
+class LoginView(KnoxLoginView):
+    permission_classes = (permissions.AllowAny,)
+
+    @swagger_auto_schema(request_body=AuthTokenSerializer)
+    def post(self, request, format=None):
+        serializer = AuthTokenSerializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        user = serializer.validated_data["user"]
+        login(request, user)
+        return super(LoginView, self).post(request, format=None)
+
+
+@custom_response_wrapper
+class UserViewset(GenericViewSet):
+    permission_classes = (permissions.IsAuthenticated,)
+    queryset = get_user_model().objects.all()
+    serializer_class = UserSerializer
+    pagination_class = None
+    lookup_field = "slug"
+
+
+    @action(detail=False, methods=['get'])
+    def get_portfolio_user(self, request):
+        user_qs = get_user_model().objects.filter(is_portfolio_user=True)
+        if user_qs.exists():
+            user = user_qs.last()
+            serializer = self.get_serializer(user)
+            return Response(serializer.data)
+        return Response({"message": "No portfolio user found!"}, status=404)
diff --git a/backend/users/apps.py b/backend/users/apps.py
new file mode 100644
index 0000000..88f7b17
--- /dev/null
+++ b/backend/users/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class UsersConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "users"
diff --git a/backend/users/migrations/0001_initial.py b/backend/users/migrations/0001_initial.py
new file mode 100644
index 0000000..eabce50
--- /dev/null
+++ b/backend/users/migrations/0001_initial.py
@@ -0,0 +1,109 @@
+# Generated by Django 4.2.1 on 2023-06-04 16:21
+
+from django.db import migrations, models
+import users.models
+import utils.image_upload_helpers
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ("auth", "0012_alter_user_first_name_max_length"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="User",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("password", models.CharField(max_length=128, verbose_name="password")),
+                ("email", models.EmailField(max_length=254, unique=True)),
+                ("username", models.CharField(max_length=254, unique=True)),
+                ("name", models.CharField(blank=True, max_length=100, null=True)),
+                ("slug", models.SlugField(max_length=254, unique=True)),
+                ("updated_at", models.DateTimeField(auto_now=True)),
+                ("nick_name", models.CharField(blank=True, max_length=100, null=True)),
+                (
+                    "gender",
+                    models.CharField(
+                        blank=True,
+                        choices=[
+                            ("Male", "Male"),
+                            ("Female", "Female"),
+                            ("Other", "Other"),
+                            ("Do not mention", "Do not mention"),
+                        ],
+                        max_length=20,
+                        null=True,
+                    ),
+                ),
+                (
+                    "image",
+                    models.ImageField(
+                        blank=True,
+                        null=True,
+                        upload_to=utils.image_upload_helpers.get_user_image_path,
+                    ),
+                ),
+                (
+                    "dob",
+                    models.DateField(
+                        blank=True, null=True, verbose_name="date of birth"
+                    ),
+                ),
+                ("website", models.URLField(blank=True, null=True)),
+                ("contact", models.CharField(blank=True, max_length=30, null=True)),
+                (
+                    "contact_email",
+                    models.EmailField(blank=True, max_length=254, null=True),
+                ),
+                ("address", models.CharField(blank=True, max_length=254, null=True)),
+                ("about", models.TextField(blank=True, null=True)),
+                ("is_staff", models.BooleanField(default=False)),
+                ("is_superuser", models.BooleanField(default=False)),
+                ("is_active", models.BooleanField(default=True)),
+                ("last_login", models.DateTimeField(blank=True, null=True)),
+                ("date_joined", models.DateTimeField(auto_now_add=True)),
+                (
+                    "groups",
+                    models.ManyToManyField(
+                        blank=True,
+                        help_text="The groups this user belongs to. A user will get all permissions granted to each of their groups.",
+                        related_name="user_set",
+                        related_query_name="user",
+                        to="auth.group",
+                        verbose_name="groups",
+                    ),
+                ),
+                (
+                    "user_permissions",
+                    models.ManyToManyField(
+                        blank=True,
+                        help_text="Specific permissions for this user.",
+                        related_name="user_set",
+                        related_query_name="user",
+                        to="auth.permission",
+                        verbose_name="user permissions",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "User",
+                "verbose_name_plural": "Users",
+                "ordering": ["-date_joined"],
+            },
+            managers=[
+                ("objects", users.models.UserManager()),
+            ],
+        ),
+    ]
diff --git a/backend/users/migrations/0002_user_is_portfolio_user.py b/backend/users/migrations/0002_user_is_portfolio_user.py
new file mode 100644
index 0000000..827763b
--- /dev/null
+++ b/backend/users/migrations/0002_user_is_portfolio_user.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-04 20:53
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("users", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="user",
+            name="is_portfolio_user",
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/backend/users/migrations/0003_rename_nick_name_user_nickname.py b/backend/users/migrations/0003_rename_nick_name_user_nickname.py
new file mode 100644
index 0000000..ae5cc51
--- /dev/null
+++ b/backend/users/migrations/0003_rename_nick_name_user_nickname.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.1 on 2023-06-14 19:01
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("users", "0002_user_is_portfolio_user"),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name="user",
+            old_name="nick_name",
+            new_name="nickname",
+        ),
+    ]
diff --git a/backend/users/migrations/0004_user_github_user_linkedin_user_resume_link.py b/backend/users/migrations/0004_user_github_user_linkedin_user_resume_link.py
new file mode 100644
index 0000000..87241e0
--- /dev/null
+++ b/backend/users/migrations/0004_user_github_user_linkedin_user_resume_link.py
@@ -0,0 +1,28 @@
+# Generated by Django 4.2.1 on 2023-06-26 17:26
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("users", "0003_rename_nick_name_user_nickname"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="user",
+            name="github",
+            field=models.URLField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name="user",
+            name="linkedin",
+            field=models.URLField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name="user",
+            name="resume_link",
+            field=models.URLField(blank=True, null=True),
+        ),
+    ]
diff --git a/backend/users/migrations/__init__.py b/backend/users/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/users/models.py b/backend/users/models.py
new file mode 100644
index 0000000..38b7b20
--- /dev/null
+++ b/backend/users/models.py
@@ -0,0 +1,155 @@
+from django.db import models
+from django.db.models.signals import pre_save
+from django.dispatch import receiver
+from django.contrib.auth.models import (
+    AbstractBaseUser,
+    BaseUserManager,
+    PermissionsMixin,
+)
+from django.utils import timezone
+from django.http import Http404
+from utils.snippets import autoSlugFromUUID, generate_unique_username_from_email
+from utils.image_upload_helpers import get_user_image_path
+from django.utils.translation import gettext_lazy as _
+from django.conf import settings
+from utils.snippets import image_as_base64, get_static_file_path
+
+
+class UserManager(BaseUserManager):
+    use_in_migrations = True
+
+    def _create_user(self, email, password, **extra_fields):
+        if not email:
+            raise ValueError(_("Users must have an email address"))
+        now = timezone.now()
+        email = self.normalize_email(email)
+        user = self.model(email=email, last_login=now, **extra_fields)
+        user.set_password(password)
+        user.save(using=self._db)
+        return user
+
+    def create_user(self, email, password, **extra_fields):
+        extra_fields.setdefault("is_superuser", False)
+        extra_fields.setdefault("is_staff", False)
+        return self._create_user(email, password, **extra_fields)
+
+    def create_superuser(self, email, password, **extra_fields):
+        extra_fields.setdefault("is_superuser", True)
+        extra_fields.setdefault("is_staff", True)
+
+        if extra_fields.get("is_superuser") is not True:
+            raise ValueError(_("Superuser must have is_superuser=True."))
+
+        return self._create_user(email, password, **extra_fields)
+
+    def all(self):
+        return self.get_queryset()
+
+    def get_by_id(self, id):
+        try:
+            instance = self.get_queryset().get(id=id)
+        except User.DoesNotExist:
+            raise Http404(_("User Not Found!"))
+        except User.MultipleObjectsReturned:
+            qs = self.get_queryset().filter(id=id)
+            instance = qs.first()
+        except:
+            raise Http404(_("Something went wrong!"))
+        return instance
+
+    def get_by_slug(self, slug):
+        try:
+            instance = self.get_queryset().get(slug=slug)
+        except User.DoesNotExist:
+            raise Http404(_("User Not Found!"))
+        except User.MultipleObjectsReturned:
+            qs = self.get_queryset().filter(slug=slug)
+            instance = qs.first()
+        except:
+            raise Http404(_("Something went wrong!"))
+        return instance
+
+
+@autoSlugFromUUID()
+class User(AbstractBaseUser, PermissionsMixin):
+    class Gender(models.TextChoices):
+        MALE = "Male", _("Male")
+        FEMALE = "Female", _("Female")
+        OTHER = "Other", _("Other")
+        UNDEFINED = "Do not mention", _("Do not mention")
+
+    email = models.EmailField(max_length=254, unique=True)
+    username = models.CharField(max_length=254, unique=True)
+    """ Additional Fields Starts """
+    name = models.CharField(max_length=100, null=True, blank=True)
+    slug = models.SlugField(unique=True, max_length=254)
+    updated_at = models.DateTimeField(auto_now=True)
+    # Fields for Portfolio
+    nickname = models.CharField(max_length=100, null=True, blank=True)
+    gender = models.CharField(
+        max_length=20, choices=Gender.choices, blank=True, null=True
+    )
+    image = models.ImageField(upload_to=get_user_image_path, null=True, blank=True)
+    dob = models.DateField(null=True, blank=True, verbose_name=_("date of birth"))
+    website = models.URLField(null=True, blank=True)
+    contact = models.CharField(max_length=30, null=True, blank=True)
+    contact_email = models.EmailField(null=True, blank=True)
+    linkedin = models.URLField(null=True, blank=True)
+    github = models.URLField(null=True, blank=True)
+    address = models.CharField(max_length=254, null=True, blank=True)
+    about = models.TextField(null=True, blank=True)
+    is_portfolio_user = models.BooleanField(default=False)
+    resume_link = models.URLField(null=True, blank=True)
+    """ Additional Fields Ends """
+    is_staff = models.BooleanField(default=False)
+    is_superuser = models.BooleanField(default=False)
+    is_active = models.BooleanField(default=True)
+    last_login = models.DateTimeField(null=True, blank=True)
+    date_joined = models.DateTimeField(auto_now_add=True)
+
+    USERNAME_FIELD = "email"
+    EMAIL_FIELD = "email"
+    REQUIRED_FIELDS = []
+
+    objects = UserManager()
+
+    class Meta:
+        verbose_name = "User"
+        verbose_name_plural = "Users"
+        ordering = ["-date_joined"]
+
+    def __str__(self):
+        return self.get_dynamic_username()
+
+    def get_dynamic_username(self):
+        """Get a dynamic username for a specific user instance. if the user has a name then returns the name,
+        if the user does not have a name but has a username then return username, otherwise returns email as username
+        """
+        if self.name:
+            return self.name
+        elif self.username:
+            return self.username
+        return self.email
+
+    def get_user_image(self):
+        if self.image:
+            image_path = settings.MEDIA_ROOT + self.image.url.lstrip("/media/")
+        else:
+            if self.gender and self.gender == "Male":
+                image_path = get_static_file_path("icons/user/avatar-male.png")
+            elif self.gender and self.gender == "Female":
+                image_path = get_static_file_path("icons/user/avatar-female.png")
+            else:
+                image_path = get_static_file_path("icons/user/avatar-default.png")
+
+        if image_path:
+            return image_as_base64(image_path)
+
+        return
+
+
+@receiver(pre_save, sender=User)
+def update_username_from_email(sender, instance, **kwargs):
+    """Generates and updates username from user email on User pre_save hook"""
+    if not instance.pk:
+        instance.username = generate_unique_username_from_email(instance=instance)
diff --git a/backend/users/tests.py b/backend/users/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/backend/users/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/backend/utils/__init__.py b/backend/utils/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/backend/utils/helpers.py b/backend/utils/helpers.py
new file mode 100644
index 0000000..94f8833
--- /dev/null
+++ b/backend/utils/helpers.py
@@ -0,0 +1,157 @@
+from rest_framework.response import Response
+from rest_framework.viewsets import ModelViewSet
+from rest_framework.renderers import JSONRenderer
+from rest_framework import permissions
+from django.db import models
+from django.http import Http404
+from django.utils.translation import gettext_lazy as _
+from functools import wraps
+
+
+class ResponseWrapper(Response, JSONRenderer):
+    def __init__(
+        self,
+        data=None,
+        error_code=None,
+        content_type=None,
+        error_message=None,
+        message=None,
+        response_success=True,
+        status=None,
+        data_type=None,
+    ):
+        """
+        Alters the init arguments slightly.
+        For example, drop 'template_name', and instead use 'data'.
+
+        Setting 'renderer' and 'media_type' will typically be deferred,
+        For example being set automatically by the `APIView`.
+        """
+        status_by_default_for_gz = 200
+        if error_code is None and status is not None:
+            if status > 299 or status < 200:
+                error_code = status
+                response_success = False
+            else:
+                status_by_default_for_gz = status
+        if error_code is not None:
+            status_by_default_for_gz = error_code
+            response_success = False
+
+        # manipulate dynamic message
+        if message is not None and not message == "":
+            if message.lower() == "list":
+                message = (
+                    "List retrieved successfully!"
+                    if response_success
+                    else "Failed to retrieve the list!"
+                )
+            elif message.lower() == "create":
+                message = (
+                    "Created successfully!" if response_success else "Failed to create!"
+                )
+            elif message.lower() in ["update", "partial_update"]:
+                message = (
+                    "Updated successfully!" if response_success else "Failed to update!"
+                )
+            elif message.lower() == "destroy":
+                message = (
+                    "Deleted successfully!" if response_success else "Failed to delete!"
+                )
+            elif message.lower() == "retrieve":
+                message = (
+                    "Object retrieved successfully!"
+                    if response_success
+                    else "Failed to retrieve the object!"
+                )
+            else:
+                message = (
+                    "SUCCESS!"
+                    if response_success
+                    else "FAILED!"
+                )
+
+        output_data = {
+            "success": response_success,
+            "status_code": error_code
+            if not error_code == "" and not error_code == None
+            else status_by_default_for_gz,
+            "data": data,
+            "message": message
+            if message
+            else str(error_message)
+            if error_message
+            else "Success"
+            if response_success
+            else "Failed",
+            "error": {"code": error_code, "error_details": error_message},
+        }
+        if data_type is not None:
+            output_data["type"] = data_type
+
+        super().__init__(
+            data=output_data, status=status_by_default_for_gz, content_type=content_type
+        )
+
+
+def custom_response_wrapper(viewset_cls):
+    """
+    Custom decorator to wrap the `finalize_response` method of a ViewSet
+    with the ResponseWrapper functionality.
+    """
+    original_finalize_response = viewset_cls.finalize_response
+
+    @wraps(original_finalize_response)
+    def wrapped_finalize_response(self, request, response, *args, **kwargs):
+        if isinstance(response, ResponseWrapper):
+            return response
+        response = ResponseWrapper(
+            data=response.data, message=self.action, status=response.status_code
+        )
+        return original_finalize_response(self, request, response, *args, **kwargs)
+
+    viewset_cls.finalize_response = wrapped_finalize_response
+    return viewset_cls
+
+
+class CustomModelManager(models.Manager):
+    """
+    Custom Model Manager
+    actions: all(), get_by_id(id), get_by_slug(slug)
+    """
+    def all(self):
+        return self.get_queryset()
+
+    def get_by_id(self, id):
+        try:
+            return self.get(id=id)
+        except self.model.DoesNotExist:
+            raise Http404(_("Not Found !!!"))
+        except self.model.MultipleObjectsReturned:
+            return self.get_queryset().filter(id=id).first()
+        except Exception:
+            raise Http404(_("Something went wrong !!!"))
+
+    def get_by_slug(self, slug):
+        try:
+            return self.get(slug=slug)
+        except self.model.DoesNotExist:
+            raise Http404(_("Not Found !!!"))
+        except self.model.MultipleObjectsReturned:
+            return self.get_queryset().filter(id=id).first()
+        except Exception:
+            raise Http404(_("Something went wrong !!!"))
+
+
+class ProjectGenericModelViewset(ModelViewSet):
+    permission_classes = (permissions.IsAuthenticated,)
+    pagination_class = None
+    lookup_field = "slug"
+
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        limit = self.request.GET.get('_limit')
+        if limit:
+            queryset = queryset[:int(limit)]
+        return queryset
diff --git a/backend/utils/image_upload_helpers.py b/backend/utils/image_upload_helpers.py
new file mode 100644
index 0000000..dc056eb
--- /dev/null
+++ b/backend/utils/image_upload_helpers.py
@@ -0,0 +1,110 @@
+import os
+import time
+from django.utils.text import slugify
+
+
+def get_filename(filepath):
+    base_name = os.path.basename(filepath)
+    name, ext = os.path.splitext(base_name)
+
+    new_filename = "{datetime}".format(datetime=time.strftime("%Y%m%d-%H%M%S"))
+    final_filename = "{new_filename}{ext}".format(new_filename=new_filename, ext=ext)
+    return final_filename
+
+
+# User Image Path
+def get_user_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Users/{username}/Images/{final_filename}".format(
+        username=slugify(instance.username[:50]), final_filename=new_filename
+    )
+
+
+# Professional Experience Company Image Path
+def get_professional_experience_company_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "ProfessionalExperiences/{company}/Images/{final_filename}".format(
+        company=slugify(instance.company[:50]), final_filename=new_filename
+    )
+
+
+# Skill Image Path
+def get_skill_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Skills/{title}/Images/{final_filename}".format(
+        title=slugify(instance.title[:50]), final_filename=new_filename
+    )
+
+
+# Education School Image Path
+def get_education_school_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Educations/{school}/Images/{final_filename}".format(
+        school=slugify(instance.school[:50]), final_filename=new_filename
+    )
+
+def get_education_media_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Educations/{school}/Media/{final_filename}".format(
+        school=slugify(instance.education.school[:50]), final_filename=new_filename
+    )
+
+
+# Certification Image Path
+def get_certification_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Certifications/{organization}/Images/{final_filename}".format(
+        organization=slugify(instance.organization[:50]), final_filename=new_filename
+    )
+
+def get_certification_media_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Certifications/{organization}/Media/{final_filename}".format(
+        organization=slugify(instance.certification.organization[:50]), final_filename=new_filename
+    )
+
+
+# Project Image Path
+def get_project_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Projects/{title}/Images/{final_filename}".format(
+        title=slugify(instance.title[:50]), final_filename=new_filename
+    )
+
+def get_project_media_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Projects/{title}/Media/{final_filename}".format(
+        title=slugify(instance.project.title[:50]), final_filename=new_filename
+    )
+
+
+# Interest Image Path
+def get_interest_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Interests/{title}/Images/{final_filename}".format(
+        title=slugify(instance.title[:50]), final_filename=new_filename
+    )
+
+
+# Movie Image Path
+def get_movie_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Movies/{name}/Images/{final_filename}".format(
+        name=slugify(instance.name[:50]), final_filename=new_filename
+    )
+
+
+# Code Snippet Image Path
+def get_code_snippet_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Code-Snippets/{title}/Images/{final_filename}".format(
+        title=slugify(instance.title[:50]), final_filename=new_filename
+    )
+
+
+# Blog Image Path
+def get_blog_image_path(instance, filename):
+    new_filename = get_filename(filename)
+    return "Blogs/{title}/Images/{final_filename}".format(
+        title=slugify(instance.title[:50]), final_filename=new_filename
+    )
diff --git a/backend/utils/mixins.py b/backend/utils/mixins.py
new file mode 100644
index 0000000..2f89fe9
--- /dev/null
+++ b/backend/utils/mixins.py
@@ -0,0 +1,105 @@
+from django.db import models
+from django.conf import settings
+from django.utils.timezone import datetime
+from django.utils.translation import gettext_lazy as _
+from utils.helpers import CustomModelManager
+from utils.snippets import file_as_base64
+
+
+"""
+----------------------- * Custom Model Admin Mixins * -----------------------
+"""
+
+
+class CustomModelAdminMixin(object):
+    """
+    DOCSTRING for CustomModelAdminMixin:
+    This model mixing automatically displays all fields of a model in admin panel following the criteria.
+    code: @ Numan Ibn Mazid
+    """
+
+    def __init__(self, model, admin_site):
+        self.list_display = [
+            field.name
+            for field in model._meta.fields
+            if field.get_internal_type() != "TextField"
+        ]
+        super(CustomModelAdminMixin, self).__init__(model, admin_site)
+
+
+"""
+----------------------- * Model Media Mixin * -----------------------
+"""
+
+class ModelMediaMixin(models.Model):
+    """
+    Derived Model Class should have a field named 'file'.
+    """
+    title = models.CharField(max_length=150)
+    slug = models.SlugField(max_length=255, unique=True, blank=True)
+    description = models.TextField(blank=True, null=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # custom model manager
+    objects = CustomModelManager()
+
+    class Meta:
+        abstract = True
+
+    def get_file(self):
+        if self.file:
+            file_path = settings.MEDIA_ROOT + self.file.url.lstrip("/media/")
+            return file_as_base64(file_path)
+        return
+
+
+class DurationMixin:
+    title = None
+    """
+    Derived Model Class must have fields: `start_date`, `end_date` and `present`.
+    """
+    def get_duration(self):
+        if self.end_date is None and not self.present:
+            raise ValueError(_("End date is required to calculate duration in days. Please provide end date or mark as present."))
+        if self.present and self.end_date is not None:
+            raise ValueError(_("End date is not required when marked as present. Please remove end date or mark as not present."))
+
+        end_date = None
+        if self.end_date is not None:
+            end_date = self.end_date.strftime("%b %Y")
+        if self.present:
+            end_date = _("Present")
+        start_date = self.start_date.strftime("%b %Y")
+        return f"{start_date} - {end_date}"
+
+    def get_duration_in_days(self):
+        if self.end_date is None and not self.present:
+            raise ValueError(_("End date is required to calculate duration in days. Please provide end date or mark as present."))
+        if self.present and self.end_date is not None:
+            raise ValueError(_("End date is not required when marked as present. Please remove end date or mark as not present."))
+
+        end_date = None
+        if self.end_date is not None:
+            end_date = self.end_date
+        if self.present:
+            end_date = datetime.now().date()
+
+        duration = end_date - self.start_date
+
+        years = duration.days // 365
+        months = (duration.days % 365) // 30
+        days = (duration.days % 365) % 30
+
+        duration_str = ""
+        if years > 0:
+            duration_str += f"{years} Year{'s' if years > 1 else ''}, "
+        if months > 0:
+            duration_str += f"{months} Month{'s' if months > 1 else ''}"
+        # if days > 0:
+        #     duration_str += f"{days} Day{'s' if days > 1 else ''}"
+
+        if years < 1 and months < 1:
+            duration_str = f"{days} Day{'s' if days > 1 else ''}"
+
+        return duration_str
diff --git a/backend/utils/snippets.py b/backend/utils/snippets.py
new file mode 100644
index 0000000..4018ef8
--- /dev/null
+++ b/backend/utils/snippets.py
@@ -0,0 +1,363 @@
+import random
+import string
+import time
+from django.utils.text import slugify
+from django.db import models
+from django.dispatch import receiver
+import uuid
+import os
+import base64
+from django.contrib.staticfiles import finders
+
+
+def random_string_generator(size=4, chars=string.ascii_lowercase + string.digits):
+    """[Generates random string]
+
+    Args:
+        size (int, optional): [size of string to generate]. Defaults to 4.
+        chars ([str], optional): [characters to use]. Defaults to string.ascii_lowercase+string.digits.
+
+    Returns:
+        [str]: [Generated random string]
+    """
+    return "".join(random.choice(chars) for _ in range(size))
+
+
+def random_number_generator(size=4, chars="1234567890"):
+    """[Generates random number]
+
+    Args:
+        size (int, optional): [size of number to generate]. Defaults to 4.
+        chars (str, optional): [numbers to use]. Defaults to '1234567890'.
+
+    Returns:
+        [str]: [Generated random number]
+    """
+    return "".join(random.choice(chars) for _ in range(size))
+
+
+def simple_random_string():
+    """[Generates simple random string]
+
+    Returns:
+        [str]: [Generated random string]
+    """
+    timestamp_m = time.strftime("%Y")
+    timestamp_d = time.strftime("%m")
+    timestamp_y = time.strftime("%d")
+    timestamp_now = time.strftime("%H%M%S")
+    random_str = random_string_generator()
+    random_num = random_number_generator()
+    bindings = (
+        random_str
+        + timestamp_d
+        + random_num
+        + timestamp_now
+        + timestamp_y
+        + random_num
+        + timestamp_m
+    )
+    return bindings
+
+
+def simple_random_string_with_timestamp(size=None):
+    """[Generates random string with timestamp]
+
+    Args:
+        size ([int], optional): [Size of string]. Defaults to None.
+
+    Returns:
+        [str]: [Generated random string]
+    """
+    timestamp_m = time.strftime("%Y")
+    timestamp_d = time.strftime("%m")
+    timestamp_y = time.strftime("%d")
+    random_str = random_string_generator()
+    random_num = random_number_generator()
+    bindings = random_str + timestamp_d + timestamp_m + timestamp_y + random_num
+    if not size == None:
+        return bindings[0:size]
+    return bindings
+
+
+# def unique_slug_generator(instance, field=None, new_slug=None):
+#     """[Generates unique slug]
+
+#     Args:
+#         instance ([Model Class instance]): [Django Model class object instance].
+#         field ([Django Model Field], optional): [Django Model Class Field]. Defaults to None.
+#         new_slug ([str], optional): [passed new slug]. Defaults to None.
+
+#     Returns:
+#         [str]: [Generated unique slug]
+#     """
+#     if field == None:
+#         field = instance.title
+#     if new_slug is not None:
+#         slug = new_slug
+#     else:
+#         slug = slugify(field[:50])
+
+#     Klass = instance.__class__
+#     qs_exists = Klass.objects.filter(slug=slug).exists()
+#     if qs_exists:
+#         new_slug = "{slug}-{randstr}".format(
+#             slug=slug,
+#             randstr=random_string_generator(size=4)
+#         )
+#         return unique_slug_generator(instance, new_slug=new_slug)
+#     return slug
+
+
+# def is_url(url):
+#     """[Checks if a provided string is URL or Not]
+
+#     Args:
+#         url ([str]): [URL String]
+
+#     Returns:
+#         [bool]: [returns True if provided string is URL, otherwise returns False]
+#     """
+
+#     min_attr = ('scheme', 'netloc')
+
+#     try:
+#         result = urlparse(url)
+#         if all([result.scheme, result.netloc]):
+#             return True
+#         else:
+#             return False
+#     except:
+#         return False
+
+
+# def autoUniqueIdWithField(fieldname):
+#     """[Generates auto slug integrating model's field value and UUID]
+
+#     Args:
+#         fieldname ([str]): [Model field name to use to generate slug]
+#     """
+
+#     def decorator(model):
+#         # some sanity checks first
+#         assert hasattr(model, fieldname), f"Model has no field {fieldname}"
+#         assert hasattr(model, "slug"), "Model is missing a slug field"
+
+#         @receiver(models.signals.pre_save, sender=model, weak=False)
+#         def generate_unique_id(sender, instance, *args, raw=False, **kwargs):
+#             if not raw and not getattr(instance, fieldname):
+#                 source = getattr(instance, fieldname)
+
+#                 def generate():
+#                     uuid = random_number_generator(size=12)
+#                     Klass = instance.__class__
+#                     qs_exists = Klass.objects.filter(uuid=uuid).exists()
+#                     if qs_exists:
+#                         generate()
+#                     else:
+#                         instance.uuid = uuid
+#                     pass
+
+#                 # generate uuid
+#                 generate()
+
+#         return model
+#     return decorator
+
+
+def autoSlugWithFieldAndUUID(fieldname):
+    """[Generates auto slug integrating model's field value and UUID]
+
+    Args:
+        fieldname ([str]): [Model field name to use to generate slug]
+    """
+
+    def decorator(model):
+        # some sanity checks first
+        assert hasattr(model, fieldname), f"Model has no field {fieldname}"
+        assert hasattr(model, "slug"), "Model is missing a slug field"
+
+        @receiver(models.signals.pre_save, sender=model, weak=False)
+        def generate_slug(sender, instance, *args, raw=False, **kwargs):
+            if not raw and not instance.slug:
+                source = getattr(instance, fieldname)
+                try:
+                    slug = slugify(source)[:123] + "-" + str(uuid.uuid4())
+                    Klass = instance.__class__
+                    qs_exists = Klass.objects.filter(slug=slug).exists()
+                    if qs_exists:
+                        new_slug = "{slug}-{randstr}".format(
+                            slug=slug,
+                            randstr=random_string_generator(size=4)
+                        )
+                        instance.slug = new_slug
+                    else:
+                        instance.slug = slug
+                except Exception as e:
+                    instance.slug = simple_random_string()
+        return model
+    return decorator
+
+
+# def autoslugFromField(fieldname):
+#     """[Generates auto slug from model's field value]
+
+#     Args:
+#         fieldname ([str]): [Model field name to use to generate slug]
+#     """
+
+#     def decorator(model):
+#         # some sanity checks first
+#         assert hasattr(model, fieldname), f"Model has no field {fieldname!r}"
+#         assert hasattr(model, "slug"), "Model is missing a slug field"
+
+#         @receiver(models.signals.pre_save, sender=model, weak=False)
+#         def generate_slug(sender, instance, *args, raw=False, **kwargs):
+#             if not raw and not instance.slug:
+#                 source = getattr(instance, fieldname)
+#                 try:
+#                     slug = slugify(source)
+#                     Klass = instance.__class__
+#                     qs_exists = Klass.objects.filter(slug=slug).exists()
+#                     if qs_exists:
+#                         new_slug = "{slug}-{randstr}".format(
+#                             slug=slug,
+#                             randstr=random_string_generator(size=4)
+#                         )
+#                         instance.slug = new_slug
+#                     else:
+#                         instance.slug = slug
+#                 except Exception as e:
+#                     instance.slug = simple_random_string()
+#         return model
+#     return decorator
+
+
+def autoSlugFromUUID():
+    def decorator(model):
+        assert hasattr(model, "slug"), "Model is missing a slug field"
+
+        @receiver(models.signals.pre_save, sender=model, weak=False)
+        def generate_slug(sender, instance, *args, raw=False, **kwargs):
+            if not raw and not instance.slug:
+                try:
+                    slug = str(uuid.uuid4())
+                    Klass = instance.__class__
+                    qs_exists = Klass.objects.filter(slug=slug).exists()
+                    if qs_exists:
+                        new_slug = "{slug}-{randstr}".format(
+                            slug=slug,
+                            randstr=random_string_generator(size=4)
+                        )
+                        instance.slug = new_slug
+                    else:
+                        instance.slug = slug
+                except Exception as e:
+                    instance.slug = simple_random_string()
+
+        return model
+
+    return decorator
+
+
+def generate_unique_username_from_email(instance):
+    """[Generates unique username from email]
+
+    Args:
+        instance ([model class object instance]): [model class object instance]
+
+    Raises:
+        ValueError: [If found invalid email]
+
+    Returns:
+        [str]: [unique username]
+    """
+
+    # get email from instance
+    email = instance.email
+
+    if not email:
+        raise ValueError("Invalid email!")
+
+    def generate_username(email):
+        return (
+            email.split("@")[0][:15]
+            + "__"
+            + simple_random_string_with_timestamp(size=5)
+        )
+
+    generated_username = generate_username(email=email)
+
+    Klass = instance.__class__
+    qs_exists = Klass.objects.filter(username=generated_username).exists()
+
+    if qs_exists:
+        # recursive call
+        generate_unique_username_from_email(instance=instance)
+
+    return generated_username
+
+
+# def image_as_base64(image_file, format='png'):
+#     """
+#     :param `image_file` for the complete path of image.
+#     :param `format` is format for image, eg: `png` or `jpg`.
+#     """
+#     if not os.path.isfile(image_file):
+#         return None
+
+#     encoded_string = ''
+#     with open(image_file, 'rb') as img_f:
+#         encoded_string = base64.b64encode(img_f.read())
+#     return 'data:image/%s;base64,%s' % (format, encoded_string)
+
+
+def get_static_file_path(static_path):
+    """
+    Get the absolute file path for a static file.
+    :param static_path: The static file path relative to the static root.
+    :return: The absolute file path or None if the file is not found.
+    """
+    static_file = finders.find(static_path)
+    if static_file:
+        return static_file
+    return
+
+
+def image_as_base64(image_file):
+    """
+    :param `image_file` for the complete path of the image.
+    """
+    if not os.path.isfile(image_file):
+        print(f"Image file not found: {image_file}")
+        return
+
+    # Get the file extension dynamically
+    extension = os.path.splitext(image_file)[1][1:]
+    encoded_string = ""
+
+    with open(image_file, "rb") as img_f:
+        encoded_string = base64.b64encode(img_f.read()).decode("utf-8")
+
+    return f"data:image/{extension};base64,{encoded_string}"
+
+
+def file_as_base64(file_path):
+    """
+    Convert a file to base64.
+
+    :param file_path: The complete path of the file.
+    :return: The base64 representation of the file.
+    """
+    if not os.path.isfile(file_path):
+        print(f"File not found: {file_path}")
+        return
+
+    # Get the file extension dynamically
+    extension = os.path.splitext(file_path)[1][1:]
+    encoded_string = ""
+
+    with open(file_path, "rb") as file:
+        encoded_string = base64.b64encode(file.read()).decode("utf-8")
+
+    return f"data:application/{extension};base64,{encoded_string}"
diff --git a/docker-compose.yml b/docker-compose.yml
index fcee429..3aa79e3 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -13,21 +13,36 @@ services:
     networks:
       - net-tier
 
-  django_app:
+  backend:
     depends_on:
       - db
     env_file: .env
     environment:
       WAIT_HOSTS: db:5432
       DATABASE_HOST: db
-    build: ./project
+    build: ./backend
     volumes:
-      - ./project:/app
+      - ./backend:/app
     ports:
       - "8000:8000"
     networks:
       - net-tier
 
+  frontend:
+    depends_on:
+      - backend
+    build: ./frontend
+    volumes:
+      - ./frontend/src:/app/src
+    ports:
+      - "3000:3000"
+    stdin_open: true
+    tty: true
+    environment:
+      - CHOKIDAR_USEPOLLING=true
+    networks:
+      - net-tier
+
 networks:
   net-tier:
     driver: bridge
diff --git a/frontend/.env.example b/frontend/.env.example
index b064bda..a1608c8 100644
--- a/frontend/.env.example
+++ b/frontend/.env.example
@@ -1,8 +1,8 @@
 # These properties are need to send an email, you can look the full documentation
 # visit here- https://www.emailjs.com/docs/sdk/installation/
-NEXT_PUBLIC_YOUR_SERVICE_ID=
-NEXT_PUBLIC_YOUR_TEMPLATE_ID=
-NEXT_PUBLIC_YOUR_USER_ID=
+EMAIL_JS_SERVICE_ID=
+EMAIL_JS_TEMPLATE_ID=
+EMAIL_JS_PUBLIC_KEY=
 
 
 # I've used this api to get the personal stats of my dev.to blog
@@ -40,3 +40,9 @@ REVALIDATE_SECRET=
 
 # Backend API URL
 BACKEND_API_BASE_URL=
+
+# Backend API TOKEN
+BACKEND_API_TOKEN=
+
+# Github Access TOKEN
+GITHUB_ACCESS_TOKEN=
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 0000000..94247f1
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,18 @@
+FROM node:20.2.0-alpine
+
+RUN apk update && apk add --update yarn
+RUN yarn global add webpack
+
+WORKDIR /app
+
+COPY package*.json /app
+COPY yarn.lock /app
+
+RUN yarn install
+
+ADD entrypoint.sh /app/entrypoint.sh
+RUN chmod +x /app/entrypoint.sh
+
+COPY . /app
+
+ENTRYPOINT [ "sh", "-c", "/app/entrypoint.sh" ]
diff --git a/frontend/components/Blog.tsx b/frontend/components/Blog.tsx
index e9039bc..6d415ca 100644
--- a/frontend/components/Blog.tsx
+++ b/frontend/components/Blog.tsx
@@ -1,80 +1,80 @@
-import Link from "next/link"
-import { getFormattedDate } from "@utils/date"
-import { FrontMatter } from "@lib/types"
-import { useRef } from "react"
-import Image from "next/image"
-import { homeProfileImage } from "@utils/utils"
-import { motion } from "framer-motion"
-import { BlogCardAnimation } from "@content/FramerMotionVariants"
-import staticData from "@content/StaticData"
+import Link from 'next/link'
+import { getFormattedDate } from '@utils/date'
+import { BlogType } from '@lib/types'
+import { useRef } from 'react'
+import Image from 'next/image'
+import { motion } from 'framer-motion'
+import { BlogCardAnimation } from '@content/FramerMotionVariants'
 
-
-export default function Blog({
-  blog,
-  animate = false,
-}: {
-  blog: FrontMatter;
-  animate?: boolean;
-}) {
-  const blogRef = useRef(null);
+export default function Blog({ blog, animate = false }: { blog: BlogType; animate?: boolean }) {
+  const blogRef = useRef(null)
   return (
     <motion.article
       ref={blogRef}
       variants={BlogCardAnimation}
-      initial={animate && "hidden"}
-      whileInView={animate ? "visible" : ""}
+      initial={animate && 'hidden'}
+      whileInView={animate ? 'visible' : ''}
       viewport={{ once: true }}
       className="bg-white dark:bg-darkSecondary rounded-2xl p-2 flex flex-col sm:flex-row items-center w-ull sm:w-[95%] mx-auto gap-2 md:gap-7 shadow-md md:shadow-lg"
     >
-      <div className="w-full">
+      <div className="">
         <Image
           title={blog.title}
           alt={blog.title}
           src={blog.image}
           width={1200}
-          height={630}
+          height={600}
           blurDataURL={blog.image}
-          quality={25}
-          className="my-auto transition-all duration-300 backdrop-blur-xl rounded-xl"
+          quality={50}
+          className="my-auto transition-all duration-300 backdrop-blur-xl rounded-xl w-full"
         />
       </div>
 
       <div className="flex flex-col w-full h-full px-2 pb-2 mt-2 sm:mt-0 sm:p-1 lg:py-5 md:pr-5">
-        <Link
-          href={blog.url}
-          className="font-bold text-neutral-900 md:text-xl dark:text-neutral-200 hover:underline"
-        >
-          {blog.title}
+        <Link href={`blogs/${blog.slug}`} title="View Blog Details">
+          <h2 className="font-bold text-neutral-900 md:text-xl dark:text-neutral-200 hover:underline">{blog.title}</h2>
         </Link>
-        <p className="mt-3 text-sm sm:text-xs md:text-sm  text-gray-600 dark:text-[#b5b7ba] line-clamp-3 sm:line-clamp-2 md:line-clamp-4 mb-2">
-          {blog.excerpt}
-        </p>
+
+        {blog.overview && (
+          <p className="mt-3 text-sm sm:text-xs md:text-sm  text-gray-600 dark:text-[#b5b7ba] line-clamp-3 sm:line-clamp-2 md:line-clamp-4 mb-2">
+            {blog.overview}
+          </p>
+        )}
+
+        {blog.category && (
+          <div className="flex">
+            <div className="px-2 py-1 text-xs font-bold rounded bg-sky-800 text-gray-50 mb-2 italic">
+              {blog.category.name}
+            </div>
+          </div>
+        )}
+
+        {blog.tags && (
+          <div className="flex flex-wrap items-center gap-1 mb-2">
+            {blog.tags.split(',').map((tag, index) => {
+              return (
+                <span key={`${tag}-${index}`} className="px-2 py-1 text-xs rounded bg-teal-800 text-gray-50">
+                  {tag.toLowerCase()}
+                </span>
+              )
+            })}
+          </div>
+        )}
 
         <div className="flex items-center justify-between mt-auto">
           <div className="z-10 flex items-center gap-3 font-barlow">
-            <div className="w-[30px]">
-              <Image
-                alt="{staticData.personal.name}"
-                height={933}
-                width={933}
-                src={homeProfileImage}
-                className="rounded-full !m-0 h-full"
-              />
-            </div>
             <div className="flex flex-col">
               <Link href="/about" className="text-sm font-bold hover:underline">
-                {staticData.personal.name}
+                {blog.author}
               </Link>
-              <span className="text-xs">
-                {getFormattedDate(new Date(blog.date))}
-              </span>
+              <span className="text-xs">{getFormattedDate(new Date(blog.created_at))}</span>
             </div>
           </div>
           <p className="flex items-center justify-between text-xs font-medium text-gray-500 dark:text-dark-3 md:text-sm">
-            <span>{blog.readingTime.text}</span>
+            <span className='px-2 py-1 text-xs rounded bg-gray-700 text-gray-50'>{blog.reading_time}</span>
           </p>
         </div>
       </div>
     </motion.article>
-  );
+  )
 }
diff --git a/frontend/components/Certificates.tsx b/frontend/components/Certificates.tsx
index 16e31c3..88122c7 100644
--- a/frontend/components/Certificates.tsx
+++ b/frontend/components/Certificates.tsx
@@ -1,16 +1,15 @@
-import { FadeContainer } from "../content/FramerMotionVariants"
-import { HomeHeading } from "../pages"
-import { motion } from "framer-motion"
-import React from "react"
+import { FadeContainer } from '../content/FramerMotionVariants'
+import { HomeHeading } from '../pages'
+import { motion } from 'framer-motion'
+import React from 'react'
 import { useEffect, useState } from 'react'
-import { getAllCertificates } from "@lib/backendAPI"
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
-import Image from "next/image"
-import { popUpFromBottomForText } from "@content/FramerMotionVariants"
-import Link from "next/link"
-import { getFormattedDate } from "@utils/date"
-import { CertificateType } from "@lib/types"
-
+import { getAllCertificates } from '@lib/backendAPI'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import Image from 'next/image'
+import { popUpFromBottomForText } from '@content/FramerMotionVariants'
+import Link from 'next/link'
+import { CertificateType, MediaType } from '@lib/types'
+import MediaModal from '@components/Modals/MediaModal'
 
 export default function CertificateSection() {
   const [certificates, setCertificates] = useState([])
@@ -42,43 +41,88 @@ export default function CertificateSection() {
         className="grid grid-cols-1 mb-10"
       >
         <div className="mt-12 space-y-6">
-          <p>Here are some certificates that I have obtained.</p>
-          {certificates.map((cer: CertificateType) => {
+          <p className="mb-12">
+            Here, I will showcase the certifications and professional achievements I have earned throughout my career.
+            Each certificate I have obtained represents a milestone in my journey and demonstrates my commitment to excellence.
+          </p>
+          {certificates.map((certificate: CertificateType) => {
             return (
               <AnimatedDiv
-                className="flex flex-col gap-2 p-3 bg-white rounded-lg shadow md:flex-row md:items-center md:justify-between md:gap-4 dark:bg-darkSecondary/50"
+                className="bg-white rounded-lg shadow dark:bg-darkSecondary/50 grid md:grid-cols-12"
                 variants={popUpFromBottomForText}
-                key={cer.id}
+                key={certificate.id}
               >
-                <div className="flex items-center gap-3">
-                  <div className="relative flex items-center justify-center">
-                    <Image
-                      width={40}
-                      height={40}
-                      src={cer.orgLogo}
-                      alt={cer.orgName}
-                      quality={50}
-                      placeholder="blur"
-                      blurDataURL={cer.orgLogo}
-                      style={{
-                        objectFit: "contain",
-                      }}
-                    />
+                <div className="relative flex items-center justify-center md:col-span-1 px-4">
+                  <Image
+                    width={50}
+                    height={50}
+                    src={certificate.image}
+                    alt={certificate.organization}
+                    quality={50}
+                    placeholder="blur"
+                    blurDataURL={certificate.image}
+                    style={{
+                      objectFit: 'contain',
+                    }}
+                  />
+                </div>
+                <div className='md:col-span-11 p-4'>
+                  <div className="flex flex-col gap-2 md:flex-row md:items-center md:justify-between md:gap-4">
+                    <div className="flex items-center gap-3">
+                      <div className="flex flex-col">
+                        {certificate.credential_url ? (
+                          <Link
+                            href={certificate.credential_url}
+                            target="_blank"
+                            className="text-sm font-semibold hover:underline sm:text-base md:text-lg text-neutral-900 dark:text-neutral-200"
+                          >
+                            {certificate.title}
+                          </Link>
+                        ) : (
+                          <p className='text-sm font-semibold sm:text-base md:text-lg text-neutral-900 dark:text-neutral-200'>
+                            {certificate.title}
+                          </p>
+                        )}
+
+                        <p className="text-xs text-gray-500 mt-2">
+                          <span>&#x2022; Organization: {certificate.organization}</span>
+                          {certificate.address ? <span>, {certificate.address}</span> : null}
+                        </p>
+                      </div>
+                    </div>
                   </div>
-                  <div className="flex flex-col ">
-                    <Link
-                      href={cer.url}
-                      className="text-sm font-semibold hover:underline sm:text-base md:text-lg text-neutral-900 dark:text-neutral-200"
-                    >
-                      {cer.title}
-                    </Link>
-                    <p className="text-xs text-gray-500">
-                      {cer.orgName} &#x2022;{" "}
-                      {getFormattedDate(new Date(cer.issuedDate))}
-                    </p>
+
+                  <div className="gap-2">
+                    <div className="flex flex-col text-xs text-gray-500">
+                      <span>&#x2022; Issue Date: {certificate.issue_date}</span>
+                      <span>&#x2022; Expiration Date: {certificate.expiration_date}</span>
+                      {certificate.credential_id ? (
+                        <span>&#x2022; Credential ID: {certificate.credential_id}</span>
+                      ): null}
+
+                      {/* Certification Media */}
+                      {certificate.certification_media?.length ? (
+                        // Here there will be a list of media. bullet points. There will be a button. After clicking the button new modal will open with the list of media.
+                        <div className="mt-4">
+                          <div className="mt-4">
+                            <h2 className="font-bold">Attachments</h2>
+
+                            {certificate.certification_media.map((media: MediaType, mediaIndex) => (
+                              <div key={mediaIndex} className="my-4">
+                                  <MediaModal
+                                  key={mediaIndex}
+                                  title={media.title}
+                                  file={media.file}
+                                  description={media.description}
+                                />
+                              </div>
+                            ))}
+                          </div>
+                        </div>
+                      ) : null}
+                    </div>
                   </div>
                 </div>
-                <p className="text-sm text-gray-500"></p>
               </AnimatedDiv>
             )
           })}
diff --git a/frontend/components/Contact/Contact.tsx b/frontend/components/Contact/Contact.tsx
index 5fd3655..f9f9dbd 100644
--- a/frontend/components/Contact/Contact.tsx
+++ b/frontend/components/Contact/Contact.tsx
@@ -21,9 +21,9 @@ export default function Contact() {
           variants={popUpFromBottomForText}
           className="px-4 py-2 font-medium dark:text-gray-300"
         >
-          Is there something on your mind you'd like to talk about? Whether it's
-          related to work or just a casual conversation, I am here and ready to
-          listen. Please don't hesitate to reach out to me at any time. 🙋‍♂️.
+          Do you have something on your mind that you'd like to discuss? Whether it's work-related or simply a casual conversation, I'm here and eager to lend an ear.
+          Please don't hesitate to get in touch with me at any time. 🌟 I'm always ready for engaging discussions and open to connecting with you.
+          Let's start a conversation and explore new ideas together. 🗣️
         </AnimatedText>
       </section>
 
diff --git a/frontend/components/Contact/ContactForm.tsx b/frontend/components/Contact/ContactForm.tsx
index 8b6b377..e4d5c4f 100644
--- a/frontend/components/Contact/ContactForm.tsx
+++ b/frontend/components/Contact/ContactForm.tsx
@@ -30,7 +30,7 @@ export default function Form() {
     };
 
     const emailData = {
-      to_name: "Jatin Sharma",
+      to_name: "Numan Ibn Mazid",
       first_name: target.first_name.value.trim(),
       last_name: target.last_name.value.trim(),
       email: target.email.value.trim(),
@@ -51,10 +51,10 @@ export default function Form() {
 
     emailjs
       .send(
-        process.env.NEXT_PUBLIC_YOUR_SERVICE_ID!,
-        process.env.NEXT_PUBLIC_YOUR_TEMPLATE_ID!,
+        process.env.EMAIL_JS_SERVICE_ID!,
+        process.env.EMAIL_JS_TEMPLATE_ID!,
         emailData!,
-        process.env.NEXT_PUBLIC_YOUR_USER_ID
+        process.env.EMAIL_JS_PUBLIC_KEY
       )
       .then(() => {
         formRef.current.reset();
diff --git a/frontend/components/Education.tsx b/frontend/components/Education.tsx
new file mode 100644
index 0000000..6816e78
--- /dev/null
+++ b/frontend/components/Education.tsx
@@ -0,0 +1,132 @@
+import { FadeContainer, popUp } from '../content/FramerMotionVariants'
+import { HomeHeading } from '../pages'
+import { motion } from 'framer-motion'
+import React from 'react'
+import Image from 'next/image'
+import { TimelineList } from '@components/TimelineList'
+import { EducationType, MediaType } from '@lib/types'
+import MediaModal from '@components/Modals/MediaModal'
+
+
+export default function EducationSection({ educations }: { educations: EducationType[] }) {
+  // ******* Loader Starts *******
+  if (educations.length === 0) {
+    return <div>Loading...</div>
+  }
+  // ******* Loader Ends *******
+
+  return (
+    <section className="mx-5">
+      <HomeHeading title="Educations" />
+
+      <motion.div
+        initial="hidden"
+        whileInView="visible"
+        variants={FadeContainer}
+        viewport={{ once: true }}
+        className="grid grid-cols-1 mb-10"
+      >
+        <div className="mt-12 space-y-6">
+          <p className="mb-12">
+            I believe that education plays a crucial role in personal and professional growth. Throughout my academic journey,
+            I have pursued knowledge and embraced learning opportunities that have shaped my skills and perspectives.
+            Here is an overview of my educational background and academic achievements.
+          </p>
+          {educations ? (
+            <TimelineList>
+              {educations.map((education: EducationType, index) => (
+                <motion.div
+                  key={index}
+                  variants={popUp}
+                  className="gap-4 p-2 origin-center transform border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
+                >
+                  <article className="relative grid md:grid-cols-6 md:gap-10 before:content-[''] mx-6 before:block before:h-full before:absolute before:left-[-25px] md:before:left-[-37px] before:border-l-2 before:border-gray-300 dark:before:border-gray-700 md:space-x-4">
+                    <div className="relative pb-12 md:col-span-3">
+                      <div className="sticky top-28">
+                        <svg
+                          className="absolute left-[-38px] md:left-[-50px] color-bg-default color-fg-muted bg-white dark:bg-dark rounded-full dark:text-gray-500"
+                          xmlns="http://www.w3.org/2000/svg"
+                          viewBox="0 0 24 24"
+                          width="28"
+                          height="28"
+                        >
+                          <path
+                            fillRule="evenodd"
+                            d="M15.5 11.75a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm1.444-.75a5.001 5.001 0 00-9.888 0H2.75a.75.75 0 100 1.5h4.306a5.001 5.001 0 009.888 0h4.306a.75.75 0 100-1.5h-4.306z"
+                            fill="currentColor"
+                          ></path>
+                        </svg>
+                        <h3 className="p-0 m-0 font-bold">{education.school}</h3>
+
+                        {education.address ? (
+                          <p className="p-0 m-0 text-sm font-light text-gray-500">{education.address}</p>
+                        ) : null}
+
+                        {education.image ? (
+                          <div className="mt-2 mb-2">
+                            <Image
+                              src={education.image}
+                              className="rounded-full shadow filter"
+                              width={70}
+                              height={70}
+                              alt={education.school}
+                              quality={100}
+                              priority
+                            />
+                            <p className="p-0 m-0 mt-4">{education.degree}</p>
+                          </div>
+                        ) : null}
+
+                        <p className="p-0 m-0 text-sm text-gray-500">
+                          <span className="font-bold">{education.duration}</span>
+                        </p>
+
+                        {education.field_of_study ? (
+                          <p className="p-0 m-0 text-sm font-bold text-gray-500 italic">
+                            [{education.field_of_study}]
+                          </p>
+                        ) : null}
+
+                        {education.grade ? (
+                          <p className="p-0 m-0 text-sm font-light text-gray-500">{education.grade}</p>
+                        ) : null}
+                      </div>
+                    </div>
+                    <div className="relative md:border-gray-300 md:dark:border-gray-400 md:col-span-3 pt-6 text-sm">
+                      {education.description ? (
+                        <div dangerouslySetInnerHTML={{ __html: education.description }}></div>
+                      ) : null}
+
+                      {education.activities ? (
+                        <p className="font-light text-sm mt-4">Activities: {education.activities}</p>
+                      ) : null}
+
+                      {education.education_media?.length ? (
+                        // Here there will be a list of media. bullet points. There will be a button. After clicking the button new modal will open with the list of media.
+                        <div className="mt-4">
+                          <div className="mt-4">
+                            <h2 className="font-bold">Attachments</h2>
+                            {education.education_media.map((media: MediaType, mediaIndex) => (
+                              <div key={mediaIndex} className="my-4">
+                                  <MediaModal
+                                  key={mediaIndex}
+                                  title={media.title}
+                                  file={media.file}
+                                  description={media.description}
+                                />
+                              </div>
+                            ))}
+                          </div>
+                        </div>
+                      ) : null}
+                    </div>
+                  </article>
+                </motion.div>
+              ))}
+            </TimelineList>
+          ) : null}
+        </div>
+      </motion.div>
+    </section>
+  )
+}
diff --git a/frontend/components/Footer.tsx b/frontend/components/Footer.tsx
index f424c6b..56d3f99 100644
--- a/frontend/components/Footer.tsx
+++ b/frontend/components/Footer.tsx
@@ -34,6 +34,7 @@ export default function Footer({
         viewport={{ once: true }}
         className="flex flex-col max-w-4xl gap-5 p-5 mx-auto text-sm border-t-2 border-gray-200 2xl:max-w-5xl 3xl:max-w-7xl dark:border-gray-400/10 sm:text-base"
       >
+        {/* Spotify currently playing */}
         <div>
           {currentSong?.isPlaying ? (
             <WhenPlaying song={currentSong} />
@@ -43,11 +44,13 @@ export default function Footer({
         </div>
 
         <section className="grid grid-cols-3 gap-10">
+          {/* 1st 5 navigation routes */}
           <div className="flex flex-col gap-4 capitalize">
             {navigationRoutes.slice(0, 5).map((text, index) => {
               return <FooterLink key={index} route={text} text={text} />;
             })}
           </div>
+          {/* Last navigation routes */}
           <div className="flex flex-col gap-4 capitalize">
             {navigationRoutes
               .slice(5, navigationRoutes.length)
@@ -57,6 +60,7 @@ export default function Footer({
                 return <FooterLink key={index} route={route} text={text} />;
               })}
           </div>
+          {/* Social Media */}
           <div className="flex flex-col gap-4 capitalize">
             {socialMedia.slice(0, 5).map((platform, index) => {
               return (
@@ -81,6 +85,7 @@ export default function Footer({
           variants={opacityVariant}
           className="flex items-center justify-between w-full gap-4 mt-5 "
         >
+          {/* Visitors Count */}
           <div className="relative flex items-center px-4 py-1 text-xs bg-white rounded-full shadow dark:bg-darkSecondary sm:text-sm">
             <BsDot className="-ml-2 text-green-500 w-7 h-7 animate-ping" />
             <div className="flex items-center gap-1">
@@ -90,6 +95,7 @@ export default function Footer({
               visitors in last {visitors?.days} days
             </div>
           </div>
+          {/* QRCode Scanner */}
           <div
             onClick={() => setShowQR(!showQR)}
             className="p-3 text-white transition-all bg-gray-700 rounded-full cursor-pointer active:scale-90 hover:scale-105"
@@ -98,30 +104,21 @@ export default function Footer({
           </div>
         </motion.div>
 
+        {/* Developed By */}
         <motion.div
           variants={opacityVariant}
-          className="flex items-center justify-center gap-2 mt-5 text-black dark:text-white"
+          className="flex items-center justify-center gap-2 mt-5 text-black dark:text-white font-light"
         >
-          <span>Powered by</span>
+          <span>Developed by</span>
 
           <Link
             target="_blank"
             aria-label="Next.js"
             rel="noreferrer"
-            href="https://nextjs.org"
+            href="https://www.linkedin.com/in/numanibnmazid/"
             className="font-semibold hover:underline"
           >
-            Next.js
-          </Link>
-          <span>and</span>
-          <Link
-            target="_blank"
-            aria-label="Vercel"
-            rel="noreferrer"
-            href="https://vercel.com"
-            className="font-semibold hover:underline"
-          >
-            Vercel
+            Numan Ibn Mazid
           </Link>
         </motion.div>
       </motion.div>
diff --git a/frontend/components/Home/BlogsSection.tsx b/frontend/components/Home/BlogsSection.tsx
index 26cbdb6..a41e915 100644
--- a/frontend/components/Home/BlogsSection.tsx
+++ b/frontend/components/Home/BlogsSection.tsx
@@ -1,9 +1,9 @@
-import { HomeHeading } from "../../pages";
-import Link from "next/link";
-import Blog from "../Blog";
-import { FrontMatter } from "@lib/types";
+import { HomeHeading } from "../../pages"
+import Link from "next/link"
+import Blog from "../Blog"
+import { BlogType } from "@lib/types"
 
-export default function BlogsSection({ blogs }: { blogs: FrontMatter[] }) {
+export default function BlogsSection({ blogs }: { blogs: BlogType[] }) {
   return (
     <section className="mx-5 mb-5">
 
@@ -36,5 +36,5 @@ export default function BlogsSection({ blogs }: { blogs: FrontMatter[] }) {
         </Link>
       </div>
     </section>
-  );
+  )
 }
diff --git a/frontend/components/Home/ExperienceSection.tsx b/frontend/components/Home/ExperienceSection.tsx
index c7ecbd7..b9b2f71 100644
--- a/frontend/components/Home/ExperienceSection.tsx
+++ b/frontend/components/Home/ExperienceSection.tsx
@@ -1,25 +1,19 @@
-import { FadeContainer, popUp } from "../../content/FramerMotionVariants"
-import { HomeHeading } from "../../pages"
-import { motion } from "framer-motion"
-import React from "react"
-import { useEffect, useState } from 'react'
-import { getAllExperiences } from "@lib/backendAPI"
-import { TimelineItem } from "@components/TimelineItem"
-import { TimelineList } from "@components/TimelineList"
-import { ExperienceType } from "@lib/types"
+import { FadeContainer, popUp } from '../../content/FramerMotionVariants'
+import { motion } from 'framer-motion'
+import React from 'react'
+import { TimelineItem } from '@components/TimelineItem'
+import { TimelineList } from '@components/TimelineList'
+import { ExperienceType } from '@lib/types'
+import AnimatedHeading from '@components/FramerMotion/AnimatedHeading'
+import { headingFromLeft } from '@content/FramerMotionVariants'
+import { useRouter } from 'next/router'
+import Link from 'next/link'
 
-
-export default function SkillSection() {
-  const [experiences, setExperiences] = useState([])
-
-  useEffect(() => {
-    fetchExperiences()
-  }, [])
-
-  const fetchExperiences = async () => {
-    const experiencesData = await getAllExperiences()
-    setExperiences(experiencesData)
-  }
+export default function ExperienceSection({ experiences }: { experiences: ExperienceType[] }) {
+  const router = useRouter()
+  const isHomePage = router.pathname === '/'
+  // limit experiences to 1 if on home page otherwise show all
+  const experiencesToDisplay = isHomePage ? experiences.slice(0, 1) : experiences
 
   // ******* Loader Starts *******
   if (experiences.length === 0) {
@@ -29,7 +23,15 @@ export default function SkillSection() {
 
   return (
     <section className="mx-5">
-      <HomeHeading title="Work experience" />
+      <div>
+        <AnimatedHeading
+          className="w-full my-2 text-3xl font-bold text-left font-inter flex justify-center items-center"
+          variants={headingFromLeft}
+        >
+          <span className="mr-2">Work Experiences</span>
+          <span className="px-2 py-1 text-xs font-bold text-white bg-blue-500 rounded-full">{experiences.length}</span>
+        </AnimatedHeading>
+      </div>
 
       <motion.div
         initial="hidden"
@@ -38,28 +40,60 @@ export default function SkillSection() {
         viewport={{ once: true }}
         className="grid grid-cols-1 mb-10"
       >
-        <div className="mt-12 space-y-6">
-          <p>Here's a brief rundown of my most recent experiences.</p>
-          {experiences ? (
+        <div className="mt-7 space-y-6">
+          <p className="mb-12">
+            As an individual, I'm driven by a continuous desire for personal and professional growth. I'm always
+            seeking opportunities to learn and expand my skill set. Here's a brief rundown of my professional
+            experiences.
+          </p>
+          {experiencesToDisplay ? (
             <TimelineList>
-              {experiences.map((experience: ExperienceType, index) => (
+              {experiencesToDisplay.map((experience: ExperienceType, index) => (
                 <motion.div
                   key={index}
                   variants={popUp}
-                  className="flex items-center justify-center gap-4 p-4 origin-center transform border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
+                  className="flex items-center justify-center gap-4 p-2 origin-center transform border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
                 >
                   <TimelineItem
-                    title={experience.title}
-                    meta={experience.company}
-                    link={experience.company_url}
-                    meta_small={experience.duration}
-                    content={experience.description}
+                    designation={experience.designation}
+                    company={experience.company}
+                    company_image={experience.company_image}
+                    company_url={experience.company_url}
+                    address={experience.address}
+                    job_type={experience.job_type}
+                    duration={experience.duration}
+                    duration_in_days={experience.duration_in_days}
+                    description={experience.description}
                   />
                 </motion.div>
               ))}
             </TimelineList>
           ) : null}
         </div>
+
+        {/* View all experiences link */}
+        {isHomePage && (
+          <Link
+            href="/about"
+            className="mt-4 flex items-center justify-center gap-1 font-medium transition border-transparent font-inter active:scale-95 active:border-black w-fit group"
+          >
+            View all experiences
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              className="w-6 h-6 ml-1 transition group-hover:translate-x-2"
+            >
+              <path
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M17.5 12h-15m11.667-4l3.333 4-3.333-4zm3.333 4l-3.333 4 3.333-4z"
+              ></path>
+            </svg>
+          </Link>
+        )}
       </motion.div>
     </section>
   )
diff --git a/frontend/components/Home/SkillSection.tsx b/frontend/components/Home/SkillSection.tsx
index e3107f6..e379bbb 100644
--- a/frontend/components/Home/SkillSection.tsx
+++ b/frontend/components/Home/SkillSection.tsx
@@ -1,18 +1,14 @@
-import { FadeContainer, popUp } from "../../content/FramerMotionVariants"
-import { HomeHeading } from "../../pages"
-import { motion } from "framer-motion"
-import { useDarkMode } from "@context/darkModeContext"
-import * as WindowsAnimation from "@lib/windowsAnimation"
-import React from "react"
+import { FadeContainer, popUp } from '../../content/FramerMotionVariants'
+import { HomeHeading } from '../../pages'
+import { motion } from 'framer-motion'
+import React from 'react'
 import { useEffect, useState } from 'react'
 import Image from 'next/image'
-import { getAllSkills } from "@lib/backendAPI"
-import { SkillType } from "@lib/types"
-
+import { getAllSkills } from '@lib/backendAPI'
+import { SkillType } from '@lib/types'
 
 export default function SkillSection() {
-  const { isDarkMode } = useDarkMode()
-  const [skills, setSkills] = useState([])
+  const [skills, setSkills] = useState<SkillType[]>([])
 
   useEffect(() => {
     fetchSkills()
@@ -31,41 +27,52 @@ export default function SkillSection() {
 
   return (
     <section className="mx-5">
-      <HomeHeading title="My Top Skills" />
+      <HomeHeading title="Skills" />
 
       <motion.div
         initial="hidden"
         whileInView="visible"
         variants={FadeContainer}
         viewport={{ once: true }}
-        className="grid grid-cols-3 gap-4 my-10"
+        className="mt-12 space-y-6 mb-10"
       >
-        {skills.map((skill: SkillType, index) => {
+        <p className="mb-12">
+          I possess a diverse range of skills that contribute to my effectiveness in tech industry.
+          Through experience and continuous learning, I have developed proficiency in various areas. Here are some of my key skills.
+        </p>
+        <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 my-10'>
+          {skills.map((skill: SkillType, index) => {
+          const level = Number(skill.level) || 0 // Convert level to a number or use 0 if it's null or invalid
+          const progressPercentage = (level / 5) * 100 // Calculate the progress percentage
+          const progressBarStyle = {
+            width: `${progressPercentage}%`,
+          }
+
           return (
             <motion.div
               variants={popUp}
               key={index}
-              title={skill.name}
-              onMouseMove={(e: React.MouseEvent<HTMLDivElement>) =>
-                WindowsAnimation.showHoverAnimation(e, isDarkMode)
-              }
-              onMouseLeave={(e: React.MouseEvent<HTMLDivElement>) =>
-                WindowsAnimation.removeHoverAnimation(e)
-              }
-              className="flex items-center justify-center gap-4 p-4 origin-center transform border border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
+              title={skill.title}
+              className="p-2 origin-center transform border border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
             >
-              <div className="relative transition pointer-events-none select-none group-hover:scale-110 sm:group-hover:scale-100">
-                {/* @ts-ignore */}
-                {/* <Icon className="w-8 h-8" /> */}
-                <Image src={skill.icon} width={50} height={50} alt="Skill Image" />
-                {/* <b>{skill.icon}</b> */}
+              <div className="flex items-center justify-center">
+                <div className="relative transition pointer-events-none select-none group-hover:scale-110 sm:group-hover:scale-100">
+                  <Image src={skill.image} width={50} height={50} alt={skill.title} />
+                </div>
+
+                <p className="text-sm font-semibold pointer-events-none select-none sm:inline-flex md:text-base ml-2">
+                  {skill.title}
+                </p>
               </div>
-              <p className="hidden text-sm font-semibold pointer-events-none select-none sm:inline-flex md:text-base">
-                {skill.name}
-              </p>
+              {skill.level !== null ? (
+                <div className="w-full h-2 bg-gray-300 rounded-full my-2 dark:bg-gray-200">
+                  <div className="h-full bg-emerald-600 rounded-full dark:bg-emerald-400" style={progressBarStyle} />
+                </div>
+              ) : null}
             </motion.div>
           )
         })}
+        </div>
       </motion.div>
     </section>
   )
diff --git a/frontend/components/Interest.tsx b/frontend/components/Interest.tsx
new file mode 100644
index 0000000..a782691
--- /dev/null
+++ b/frontend/components/Interest.tsx
@@ -0,0 +1,69 @@
+import { FadeContainer, popUp } from '../content/FramerMotionVariants'
+import { HomeHeading } from '../pages'
+import { motion } from 'framer-motion'
+import React from 'react'
+import { useEffect, useState } from 'react'
+import Image from 'next/image'
+import { getAllInterests } from '@lib/backendAPI'
+import { InterestType } from '@lib/types'
+
+
+export default function InterestSection() {
+  const [interests, setInterests] = useState<InterestType[]>([])
+
+  useEffect(() => {
+    fetchInterests()
+  }, [])
+
+  const fetchInterests = async () => {
+    const interestsData = await getAllInterests()
+    setInterests(interestsData)
+  }
+
+  // ******* Loader Starts *******
+  if (interests.length === 0) {
+    return <div>Loading...</div>
+  }
+  // ******* Loader Ends *******
+
+  return (
+    <section className="mx-5">
+      <HomeHeading title="Interests" />
+
+      <motion.div
+        initial="hidden"
+        whileInView="visible"
+        variants={FadeContainer}
+        viewport={{ once: true }}
+        className="mt-12 space-y-6 mb-10"
+      >
+        <p className="mb-12">
+          Beyond my professional pursuits, I have a diverse range of interests that fuel my creativity, enhance my problem-solving abilities,
+          and bring balance to my life. Here are a few of my passions outside of work.
+        </p>
+        <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 my-10'>
+          {interests.map((interest: InterestType, index) => {
+          return (
+            <motion.div
+              variants={popUp}
+              key={index}
+              title={interest.title}
+              className="p-2 origin-center transform border border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
+            >
+              <div className="flex items-center justify-center">
+                <div className="relative transition pointer-events-none select-none group-hover:scale-110 sm:group-hover:scale-100">
+                  <Image src={interest.icon} width={50} height={50} alt={interest.title} />
+                </div>
+
+                <p className="text-sm font-semibold pointer-events-none select-none sm:inline-flex md:text-base ml-2">
+                  {interest.title}
+                </p>
+              </div>
+            </motion.div>
+          )
+        })}
+        </div>
+      </motion.div>
+    </section>
+  )
+}
diff --git a/frontend/components/Modals/MediaModal.tsx b/frontend/components/Modals/MediaModal.tsx
new file mode 100644
index 0000000..38a833c
--- /dev/null
+++ b/frontend/components/Modals/MediaModal.tsx
@@ -0,0 +1,96 @@
+import { useState } from 'react'
+import ReactModal from 'react-modal'
+import PDFViewer from '@components/PDFViewer'
+import Image from 'next/image'
+
+// Set the app element to avoid accessibility warnings
+ReactModal.setAppElement('#__next')
+
+interface MediaModalProps {
+  title: string
+  file: string
+  description: string
+}
+
+const MediaModal: React.FC<MediaModalProps> = ({ title, file, description }) => {
+  const [modalIsOpen, setModalIsOpen] = useState(false)
+
+  const openModal = () => {
+    setModalIsOpen(true)
+  }
+
+  const closeModal = () => {
+    setModalIsOpen(false)
+  }
+
+  function getFileExtensionFromBase64(base64String: string): string {
+    const mimeType = base64String.match(/data:(.*?);/)?.[1]
+    const [, fileExtension] = mimeType?.split('/') ?? []
+
+    return fileExtension || ''
+  }
+
+  const renderFile = (file: string) => {
+    const fileExtension = getFileExtensionFromBase64(file)
+    if (fileExtension === 'pdf') {
+      return <PDFViewer base64String={file} />
+    }
+    return <Image src={file} alt={title} className="mb-4" width={1000} height={1000} quality={75} style={{ width: "auto", height: "auto" }} />
+  }
+
+  return (
+    <>
+      <button
+        className="text-slate-800 dark:text-slate-200 px-4 py-2 bg-sky-400 dark:bg-sky-800 rounded-lg hover:bg-sky-500 dark:hover:bg-sky-900"
+        onClick={openModal}
+      >
+        {title}
+      </button>
+
+      <ReactModal
+        isOpen={modalIsOpen}
+        onRequestClose={closeModal}
+        contentLabel="Media Modal"
+        className="modal dark:bg-slate-800 dark:text-slate-100"
+        overlayClassName="modal-overlay"
+      >
+        {/* Modal Body */}
+        <div className="h-full">
+          {/* Header Section */}
+          <div className="sticky top-0 bg-white dark:bg-slate-800 py-3 z-10">
+            <button
+              className="absolute top-4 right-0 font-extrabold bg-red-700 text-red-300 rounded-full hover:text-red-400"
+              onClick={closeModal}
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="h-6 w-6"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+              </svg>
+            </button>
+            <h2 className="text-2xl font-bold mb-2 text-center">{title}</h2>
+          </div>
+
+          {/* Modal Content */}
+          <div className="flex-1 overflow-y-auto">
+            {/* File media */}
+            {renderFile(file)}
+
+            <p className="mt-4">{description}</p>
+          </div>
+
+          {/* Modal Footer */}
+          <button className="mt-4 bg-red-500 text-white px-4 py-2 rounded" onClick={closeModal}>
+            Close
+          </button>
+        </div>
+      </ReactModal>
+    </>
+  )
+}
+
+export default MediaModal
diff --git a/frontend/components/MovieCard.tsx b/frontend/components/MovieCard.tsx
index 7164dfc..ed542fe 100644
--- a/frontend/components/MovieCard.tsx
+++ b/frontend/components/MovieCard.tsx
@@ -8,7 +8,7 @@ import { AiFillStar } from "react-icons/ai";
 
 export default function MovieCard({ movie }: { movie: MovieType }) {
   return (
-    <Link href={movie.url} target="_blank" rel="noopener noreferrer">
+    <Link href={movie.url ?? '#'} target={movie.url ? "_blank" : undefined} rel="noopener noreferrer">
       <motion.div
         variants={fromLeftChildren}
         className="relative bg-white dark:bg-darkSecondary shadow-md p-3 rounded-3xl group transition-[opacity,transform] duration-500"
diff --git a/frontend/components/Newsletter.tsx b/frontend/components/Newsletter.tsx
index 84007b4..ce14abe 100644
--- a/frontend/components/Newsletter.tsx
+++ b/frontend/components/Newsletter.tsx
@@ -25,11 +25,11 @@ export default function Newsletter() {
     <>
       <div className="flex flex-col w-full gap-4 p-4 my-10 bg-white rounded-lg font-barlow ring-2 ring-gray-400 dark:bg-black dark:border-neutral-600 print:hidden">
         <h2 className="text-2xl font-bold dark:text-white !my-0">
-          Jatin's Newsletter
+          Numan Ibn Mazid's Newsletter
         </h2>
         <p className="text-gray-600 dark:text-gray-300 font-medium !my-0">
-          I write monthly Tech, Web Development and chrome extension that will
-          improve your productivity. Trust me, I won't spam you.
+          Subscribe to my Personal Blog Newsletter for professional insights, industry trends, and valuable tips.
+          Stay updated and take your personal and professional growth to new heights. Join now (Spam Free)!
         </p>
 
         <form className="relative w-full" onSubmit={subscribeNewsLetter}>
diff --git a/frontend/components/OgImage.tsx b/frontend/components/OgImage.tsx
index c040fe7..69da7d6 100644
--- a/frontend/components/OgImage.tsx
+++ b/frontend/components/OgImage.tsx
@@ -1,7 +1,7 @@
 import Image from "next/image";
 function OgImage({ src, alt }: { src: string; alt: string }) {
   return (
-    <div className="relative -mt-[35%] sm:-mt-0 md:-ml-[35%] w-full sm:w-1/2 md:w-8/12 shrink-0 rounded-xl overflow-hidden shadow-2xl before:absolute before:inset-0 dark:before:bg-black/20 before:z-10">
+    <div className="relative -mt-[35%] sm:-mt-0 md:-ml-[35%] w-full sm:w-1/2 md:w-8/12 shrink-0 rounded-xl overflow-hidden shadow-2xl before:absolute before:inset-0 dark:before:bg-black/20 before:z-auto">
       <Image
         title={alt}
         alt={alt}
diff --git a/frontend/components/PDFViewer.tsx b/frontend/components/PDFViewer.tsx
new file mode 100644
index 0000000..0103062
--- /dev/null
+++ b/frontend/components/PDFViewer.tsx
@@ -0,0 +1,62 @@
+import React, { useState, useLayoutEffect } from 'react'
+import { Document, Page, pdfjs } from 'react-pdf'
+import 'react-pdf/dist/esm/Page/TextLayer.css'
+import 'react-pdf/dist/esm/Page/AnnotationLayer.css'
+
+// Set the worker for pdf.js
+// pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`
+pdfjs.GlobalWorkerOptions.workerSrc = "/pdfjs/pdf.worker.js"
+
+interface PDFViewerProps {
+  base64String: string
+}
+
+const PDFViewer: React.FC<PDFViewerProps> = ({ base64String }) => {
+  const [numPages, setNumPages] = useState<number | null>(null)
+  const [isSmallDevice, setIsSmallDevice] = useState(false)
+
+  useLayoutEffect(() => {
+    const handleResize = () => {
+      setIsSmallDevice(window.innerWidth < 1024)
+    }
+
+    handleResize() // Initial check
+
+    window.addEventListener('resize', handleResize)
+
+    return () => {
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
+
+  const onDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {
+    setNumPages(numPages)
+  }
+
+  return (
+    <div className="w-full h-full overflow-auto">
+      <Document
+        file={base64String}
+        onLoadSuccess={onDocumentLoadSuccess}
+      >
+        {Array.from(new Array(numPages || 0), (_, index) => (
+          <div
+            key={`page_${index + 1}`}
+            className="max-w-full max-h-full"
+            // style={{ minHeight: 'calc(100vh - 200px)', minWidth: 'calc(100vw - 200px)' }}
+          >
+            <Page
+              key={`page_${index + 1}`}
+              pageNumber={index + 1}
+              className="max-w-full max-h-full"
+              width={isSmallDevice ? 600 : undefined}
+              height={isSmallDevice ? 600 : undefined}
+            />
+          </div>
+        ))}
+      </Document>
+    </div>
+  )
+}
+
+export default PDFViewer
diff --git a/frontend/components/PageTop.tsx b/frontend/components/PageTop.tsx
index 3822bf1..9025b03 100644
--- a/frontend/components/PageTop.tsx
+++ b/frontend/components/PageTop.tsx
@@ -22,7 +22,7 @@ export default function PageTop({
     >
       <AnimatedHeading
         variants={fromLeftVariant}
-        className={`text-4xl  md:text-5xl font-bold text-neutral-900 dark:text-neutral-200 ${headingClass}`}
+        className={`text-4xl text-center md:text-5xl font-bold text-neutral-900 dark:text-neutral-200 ${headingClass}`}
       >
         {pageTitle}
       </AnimatedHeading>
diff --git a/frontend/components/ProjectSection.tsx b/frontend/components/ProjectSection.tsx
index b2f6163..63e040a 100644
--- a/frontend/components/ProjectSection.tsx
+++ b/frontend/components/ProjectSection.tsx
@@ -1,69 +1,138 @@
-import { BsGithub } from "react-icons/bs"
-import { MdOutlineLink } from "react-icons/md"
-import Link from "next/link"
-import OgImage from "@components/OgImage"
-import { ProjectType } from "@lib/types"
-import { motion } from "framer-motion"
-import { popUp } from "../content/FramerMotionVariants"
+import { BsGithub } from 'react-icons/bs'
+import { MdOutlineLink } from 'react-icons/md'
+import Link from 'next/link'
+import OgImage from '@components/OgImage'
+import { ProjectType } from '@lib/types'
+import { motion } from 'framer-motion'
+import { popUp } from '../content/FramerMotionVariants'
+import { FadeContainer } from '../content/FramerMotionVariants'
+import React from 'react'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import AnimatedHeading from "@components/FramerMotion/AnimatedHeading"
+import { headingFromLeft } from "@content/FramerMotionVariants"
 
 
-export default function Project({ project }: { project: ProjectType }) {
-  return (
-    <motion.div
-      key={project.id}
-      variants={popUp}
-      className="flex items-center justify-center gap-4 p-4 origin-center transform border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
-    >
+export default function ProjectSection({ projects }: { projects: ProjectType[] }) {
+  // ******* Loader Starts *******
+  if (projects.length === 0) {
+    return <div>Loading...</div>
+  }
+  // ******* Loader Ends *******
 
-      <div className="card">
-        <OgImage src={project?.coverImage as string} alt={project.name} />
+  return (
+    <section className="mx-5">
+      <div>
+        <AnimatedHeading
+          className="w-full my-2 text-3xl font-bold text-left font-inter flex justify-center items-center"
+          variants={headingFromLeft}
+        >
+          <span className="mr-2">Projects</span>
+          <span className="px-2 py-1 text-xs font-bold text-white bg-blue-500 rounded-full">
+            {projects.length}
+          </span>
+        </AnimatedHeading>
+      </div>
 
-        <div className="flex flex-col justify-start gap-3">
-          <h1 className="font-bold text-neutral-900 dark:text-neutral-200">
-            {project.name}
-          </h1>
-          <p className="text-sm text-gray-400 dark:text-neutral-400 line-clamp-5">
-            {project.description}
+      <motion.div
+        initial="hidden"
+        whileInView="visible"
+        variants={FadeContainer}
+        viewport={{ once: true }}
+        className="grid grid-cols-1 mb-10"
+      >
+        <div className="mt-12 space-y-6">
+          <p className="mb-12">
+            I believe that projects are not just tasks to be completed, but opportunities to bring ideas to life, solve problems, and make a meaningful impact.
+            In each project, I follow a meticulous approach, combining innovative thinking, strategic planning, and attention to detail.
+            Here I will showcase some of the exciting projects I have worked on.
           </p>
+          <AnimatedDiv variants={FadeContainer} className="grid grid-cols-1 gap-4 mx-auto md:ml-[20%] xl:ml-[24%]">
+            {projects.map((project: ProjectType, index) => (
+              <motion.div
+                key={index}
+                variants={popUp}
+                className="flex items-center justify-center gap-4 p-4 origin-center transform border-gray-300 rounded-sm sm:justify-start bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary dark:border-neutral-700 md:origin-top group"
+              >
+                <div className="card">
+                  <OgImage src={project?.image as string} alt={project.title} />
 
-          <div className="flex flex-wrap items-center gap-1">
-            {project.tools!.map((tool, index) => {
-              return (
-                <span
-                  key={`${tool}-${index}`}
-                  className="px-2 py-1 text-xs text-gray-500 bg-gray-100 rounded dark:bg-darkPrimary"
-                >
-                  {tool}
-                </span>
-              )
-            })}
-          </div>
+                  <div className="flex flex-col justify-start gap-3">
+                    <Link
+                      href={`projects/${project.slug}`}
+                      title="View Project Details"
+                      rel="noopener noreferrer"
+                      className="text-gray-500 hover:text-black dark:hover:text-white hover:underline">
+                        <h1 className="font-bold text-neutral-900 dark:text-neutral-200 text-xl">
+                          {project.title}
+                        </h1>
+                    </Link>
 
-          <div className="flex items-center gap-4 p-2 mt-auto w-fit">
-            <Link
-              href={project.githubURL}
-              title="Source Code on GitHub"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-gray-500 hover:text-black dark:hover:text-white"
-            >
-              <BsGithub className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
-            </Link>
+                    <h2 className="text-neutral-900 dark:text-neutral-200 text-sm">
+                      {project.short_description}
+                    </h2>
 
-            {project.previewURL && (
-              <Link
-                href={project.previewURL}
-                title="Live Preview"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-gray-500 hover:text-black dark:hover:text-white"
-              >
-                <MdOutlineLink className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
-              </Link>
-            )}
-          </div>
+                    <p className="p-0 m-0 text-sm text-gray-500">
+                      <span className="font-bold">
+                        {project.duration}
+                        <span className="font-light text-xs ml-2">({project.duration_in_days})</span>
+                      </span>
+                    </p>
+
+                    {project.description && (
+                    <div
+                      className="text-sm text-gray-500 dark:text-neutral-400 line-clamp-5"
+                      dangerouslySetInnerHTML={{ __html: project.description || '' }}
+                    ></div>
+                    )}
+
+
+                    {project.technology && (
+                    <div className="flex flex-wrap items-center gap-1">
+                      {project.technology.split(',').map((technology, index) => {
+                        return (
+                          <span
+                            key={`${technology}-${index}`}
+                            className="px-2 py-1 text-xs text-gray-500 bg-gray-100 rounded dark:bg-darkPrimary"
+                          >
+                            {technology}
+                          </span>
+                        )
+                      })}
+                    </div>
+                    )}
+
+                    <div className="flex items-center gap-4 p-2 mt-auto w-fit">
+                      {project.github_url && (
+                        <Link
+                          href={project.github_url}
+                          title="Source Code on GitHub"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-gray-500 hover:text-black dark:hover:text-white"
+                        >
+                          <BsGithub className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
+                        </Link>
+                      )}
+
+                      {project.preview_url && (
+                        <Link
+                          href={project.preview_url}
+                          title="Live Preview"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-gray-500 hover:text-black dark:hover:text-white"
+                        >
+                          <MdOutlineLink className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
+                        </Link>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </motion.div>
+            ))}
+          </AnimatedDiv>
         </div>
-      </div>
-    </motion.div>
+      </motion.div>
+    </section>
   )
 }
diff --git a/frontend/components/Projects.tsx b/frontend/components/Projects.tsx
deleted file mode 100644
index 59dfa62..0000000
--- a/frontend/components/Projects.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { FadeContainer } from "../content/FramerMotionVariants"
-import { HomeHeading } from "../pages"
-import { motion } from "framer-motion"
-import React from "react"
-import { useEffect, useState } from 'react'
-import { getAllProjects } from "@lib/backendAPI"
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
-import Project from "@components/ProjectSection"
-import { ProjectType } from "@lib/types"
-
-
-export default function ProjectSection() {
-  const [projects, setProjects] = useState([])
-
-  useEffect(() => {
-    fetchProjects()
-  }, [])
-
-  const fetchProjects = async () => {
-    const projectsData = await getAllProjects()
-    setProjects(projectsData)
-  }
-
-  // ******* Loader Starts *******
-  if (projects.length === 0) {
-    return <div>Loading...</div>
-  }
-  // ******* Loader Ends *******
-
-  return (
-    <section className="mx-5">
-      <HomeHeading title="Projects" />
-
-      <motion.div
-        initial="hidden"
-        whileInView="visible"
-        variants={FadeContainer}
-        viewport={{ once: true }}
-        className="grid grid-cols-1 mb-10"
-      >
-        <div className="mt-12 space-y-6">
-          <p>
-            I've been making various types of projects some of them were basics
-            and some of them were complicated. So far I've made{" "}
-            <span className="font-bold text-gray-600 dark:text-gray-200">
-              {projects.length}+
-            </span>{" "}
-            projects.
-          </p>
-          <AnimatedDiv
-            variants={FadeContainer}
-            className="grid grid-cols-1 gap-4 mx-auto md:ml-[20%] xl:ml-[24%]"
-          >
-            {projects.map((project: ProjectType) => {
-              if (project.name === "" && project.githubURL === "") return null;
-              return <Project key={project.id} project={project} />;
-            })}
-          </AnimatedDiv>
-        </div>
-      </motion.div>
-    </section>
-  )
-}
diff --git a/frontend/components/ShareOnSocialMedia.tsx b/frontend/components/ShareOnSocialMedia.tsx
index c2a65e9..c8a32a6 100644
--- a/frontend/components/ShareOnSocialMedia.tsx
+++ b/frontend/components/ShareOnSocialMedia.tsx
@@ -76,12 +76,12 @@ export default function ShareOnSocialMedia({
     <>
       <div className={`${className} transform sm:scale-150 my-5`}>
         <FacebookShareButton quote={title} url={url}>
-          <div className="p-2 text-white bg-gray-700 rounded-full">
+          <div className="p-2 text-white bg-gray-700 rounded-full hover:bg-cyan-700">
             <GrFacebookOption className="w-4 h-4" />
           </div>
         </FacebookShareButton>
         <TwitterShareButton title={title} url={url} related={["@j471n_"]}>
-          <div className="p-2 text-white bg-gray-700 rounded-full">
+          <div className="p-2 text-white bg-gray-700 rounded-full hover:bg-cyan-700">
             <GrTwitter className="w-4 h-4" />
           </div>
         </TwitterShareButton>
@@ -91,16 +91,16 @@ export default function ShareOnSocialMedia({
           url={url}
           source={url}
         >
-          <div className="p-2 text-white bg-gray-700 rounded-full">
+          <div className="p-2 text-white bg-gray-700 rounded-full hover:bg-cyan-700">
             <FiLinkedin className="w-4 h-4 " />
           </div>
         </LinkedinShareButton>
         <WhatsappShareButton title={title} url={url}>
-          <div className="bg-gray-700 text-white p-1.5 rounded-full">
+          <div className="bg-gray-700 text-white p-1.5 rounded-full hover:bg-cyan-700">
             <FaWhatsapp className="w-5 h-5 " />
           </div>
         </WhatsappShareButton>
-        <div className="p-2 text-white bg-gray-700 rounded-full cursor-pointer">
+        <div className="p-2 text-white bg-gray-700 rounded-full cursor-pointer hover:bg-cyan-700">
           <FiCopy
             className="w-4 h-4 "
             onClick={() => copyTextToClipboard(url)}
@@ -112,7 +112,7 @@ export default function ShareOnSocialMedia({
 
         {isShareSupported && (
           <div
-            className="p-2 text-white bg-gray-700 rounded-full cursor-pointer"
+            className="p-2 text-white bg-gray-700 rounded-full cursor-pointer hover:bg-sky-700"
             onClick={handleShare}
           >
             <BsThreeDots className="w-4 h-4" />
diff --git a/frontend/components/SnippetCard.tsx b/frontend/components/SnippetCard.tsx
index 7d86c83..1318805 100644
--- a/frontend/components/SnippetCard.tsx
+++ b/frontend/components/SnippetCard.tsx
@@ -1,26 +1,35 @@
-import { Snippet } from "@lib/types";
-import { snippetsImages } from "@utils/utils";
-import Image from "next/image";
-import Link from "next/link";
+import { CodeSnippetType } from '@lib/types'
+import Image from 'next/image'
+import Link from 'next/link'
 
-export default function SnippetCard({ snippet }: { snippet: Snippet }) {
+export default function SnippetCard({ code_snippet }: { code_snippet: CodeSnippetType }) {
   return (
     <Link
-      href={"/snippets/" + snippet.slug}
+      href={`code-snippets/${code_snippet.slug}`}
+      title="View Code Snippet Details"
       className="w-full p-4 ring-1 ring-gray-300 hover:ring-gray-400 dark:ring-[#444] bg-white dark:bg-transparent dark:hover:bg-darkSecondary dark:hover:ring-[#555] flex flex-col gap-2 rounded"
     >
       <div className="p-1 overflow-hidden w-fit">
-        <Image
-          src={snippetsImages[`${snippet.image}`]}
-          alt={snippet.image}
-          width={40}
-          height={40}
-        ></Image>
+        <Image src={code_snippet.image} alt={code_snippet.title} width={40} height={40}></Image>
       </div>
-      <h2 className="text-lg font-bold text-black dark:text-white">
-        {snippet.title}
-      </h2>
-      <p className="-mt-1 text-neutral-500 ">{snippet.excerpt}</p>
+      <h2 className="text-lg font-bold text-black dark:text-white">{code_snippet.title}</h2>
+      {code_snippet.overview && (
+        <p className="-mt-1 text-base text-neutral-500">{code_snippet.overview}</p>
+      )}
+      {code_snippet.language && (
+        <div className="flex flex-wrap items-center gap-1">
+          {code_snippet.language.split(',').map((code_snippet, index) => {
+            return (
+              <span
+                key={`${code_snippet}-${index}`}
+                className="px-2 py-1 text-xs rounded bg-teal-800 text-gray-50"
+              >
+                {code_snippet.toLowerCase()}
+              </span>
+            )
+          })}
+        </div>
+      )}
     </Link>
-  );
+  )
 }
diff --git a/frontend/components/Support.tsx b/frontend/components/Support.tsx
index 5ca65b2..1c998c9 100644
--- a/frontend/components/Support.tsx
+++ b/frontend/components/Support.tsx
@@ -85,7 +85,7 @@ function UPIPaymentForm({ close }: { close: () => void }) {
   const generatePaymentQR = (e: FormEvent) => {
     e.preventDefault();
     setQrValue(
-      `upi://pay?pa=${process.env.NEXT_PUBLIC_UPI}&pn=Jatin%20Sharma&am=${amount}&purpose=nothing&cu=INR`
+      `upi://pay?pa=${process.env.NEXT_PUBLIC_UPI}&pn=Numan%20Ibn%20Mazid&am=${amount}&purpose=nothing&cu=INR`
     );
   };
 
diff --git a/frontend/components/TableOfContents.tsx b/frontend/components/TableOfContents.tsx
index 4288e55..d4f7162 100644
--- a/frontend/components/TableOfContents.tsx
+++ b/frontend/components/TableOfContents.tsx
@@ -1,13 +1,12 @@
-import useScrollPercentage from "@hooks/useScrollPercentage";
-import { lockScroll, removeScrollLock } from "@utils/functions";
-import { useEffect, useState } from "react";
-import AnimatedHeading from "./FramerMotion/AnimatedHeading";
-import { FadeContainer, opacityVariant } from "@content/FramerMotionVariants";
-import Link from "next/link";
-import { stringToSlug } from "@lib/toc";
-import useWindowSize from "@hooks/useWindowSize";
-import AnimatedDiv from "./FramerMotion/AnimatedDiv";
-import { CgSearch } from "react-icons/cg";
+import useScrollPercentage from "@hooks/useScrollPercentage"
+import { lockScroll, removeScrollLock } from "@utils/functions"
+import { useEffect, useState } from "react"
+import AnimatedHeading from "./FramerMotion/AnimatedHeading"
+import { FadeContainer, opacityVariant } from "@content/FramerMotionVariants"
+import Link from "next/link"
+import useWindowSize from "@hooks/useWindowSize"
+import AnimatedDiv from "./FramerMotion/AnimatedDiv"
+import { CgSearch } from "react-icons/cg"
 
 export default function TableOfContents({
   tableOfContents,
@@ -15,32 +14,32 @@ export default function TableOfContents({
   isTOCActive,
 }: {
   tableOfContents: {
-    level: number;
-    heading: string;
-  }[];
-  setIsTOCActive: (val: boolean) => void;
-  isTOCActive: boolean;
+    level: number
+    heading: string
+  }[]
+  setIsTOCActive: (val: boolean) => void
+  isTOCActive: boolean
 }) {
-  const [searchValue, setSearchValue] = useState("");
-  const [toc, setToc] = useState(tableOfContents);
+  const [searchValue, setSearchValue] = useState("")
+  const [toc, setToc] = useState(tableOfContents)
 
-  const scrollPercentage = useScrollPercentage();
-  const size = useWindowSize();
+  const scrollPercentage = useScrollPercentage()
+  const size = useWindowSize()
 
   useEffect(() => {
     // In Case user exists from mobile to desktop then remove the scroll lock and TOC active to false
     if (size.width > 768) {
-      removeScrollLock();
-      setIsTOCActive(false);
+      removeScrollLock()
+      setIsTOCActive(false)
     }
-  }, [size, setIsTOCActive]);
+  }, [size, setIsTOCActive])
   useEffect(() => {
     setToc(
       tableOfContents.filter((table: any) =>
         table.heading.toLowerCase().includes(searchValue.trim().toLowerCase())
       )
-    );
-  }, [searchValue, tableOfContents, ]);
+    )
+  }, [searchValue, tableOfContents, ])
   return (
     <>
       {tableOfContents.length > 0 && (
@@ -81,21 +80,21 @@ export default function TableOfContents({
                 return (
                   <Link
                     key={content.heading}
-                    href={`#${stringToSlug(content.heading)}`}
+                    href={`#${content.id}`}
                     className="relative overflow-hidden hover:bg-darkSecondary px-2 py-0.5 md:py-1 rounded-tr-md rounded-br-md md:line-clamp-1 text-neutral-700 hover:text-white  dark:text-neutral-200 font-medium border-l-2 border-neutral-500 dark:hover:border-white"
                     style={{ marginLeft: `${content.level * 15}px` }}
                     onClick={() => {
                       if (size.width < 768) {
                         lockScroll();
-                        setIsTOCActive(false);
+                        setIsTOCActive(false)
                       }
-                      setIsTOCActive(false);
-                      removeScrollLock();
+                      setIsTOCActive(false)
+                      removeScrollLock()
                     }}
                   >
                     {content.heading}
                   </Link>
-                );
+                )
               })}
             </AnimatedDiv>
             {/* When you search but found nothing */}
@@ -106,7 +105,7 @@ export default function TableOfContents({
 
           <button
             onClick={() => {
-              setIsTOCActive(!isTOCActive);
+              setIsTOCActive(!isTOCActive)
               lockScroll();
             }}
             className="fixed bottom-0 z-50 w-full py-2 font-medium text-white bg-black outline-none md:hidden dark:bg-white dark:text-black"
@@ -116,5 +115,5 @@ export default function TableOfContents({
         </>
       )}
     </>
-  );
+  )
 }
diff --git a/frontend/components/TimelineItem.tsx b/frontend/components/TimelineItem.tsx
index 63fcd3d..140317d 100644
--- a/frontend/components/TimelineItem.tsx
+++ b/frontend/components/TimelineItem.tsx
@@ -1,22 +1,33 @@
+import Image from "next/image"
+
+
 type Props = {
-  title: string;
-  meta: string;
-  link?: string | null;
-  meta_small?: string | null;
-  content: any;
+  designation: string
+  company: string
+  company_image: string
+  company_url?: string | null
+  address?: string | null
+  job_type: string
+  duration: string
+  duration_in_days: string
+  description?: any | null
 }
 
 export function TimelineItem({
-  title,
-  meta,
-  link = null,
-  meta_small,
-  content
+  designation,
+  company,
+  company_image,
+  company_url = null,
+  address = null,
+  job_type,
+  duration,
+  duration_in_days,
+  description = null
 }: Props) {
   return (
     <>
-      <article className="relative grid md:grid-cols-5 md:gap-10 before:content-[''] mx-12 before:block before:h-full before:absolute before:left-[-25px] md:before:left-[-37px] before:border-l-2 before:border-gray-300 dark:before:border-gray-700 md:space-x-4 pb-12">
-        <div className="relative pb-12 md:col-span-2">
+      <article className="relative grid md:grid-cols-6 md:gap-10 before:content-[''] mx-6 before:block before:h-full before:absolute before:left-[-25px] md:before:left-[-37px] before:border-l-2 before:border-gray-300 dark:before:border-gray-700 md:space-x-4 pb-5">
+        <div className="relative pb-6 md:col-span-2">
           <div className="sticky top-28">
             <svg
               className="absolute left-[-38px] md:left-[-50px] color-bg-default color-fg-muted bg-white dark:bg-dark rounded-full dark:text-gray-500"
@@ -31,21 +42,53 @@ export function TimelineItem({
                 fill="currentColor"
               ></path>
             </svg>
-            <h3 className="p-0 m-0">{title}</h3>
+            <h3 className="p-0 m-0 font-bold">{designation}</h3>
+
+            {company_image ? (
+              <div className="mt-2">
+                {company_url ? (
+                  <a className="p-0 m-0" href={company_url} target="_blank" rel="noreferrer">
+                    <Image
+                      src={company_image}
+                      className="rounded-full shadow filter"
+                      width={60}
+                      height={60}
+                      alt={company}
+                      quality={100}
+                      priority
+                    />
+                    <p className="p-0 m-0 mt-4">{company}</p>
+                  </a>
+                ) : (
+                  <div className="p-0 m-0">
+                    <Image
+                      src={company_image}
+                      className="rounded-full shadow filter"
+                      width={70}
+                      height={70}
+                      alt={company}
+                      quality={100}
+                      priority
+                    />
+                    <p className="p-0 m-0 mt-4">{company}</p>
+                  </div>
+                )}
+              </div>
+            ) : null}
+
+            {address ? <p className="p-0 m-0 text-sm font-light text-gray-500">{address}</p> : null}
+
+            <p className="p-0 m-0 text-sm text-gray-500">
+              <span className="font-bold">{duration}</span>
+              <span className="ml-2 font-light">({duration_in_days})</span>
+            </p>
 
-            {link ? (
-              <a className="p-0 m-0" href={link}>
-                {meta}
-              </a>
-            ) : (
-              <p className="p-0 m-0">{meta}</p>
-            )}
-            <p className="p-0 m-0 text-sm text-gray-500">{meta_small}</p>
+            {job_type ? <p className="p-0 m-0 text-sm font-light text-gray-500 italic">[{job_type}]</p> : null}
           </div>
         </div>
         <div
-          className="relative md:border-b md:border-gray-300 md:dark:border-gray-400 md:col-span-3"
-          dangerouslySetInnerHTML={{ __html: content }}
+          className="relative md:border-gray-300 md:dark:border-gray-400 md:col-span-4 text-sm text-inherit font-light pt-6"
+          dangerouslySetInnerHTML={{ __html: description }}
         ></div>
       </article>
     </>
diff --git a/frontend/content/StaticData.ts b/frontend/content/StaticData.ts
index 75883b9..500621b 100644
--- a/frontend/content/StaticData.ts
+++ b/frontend/content/StaticData.ts
@@ -5,7 +5,8 @@ const staticData: StaticData = {
   personal: {
     name: "Numan Ibn Mazid",
     profession: "Software Engineer",
-    current_position: "Currently Working as a Software Engineer at SELISE Digital Platforms. (Stack: Python, Django, Javascript)"
+    current_position: "Currently Working as a Software Engineer at SELISE Digital Platforms. (Stack: Python, Django, Javascript)",
+    about: "Experienced professional Software Engineer who enjoys developing innovative software solutions that are tailored to customer desirability and usability."
   }
 }
 
diff --git a/frontend/content/meta.ts b/frontend/content/meta.ts
index 9d245fe..80165d0 100644
--- a/frontend/content/meta.ts
+++ b/frontend/content/meta.ts
@@ -4,9 +4,9 @@ const pageMeta: PageMeta = {
   home: {
     title: "",
     description:
-      "Hey, I am Jatin Sharma. A Front-end Developer/React Developer from India who loves to design and code. I use React.js or Next.js to build the web application interfaces and the functionalities. At the moment, I am pursuing my Bachelor's degree in Computer Science.",
-    image: "https://imgur.com/KeJgIVl.png",
-    keywords: "portfolio jatin, portfolio j471n, jatin blogs",
+      "Hey, I am Numan Ibn Mazid. I'm a Software Engineer who enjoys developing innovative software solutions that are tailored to customer desirability and usability.",
+    image: "https://my_image.png",
+    keywords: "portfolio numan ibn mazid, portfolio numan, numan blogs",
   },
 
   stats: {
@@ -33,7 +33,7 @@ const pageMeta: PageMeta = {
 
   bookmark: {
     title: "Bookmarked Blogs",
-    description: "Bookmarked Blogs of Jatin Sharma's blogs by you",
+    description: "Bookmarked Blogs of Numan Ibn Mazid's blogs by you",
     image: "https://imgur.com/5XkrVPq.png",
     keywords: "bookmark, blogs, ",
   },
diff --git a/frontend/content/socialMedia.ts b/frontend/content/socialMedia.ts
index 9a32ca1..8c5fdce 100644
--- a/frontend/content/socialMedia.ts
+++ b/frontend/content/socialMedia.ts
@@ -1,51 +1,39 @@
-import { SocialPlatform } from "@lib/types";
-import { AiOutlineInstagram, AiOutlineTwitter } from "react-icons/ai";
-import { BsFacebook, BsGithub, BsLinkedin } from "react-icons/bs";
-import { FaDev } from "react-icons/fa";
-import { HiMail } from "react-icons/hi";
-import { SiCodepen } from "react-icons/si";
+import { SocialPlatform } from "@lib/types"
+import { AiOutlineInstagram } from "react-icons/ai"
+import { BsFacebook, BsGithub, BsLinkedin, BsYoutube } from "react-icons/bs"
+import { HiMail } from "react-icons/hi"
 
 const socialMedia: SocialPlatform[] = [
-  {
-    title: "Twitter",
-    Icon: AiOutlineTwitter,
-    url: "https://twitter.com/intent/follow?screen_name=j471n_",
-  },
   {
     title: "LinkedIn",
     Icon: BsLinkedin,
-    url: "https://www.linkedin.com/in/j471n/",
+    url: "https://www.linkedin.com/in/numanibnmazid/",
   },
   {
     title: "Github",
     Icon: BsGithub,
-    url: "https://github.com/j471n",
+    url: "https://github.com/NumanIbnMazid",
   },
   {
     title: "Instagram",
     Icon: AiOutlineInstagram,
-    url: "https://www.instagram.com/j471n_",
-  },
-  {
-    title: "Dev.to",
-    Icon: FaDev,
-    url: "https://dev.to/j471n",
-  },
-  {
-    title: "Codepen",
-    Icon: SiCodepen,
-    url: "https://codepen.io/j471n",
+    url: "https://www.instagram.com/numanibnmazid/",
   },
   {
     title: "Facebook",
     Icon: BsFacebook,
-    url: "https://www.facebook.com/ja7in/",
+    url: "https://www.facebook.com/NumanIbnMazid/",
+  },
+  {
+    title: "YouTube",
+    Icon: BsYoutube,
+    url: "https://www.youtube.com/channel/UCNNlfUfTU61QaJDWPEakkeg",
   },
   {
     title: "Mail",
     Icon: HiMail,
-    url: "mailto:jatinsharma8669@gmail.com",
+    url: "mailto:numanibnmazid@gmail.com",
   },
-];
+]
 
-export default socialMedia;
+export default socialMedia
diff --git a/frontend/entrypoint.sh b/frontend/entrypoint.sh
new file mode 100644
index 0000000..2c0a0b4
--- /dev/null
+++ b/frontend/entrypoint.sh
@@ -0,0 +1,6 @@
+#!/bin/sh
+
+yarn run lint
+yarn run start
+
+exec "$@"
diff --git a/frontend/layout/BlogLayout.tsx b/frontend/layout/BlogLayout.tsx
index 9a67e3c..4bb1284 100644
--- a/frontend/layout/BlogLayout.tsx
+++ b/frontend/layout/BlogLayout.tsx
@@ -1,38 +1,45 @@
-import { homeProfileImage } from "../utils/utils";
-import Image from "next/image";
-import ShareOnSocialMedia from "../components/ShareOnSocialMedia";
-import { FiPrinter } from "react-icons/fi";
-import Newsletter from "../components/Newsletter";
-import Link from "next/link";
-import useWindowLocation from "@hooks/useWindowLocation";
-import ScrollProgressBar from "@components/ScrollProgressBar";
-import { useState, useEffect } from "react";
-import { opacityVariant } from "@content/FramerMotionVariants";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import useBookmarkBlogs from "@hooks/useBookmarkBlogs";
-import { BsBookmark, BsBookmarkFill } from "react-icons/bs";
-import { getFormattedDate } from "@utils/date";
-import { PostType } from "@lib/types";
-import { RxPencil2 } from "react-icons/rx";
-import TableOfContents from "@components/TableOfContents";
-
-export default function BlogLayout({
-  post,
-  children,
-}: {
-  post: PostType;
-  children: JSX.Element;
-}) {
-  const { currentURL } = useWindowLocation();
-  const [isTOCActive, setIsTOCActive] = useState(false);
-  const [alreadyBookmarked, setAlreadyBookmarked] = useState(false);
-
-  const { isAlreadyBookmarked, addToBookmark, removeFromBookmark } =
-    useBookmarkBlogs("blogs", []);
+import Image from 'next/image'
+import ShareOnSocialMedia from '../components/ShareOnSocialMedia'
+import { FiPrinter } from 'react-icons/fi'
+import Newsletter from '../components/Newsletter'
+import useWindowLocation from '@hooks/useWindowLocation'
+import ScrollProgressBar from '@components/ScrollProgressBar'
+import { useState, useEffect } from 'react'
+import { opacityVariant, popUp } from '@content/FramerMotionVariants'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import { getFormattedDate } from '@utils/date'
+import { BlogType, ProfileType } from '@lib/types'
+import TableOfContents from '@components/TableOfContents'
+import cn from 'classnames'
+import Prism from '../prismSetup'
+import { motion } from 'framer-motion'
+
+export default function BlogLayout({ blog, profileInfo }: { blog: BlogType, profileInfo: ProfileType}) {
+  const { currentURL } = useWindowLocation()
+  const [isTOCActive, setIsTOCActive] = useState(false)
+  const hasCode = blog && blog.content.includes('<code>')
+
+  const injectStyle = () => {
+    if (hasCode) {
+      const style = document.createElement('style')
+      style.innerHTML = `
+        .text-code code {
+          color: #5292a1
+        }
+      `
+      document.head.appendChild(style)
+    }
+  }
 
   useEffect(() => {
-    setAlreadyBookmarked(isAlreadyBookmarked(post.meta.slug));
-  }, [isAlreadyBookmarked, post.meta.slug]);
+    // Syntax Highlighting
+    injectStyle()
+    // Prism JS
+    if (typeof window !== 'undefined') {
+      Prism.highlightAll()
+      Prism.plugins.lineNumbers = true
+    }
+  }, [hasCode])
 
   return (
     <section className="mt-[44px] md:mt-[60px]  relative !overflow-hidden">
@@ -40,102 +47,151 @@ export default function BlogLayout({
       <TableOfContents
         isTOCActive={isTOCActive}
         setIsTOCActive={setIsTOCActive}
-        tableOfContents={post.tableOfContents}
+        tableOfContents={blog.table_of_contents}
       />
 
       {/* Blog Content */}
       <section
         className="p-5 sm:pt-10 relative font-barlow prose dark:prose-invert md:ml-[35%] lg:ml-[30%] print:!mx-auto"
         style={{
-          maxWidth: "800px",
+          maxWidth: '800px',
           opacity: `${isTOCActive} && "0.3"`,
-          margin: `${post.tableOfContents.length <= 0} && "auto"`,
+          margin: `${blog.table_of_contents.length <= 0} && "auto"`,
         }}
       >
         <ScrollProgressBar />
-        <h1 className="text-3xl font-bold tracking-tight text-black md:text-5xl dark:text-white">
-          {post.meta.title}
-        </h1>
-
-        <div className="flex items-center !w-full text-gray-700 dark:text-gray-300">
-          <div className="flex items-center w-full gap-2">
-            <Image
-              alt="Jatin Sharma"
-              height={30}
-              width={30}
-              src={homeProfileImage}
-              className="rounded-full !m-0"
-            />
-            <div className="flex flex-col w-full text-xs sm:text-sm sm:flex-row sm:justify-between">
-              <p className="flex items-center gap-2 font-medium !my-0">
-                <span>Jatin Sharma</span>
-                <span>•</span>
-                <span>{getFormattedDate(new Date(post.meta.date))}</span>
-              </p>
-
-              <p className="flex items-center gap-2 font-medium !my-0">
-                <span>{post.meta.readingTime.text}</span>
-                <span>•</span>
-                <span>{post.meta.readingTime.words} words</span>
-              </p>
+        {/* Blog Cover Image */}
+        <div className="flex items-center justify-center mb-4">
+          <Image
+            alt={blog.title}
+            width={1000}
+            height={1000}
+            quality={50}
+            style={{ width: 'auto', height: 'auto' }}
+            src={blog.image}
+            className="rounded-xl shadow filter !m-0"
+          />
+        </div>
+        <h1 className="text-3xl font-bold tracking-tight text-black md:text-5xl dark:text-white">{blog.title}</h1>
+
+        <div className="!w-full text-gray-700 dark:text-gray-300">
+          <div className="w-full">
+            {blog.author === 'Numan Ibn Mazid' && (
+              <motion.div
+                variants={popUp}
+                className="relative flex items-center justify-center p-3 rounded-full overflow-hidden w-44 h-44 xs:w-30 xs:h-30 before:absolute before:inset-0 before:border-t-4 before:border-b-4 before:border-black before:dark:border-white before:rounded-full before:animate-photo-spin"
+              >
+                <Image
+                  src={profileInfo.image}
+                  className="rounded-full shadow filter"
+                  width={933}
+                  height={933}
+                  alt="cover Profile Image"
+                  quality={100}
+                  priority
+                />
+              </motion.div>
+            )}
+            <div className="mt-2">
+              <span className="text-base text-gray-500">Author: </span>
+              <span className="font-bold text-base text-gray-600 dark:text-gray-400">{blog.author}</span>
             </div>
-          </div>
 
-          <div className="flex gap-2 ml-4">
-            <Link
-              href={`https://github.com/j471n/j471n.in/edit/main/posts/${post.meta.slug}.mdx`}
-              title="Edit on Github"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="transition select-none active:scale-75"
-            >
-              <RxPencil2 className="text-gray-700 w-7 h-7 dark:text-gray-300 stroke-slate-300 " />
-            </Link>
-            <button
-              title="Save for Later"
-              className="transition active:scale-75"
-              onClick={() => {
-                alreadyBookmarked
-                  ? removeFromBookmark(post.meta.slug)
-                  : addToBookmark(post.meta);
-              }}
-            >
-              {alreadyBookmarked ? (
-                <BsBookmarkFill className="w-6 h-6 " />
-              ) : (
-                <BsBookmark className="w-6 h-6 " />
-              )}
-            </button>
+            <div className="mt-2 text-base text-gray-500">
+              <span>Created at: </span>
+              <span className="font-bold">{getFormattedDate(new Date(blog.created_at))}</span>
+            </div>
+
+            {getFormattedDate(new Date(blog.created_at)) !== getFormattedDate(new Date(blog.updated_at)) && (
+              <div className="text-base text-gray-500 mb-2">
+                <span>Last Update: </span>
+                <span className="font-bold">{getFormattedDate(new Date(blog.updated_at))}</span>
+              </div>
+            )}
+
+            {blog.category && (
+              <div className="text-base text-gray-500 mb-2">
+                <span>Category: </span>
+                <span className="font-bold">{blog.category.name}</span>
+              </div>
+            )}
+
+            {blog.reading_time && (
+              <div className="text-base text-gray-500">
+                <span>Reading Time: </span>
+                <span className="font-bold">{blog.reading_time}</span>
+              </div>
+            )}
+
+            {blog.total_words && (
+              <div className="text-base text-gray-500 mb-3">
+                <span>Total Words: </span>
+                <span className="font-bold">{blog.total_words}</span>
+              </div>
+            )}
+
+            {blog.overview && (
+              <div className="text-base text-gray-500 mb-3">
+                <span>Overview: </span>
+                <span className="font-bold">{blog.overview}</span>
+              </div>
+            )}
+
+            {blog.tags && (
+              <div className="flex flex-wrap items-center gap-1">
+                <span className="text-base text-gray-500">Tags: </span>
+                {blog.tags.split(',').map((tag, index) => {
+                  return (
+                    <span key={`${tag}-${index}`} className="px-2 py-1 text-xs rounded bg-teal-800 text-gray-50">
+                      {tag.toLowerCase()}
+                    </span>
+                  )
+                })}
+              </div>
+            )}
           </div>
         </div>
 
+        {/* Horizontal Line */}
+        <div className="relative flex mt-5 items-center">
+          <div className="flex-grow border-t border-gray-400"></div>
+          <span className="flex-shrink mx-4 text-gray-700 dark:text-gray-400">Content</span>
+          <div className="flex-grow border-t border-gray-400"></div>
+        </div>
+
+        {/* Blog Content */}
+
         <AnimatedDiv
           variants={opacityVariant}
           className="max-w-full prose-sm blog-container sm:prose-base prose-pre:bg-white prose-img:mx-auto prose-img:rounded-md dark:prose-pre:bg-darkSecondary prose-pre:saturate-150 dark:prose-pre:saturate-100 marker:text-black dark:marker:text-white"
         >
-          {children}
+          <div
+            dangerouslySetInnerHTML={{ __html: blog.content }}
+            className={cn('my-4', { 'text-code': hasCode, 'line-numbers': hasCode })}
+          />
         </AnimatedDiv>
+
+        {/* NewsLetter */}
         <Newsletter />
+
+        {/* Social Media */}
         <div className="flex flex-col items-center w-full gap-4 my-10 print:hidden">
-          <h3
-            style={{ margin: "0" }}
-            className="text-xl font-semibold dark:text-white"
-          >
+          <h3 style={{ margin: '0' }} className="text-xl font-semibold dark:text-white">
             Share on Social Media:
           </h3>
           <ShareOnSocialMedia
             className="flex flex-wrap items-center gap-2 w-fit"
-            title={post.meta.title}
+            title={blog.title}
             url={currentURL}
-            summary={post.meta.excerpt}
-            cover_image={post.meta.image}
+            summary={blog.content}
+            cover_image={blog.image}
           >
-            <div className="p-2 text-white bg-gray-700 rounded-full cursor-pointer">
+            <div className="p-2 text-white bg-gray-700 rounded-full cursor-pointer hover:bg-cyan-700">
               <FiPrinter className="w-4 h-4" onClick={() => window.print()} />
             </div>
           </ShareOnSocialMedia>
         </div>
       </section>
     </section>
-  );
+  )
 }
diff --git a/frontend/layout/SnippetLayout.tsx b/frontend/layout/SnippetLayout.tsx
index 86f9aa7..0b3ef37 100644
--- a/frontend/layout/SnippetLayout.tsx
+++ b/frontend/layout/SnippetLayout.tsx
@@ -1,44 +1,105 @@
-import { opacityVariant } from "@content/FramerMotionVariants";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import { PostType } from "@lib/types";
-import { snippetsImages } from "@utils/utils";
-import Image from "next/image";
+import { opacityVariant } from "@content/FramerMotionVariants"
+import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
+import { CodeSnippetType } from "@lib/types"
+import Image from "next/image"
+import cn from 'classnames'
+import { useEffect } from 'react'
+import { getFormattedDate } from "@utils/date"
+import Prism from '../prismSetup'
+
+
 
 export default function SnippetLayout({
-  snippet,
-  children,
+  code_snippet,
 }: {
-  snippet: PostType;
-  children: JSX.Element;
+  code_snippet: CodeSnippetType,
+  children: React.ReactNode
 }) {
+
+  const hasCode = code_snippet && code_snippet.content.includes('<code>')
+
+  const injectStyle = () => {
+    if (hasCode) {
+      const style = document.createElement('style');
+      style.innerHTML = `
+        .text-code code {
+          color: #5292a1
+        }
+      `
+      document.head.appendChild(style)
+    }
+  }
+
+  useEffect(() => {
+    injectStyle()
+
+    // Prism JS
+    if (typeof window !== 'undefined') {
+      Prism.highlightAll()
+      Prism.plugins.lineNumbers = true
+    }
+  }, [hasCode])
+
   return (
     <section className="mt-[44px] md:mt-[60px]  relative !overflow-hidden">
-      <section className="relative max-w-3xl p-5 mx-auto prose sm:pt-10 font-barlow dark:prose-invert">
+      <section className="relative max-w-4xl p-5 mx-auto prose sm:pt-10 font-barlow dark:prose-invert">
         <div className="flex items-center justify-between">
-          <h1 className="m-0 text-3xl font-bold tracking-tight text-black md:text-5xl dark:text-white">
-            {snippet.meta.title}
+          <h1 className="m-0 text-3xl font-bold tracking-tight text-black md:text-4xl dark:text-white">
+            {code_snippet.title}
           </h1>
-
-          <div className="relative flex items-center justify-center w-12 h-12 p-1 overflow-hidden">
+          <div className="relative flex items-center justify-center w-20 h-12 p-1 overflow-hidden">
             <Image
               className="m-0"
-              src={snippetsImages[`${snippet.meta.image}`]}
-              alt={snippet.meta.title}
-              width={62}
-              height={62}
+              src={code_snippet.image}
+              alt={code_snippet.title}
+              width={100}
+              height={100}
             ></Image>
           </div>
         </div>
 
-        <p>{snippet.meta.excerpt}</p>
+        {code_snippet.overview && (
+          <p className="text-xl">{code_snippet.overview}</p>
+        )}
+
+        {code_snippet.language && (
+          <div className="flex flex-wrap items-center gap-1">
+            {code_snippet.language.split(',').map((code_snippet, index) => {
+              return (
+                <span
+                  key={`${code_snippet}-${index}`}
+                  className="px-2 py-1 text-xs rounded bg-teal-800 text-gray-50"
+                >
+                  {code_snippet.toLowerCase()}
+                </span>
+              )
+            })}
+          </div>
+        )}
+
+        <div className="mt-4 text-base text-gray-500">
+          <span>Created at: </span>
+          {getFormattedDate(new Date(code_snippet.created_at))}
+        </div>
+
+        {getFormattedDate(new Date(code_snippet.created_at)) !== getFormattedDate(new Date(code_snippet.updated_at)) && (
+        <div className="text-base text-gray-500">
+          <span>Last Update: </span>
+          {getFormattedDate(new Date(code_snippet.updated_at))}
+        </div>
+        )}
 
+        {/* Content */}
         <AnimatedDiv
           variants={opacityVariant}
-          className="max-w-full prose-sm blog-container sm:prose-base prose-pre:bg-white prose-pre:shadow dark:prose-pre:shadow-black/80 dark:prose-pre:bg-darkSecondary prose-pre:saturate-150 dark:prose-pre:saturate-100 marker:text-black dark:marker:text-white"
+          className="text-orange-700 max-w-full prose-sm blog-container sm:prose-base prose-pre:bg-white prose-pre:shadow dark:prose-pre:shadow-black/80 dark:prose-pre:bg-darkSecondary prose-pre:saturate-150 dark:prose-pre:saturate-100 marker:text-black dark:marker:text-white"
         >
-          {children}
+          <div
+            dangerouslySetInnerHTML={{ __html: code_snippet.content }}
+            className={cn('my-4', { 'text-code': hasCode, 'line-numbers': hasCode })}
+          />
         </AnimatedDiv>
       </section>
     </section>
-  );
+  )
 }
diff --git a/frontend/lib/backendAPI.ts b/frontend/lib/backendAPI.ts
index 965db17..995266e 100644
--- a/frontend/lib/backendAPI.ts
+++ b/frontend/lib/backendAPI.ts
@@ -1,209 +1,365 @@
+
 const BACKEND_API_BASE_URL = process.env.BACKEND_API_BASE_URL
+const BACKEND_API_TOKEN = process.env.BACKEND_API_TOKEN
 
-// *** SKILLS ***
 
-// Skills URL
-const SKILLS_PATH = "/todos?_limit=10"
-const SKILLS_ENDPOINT = BACKEND_API_BASE_URL + SKILLS_PATH
+// *** PROFILE ***
+// Profile URL
+const PROFILE_PATH = "users/get_portfolio_user/"
+const PROFILE_ENDPOINT = BACKEND_API_BASE_URL + PROFILE_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Skills Data.
+ * Makes a request to the BACKEND API to retrieve Portfolio User Information.
  */
-export const getAllSkills = async () => {
-  // Make a request to the DEV API to retrieve a specific page of posts
-  const allSkills = await fetch(
-    SKILLS_ENDPOINT
-    // {
-    //   headers: {
-    //     api_key: DEV_API!,
-    //   },
-    // }
+export const getProfileInfo = async () => {
+  const portfolioProfile = await fetch(
+    PROFILE_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching skills:', error))
-
-  // TODO:Integrate with backend API
-  // ******* Faking data Starts *******
-  const fakeSkillsData = allSkills.map((_skill: { title: string }, index: number) => ({
-    name: `Python ${index + 1}`,
-    icon: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYY0pvHu6oaaJRADcCoacoP5BKwJN0i1nqFNCnmKvN&s"
-  }))
-  // Need to return `fakeSkillsData`
-  // ******* Faking data Ends *******
-
-  return fakeSkillsData
+
+  if (portfolioProfile.ok) {
+    const responseData = await portfolioProfile.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching portfolio profile: ${portfolioProfile.status} ${portfolioProfile.statusText}`
+    // Handle the error or display the error message
+    console.log(errorMessage)
+  }
 }
 
+// *** EXPERIENCE ***
 
-// *** BLOGS ***
+// Experience URL
 
-// Blogs URL
-const BLOGS_PATH = "/posts"
-const BLOGS_ENDPOINT = BACKEND_API_BASE_URL + BLOGS_PATH
+const EXPERIENCE_PATH = "professional-experiences/"
+const EXPERIENCE_ENDPOINT = BACKEND_API_BASE_URL + EXPERIENCE_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Blogs Data.
+ * Makes a request to the BACKEND API to retrieve all Experience Data.
  */
-export const getAllBlogs = async (length?: number | undefined) => {
+export const getAllExperiences = async (length?: number | undefined) => {
   let ENDPOINT = null
   // Set limit if length is not undefined
   if (length !== undefined) {
-    ENDPOINT = BLOGS_ENDPOINT + `?_limit=${length}`
+    ENDPOINT = EXPERIENCE_ENDPOINT + `?_limit=${length}`
   }
   else {
-    ENDPOINT = BLOGS_ENDPOINT
+    ENDPOINT = EXPERIENCE_ENDPOINT
   }
 
-  const allBlogs = await fetch(
-    ENDPOINT
+  const allExperiences = await fetch(
+    ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching blogs:', error))
-
-  // TODO:Integrate with backend API
-  // ******* Faking data Starts *******
-  const fakeBlogsData = allBlogs.map((blog: { title: any, body: any }, index: number) => ({
-    title: blog.title,
-    slug: `blog-${index + 1}`,
-    url: "https://github.com/NumanIbnMazid",
-    image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYY0pvHu6oaaJRADcCoacoP5BKwJN0i1nqFNCnmKvN&s",
-    excerpt: blog.body,
-    date: new Date(),
-    readingTime: {text: "3 min read"},
-  }))
-  // Need to return `allBlogs`
-  // ******* Faking data Ends *******
-
-  return fakeBlogsData
+
+  if (allExperiences.ok) {
+    const responseData = await allExperiences.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching professional experiences: ${allExperiences.status} ${allExperiences.statusText}`
+    // Handle the error or display the error message
+    console.log(errorMessage)
+  }
 }
 
-// *** EXPERIENCE ***
+// *** SKILLS ***
 
-// Experience URL
-const EXPERIENCE_PATH = "/posts?_limit=5"
-const EXPERIENCE_ENDPOINT = BACKEND_API_BASE_URL + EXPERIENCE_PATH
+// Skills URL
+const SKILLS_PATH = "skills/"
+const SKILLS_ENDPOINT = BACKEND_API_BASE_URL + SKILLS_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Experience Data.
+ * Makes a request to the BACKEND API to retrieve all Skills Data.
  */
-export const getAllExperiences = async () => {
+export const getAllSkills = async () => {
+  const allSkills = await fetch(
+    SKILLS_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
 
-  const allExperiences = await fetch(
-    EXPERIENCE_ENDPOINT
+  if (allSkills.ok) {
+    const responseData = await allSkills.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Skills: ${allSkills.status} ${allSkills.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+// *** EDUCATIONS ***
+
+// Educations URL
+const EDUCATIONS_PATH = "educations/"
+const EDUCATIONS_ENDPOINT = BACKEND_API_BASE_URL + EDUCATIONS_PATH
+
+/**
+ * Makes a request to the BACKEND API to retrieve all Educations Data.
+ */
+export const getAllEducations = async () => {
+  const allEducations = await fetch(
+    EDUCATIONS_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (allEducations.ok) {
+    const responseData = await allEducations.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Educations: ${allEducations.status} ${allEducations.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+// *** CERTIFICATES ***
+
+// Certificates URL
+const CERTIFICATES_PATH = "certifications/"
+const CERTIFICATES_ENDPOINT = BACKEND_API_BASE_URL + CERTIFICATES_PATH
+
+/**
+ * Makes a request to the BACKEND API to retrieve all Certificates Data.
+ */
+export const getAllCertificates = async () => {
+  const allCertificates = await fetch(
+    CERTIFICATES_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching experiences:', error))
-
-  // TODO:Integrate with backend API
-  // ******* Faking data Starts *******
-  const fakeExperiencesData = allExperiences.map((experience: { title: any, body: any }) => ({
-    title: "Software Engineer",
-    company: experience.title.split(' ').slice(0, 3).join(' ').toUpperCase(),
-    company_url: "https://github.com/NumanIbnMazid",
-    duration: "2018 - 2019",
-    description: experience.body
-  }))
-  // Need to return `allExperiences`
-  // ******* Faking data Ends *******
-
-  return fakeExperiencesData
+
+  if (allCertificates.ok) {
+    const responseData = await allCertificates.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Educations: ${allCertificates.status} ${allCertificates.statusText}`
+    console.log(errorMessage)
+  }
 }
 
 // *** PROJECTS ***
 
-// Certificate URL
-const PROJECTS_PATH = "/posts?_limit=5"
+// Projects URL
+const PROJECTS_PATH = "projects/"
 const PROJECTS_ENDPOINT = BACKEND_API_BASE_URL + PROJECTS_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Certificate Data.
+ * Makes a request to the BACKEND API to retrieve all Projects Data.
  */
 export const getAllProjects = async () => {
-
   const allProjects = await fetch(
-    PROJECTS_ENDPOINT
+    PROJECTS_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (allProjects.ok) {
+    const responseData = await allProjects.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Projects: ${allProjects.status} ${allProjects.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+export const getProjectDetails = async (slug: string) => {
+  const projectDetails = await fetch(
+    PROJECTS_ENDPOINT + slug,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching Projects:', error))
-
-  // TODO:Integrate with backend API
-  // ******* Faking data Starts *******
-  const fakeProjectsData = allProjects.map((project: { title: any, body: any }, index: number) => ({
-    id: index,
-    name: project.title.split(' ').slice(0, 3).join(' ').toUpperCase(),
-    description: project.body,
-    coverImage: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYY0pvHu6oaaJRADcCoacoP5BKwJN0i1nqFNCnmKvN&s",
-    tools: ["Python", "Django", "JavaScript", "React", "Redux", "Node.js", "Express.js", "MongoDB", "PostgreSQL", "Docker", "AWS"],
-    githubURL: "https://github.com/NumanIbnMazid",
-    previewURL: "https://github.com/NumanIbnMazid"
-  }))
-  // Need to return `allExperiences`
-  // ******* Faking data Ends *******
-
-  return fakeProjectsData
+
+  if (projectDetails.ok) {
+    const responseData = await projectDetails.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Project Details: ${projectDetails.status} ${projectDetails.statusText}`
+    console.log(errorMessage)
+  }
 }
 
-// *** CERTIFICATES ***
 
-// Certificate URL
-const CERTIFICATES_PATH = "/posts?_limit=5"
-const CERTIFICATES_ENDPOINT = BACKEND_API_BASE_URL + CERTIFICATES_PATH
+// *** INTERESTS ***
+
+// Interests URL
+const INTERESTS_PATH = "interests/"
+const INTERESTS_ENDPOINT = BACKEND_API_BASE_URL + INTERESTS_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Certificate Data.
+ * Makes a request to the BACKEND API to retrieve all Interests Data.
  */
-export const getAllCertificates = async () => {
-
-  const allCertificates = await fetch(
-    CERTIFICATES_ENDPOINT
+export const getAllInterests = async () => {
+  const allInterests = await fetch(
+    INTERESTS_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching Certificates:', error))
-
-  // TODO:Integrate with backend API
-  // ******* Faking data Starts *******
-  const fakeCertificatesData = allCertificates.map((certificate: { title: any, body: any }, index: number) => ({
-    id: index,
-    title: certificate.title.split(' ').slice(0, 3).join(' ').toUpperCase(),
-    orgName: "Hackerrank",
-    orgLogo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYY0pvHu6oaaJRADcCoacoP5BKwJN0i1nqFNCnmKvN&s",
-    issuedDate: new Date(),
-    url: "https://github.com/NumanIbnMazid"
-  }))
-  // Need to return `allExperiences`
-  // ******* Faking data Ends *******
-
-  return fakeCertificatesData
+
+  if (allInterests.ok) {
+    const responseData = await allInterests.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Interests: ${allInterests.status} ${allInterests.statusText}`
+    console.log(errorMessage)
+  }
 }
 
 
 // *** MOVIES ***
 
-// Experience URL
-const MOVIE_PATH = "/posts?_limit=5"
+// Movies URL
+const MOVIE_PATH = "movies/"
 const MOVIE_ENDPOINT = BACKEND_API_BASE_URL + MOVIE_PATH
 
 /**
- * Makes a request to the BACKEND API to retrieve all Movie Data.
+ * Makes a request to the BACKEND API to retrieve all Movies Data.
  */
 export const getAllMovies = async () => {
-
   const allMovies = await fetch(
-    MOVIE_ENDPOINT
+    MOVIE_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
   )
-    .then((response) => response.json())
-    .catch((error) => console.log('Error fetching Movies:', error))
-
-  // ******* Faking data Starts *******
-  const fakeMoviesData = allMovies.map((movie: { title: any, body: any }, index: number) => ({
-    id: index,
-    url: "https://github.com/NumanIbnMazid",
-    name: movie.title.split(' ').slice(0, 3).join(' ').toUpperCase(),
-    image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYY0pvHu6oaaJRADcCoacoP5BKwJN0i1nqFNCnmKvN&s",
-    watched: false,
-    rating: 4
-  }))
-  // Need to return `allMovies`
-  // ******* Faking data Ends *******
-  return fakeMoviesData
+
+  if (allMovies.ok) {
+    const responseData = await allMovies.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Movies: ${allMovies.status} ${allMovies.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+
+// *** CODE_SNIPPETS ***
+
+// Code Snippets URL
+const CODE_SNIPPETS_PATH = "code-snippets/"
+const CODE_SNIPPETS_ENDPOINT = BACKEND_API_BASE_URL + CODE_SNIPPETS_PATH
+
+/**
+ * Makes a request to the BACKEND API to retrieve all Code Snippets Data.
+ */
+export const getAllCodeSnippets = async () => {
+  const allCodeSnippets = await fetch(
+    CODE_SNIPPETS_ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (allCodeSnippets.ok) {
+    const responseData = await allCodeSnippets.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Code Snippets: ${allCodeSnippets.status} ${allCodeSnippets.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+export const getCodeSnippetDetails = async (slug: string) => {
+  const codeSnippetDetails = await fetch(
+    CODE_SNIPPETS_ENDPOINT + slug,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (codeSnippetDetails.ok) {
+    const responseData = await codeSnippetDetails.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Code Snippet Details: ${codeSnippetDetails.status} ${codeSnippetDetails.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+// *** BLOGS ***
+
+// Blogs URL
+const BLOGS_PATH = "blogs/"
+const BLOGS_ENDPOINT = BACKEND_API_BASE_URL + BLOGS_PATH
+
+/**
+ * Makes a request to the BACKEND API to retrieve all Blogs Data.
+ */
+export const getAllBlogs = async (length?: number | undefined) => {
+  let ENDPOINT = null
+  // Set limit if length is not undefined
+  if (length !== undefined) {
+    ENDPOINT = BLOGS_ENDPOINT + `?_limit=${length}`
+  }
+  else {
+    ENDPOINT = BLOGS_ENDPOINT
+  }
+  console.log(ENDPOINT);
+
+  const allBlogs = await fetch(
+    ENDPOINT,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (allBlogs.ok) {
+    const responseData = await allBlogs.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Code Blogs: ${allBlogs.status} ${allBlogs.statusText}`
+    console.log(errorMessage)
+  }
+}
+
+export const getBlogDetails = async (slug: string) => {
+  const blogDetails = await fetch(
+    BLOGS_ENDPOINT + slug,
+    {
+      headers: {
+        Authorization: `Token ${BACKEND_API_TOKEN}`
+      }
+    }
+  )
+
+  if (blogDetails.ok) {
+    const responseData = await blogDetails.json()
+    return responseData.data
+  } else {
+    const errorMessage = `Error fetching Blog Details: ${blogDetails.status} ${blogDetails.statusText}`
+    console.log(errorMessage)
+  }
 }
diff --git a/frontend/lib/generateRSS.ts b/frontend/lib/generateRSS.ts
index 5ac9bcf..c849745 100644
--- a/frontend/lib/generateRSS.ts
+++ b/frontend/lib/generateRSS.ts
@@ -8,7 +8,7 @@ export default async function getRSS() {
 
   // Create a new RSS object
   const feed = new RSS({
-    title: "Jatin Sharma",
+    title: "Numan Ibn Mazid",
     description: `I've been writing online since 2021, mostly about web development
             and tech careers. In total, I've written ${allBlogs.length} articles
             till now.`,
@@ -16,7 +16,7 @@ export default async function getRSS() {
     feed_url: `${siteURL}/feed.xml`,
     language: "en",
     pubDate: new Date(),
-    copyright: `All rights reserved ${new Date().getFullYear()}, Jatin Sharma`,
+    copyright: `All rights reserved ${new Date().getFullYear()}, Numan Ibn Mazid`,
   });
 
   // Add all blog posts to the RSS feed
diff --git a/frontend/lib/github.ts b/frontend/lib/github.ts
index e3b8348..55fd44e 100644
--- a/frontend/lib/github.ts
+++ b/frontend/lib/github.ts
@@ -1,59 +1,74 @@
-import { GithubRepo } from "./types";
+import { GithubRepo } from "./types"
+
+const GitHubAccessToken = process.env.GITHUB_ACCESS_TOKEN
 
 const tempData = {
-  login: "j471n",
-  id: 55713505,
-  node_id: "MDQ6VXNlcjU1NzEzNTA1",
-  avatar_url: "https://avatars.githubusercontent.com/u/55713505?v=4",
-  gravatar_id: "",
-  url: "https://api.github.com/users/j471n",
-  html_url: "https://github.com/j471n",
-  followers_url: "https://api.github.com/users/j471n/followers",
-  following_url: "https://api.github.com/users/j471n/following{/other_user}",
-  gists_url: "https://api.github.com/users/j471n/gists{/gist_id}",
-  starred_url: "https://api.github.com/users/j471n/starred{/owner}{/repo}",
-  subscriptions_url: "https://api.github.com/users/j471n/subscriptions",
-  organizations_url: "https://api.github.com/users/j471n/orgs",
-  repos_url: "https://api.github.com/users/j471n/repos",
-  events_url: "https://api.github.com/users/j471n/events{/privacy}",
-  received_events_url: "https://api.github.com/users/j471n/received_events",
-  type: "User",
-  site_admin: false,
-  name: "Jatin Sharma",
-  company: null,
-  blog: "j471n.in",
-  location: "India",
-  email: null,
-  hireable: true,
-  bio: "React Developer",
-  twitter_username: "j471n_",
-  public_repos: 31,
-  public_gists: 10,
-  followers: 8,
-  following: 1,
-  created_at: "2019-09-23T18:37:14Z",
-  updated_at: "2022-07-02T03:07:58Z",
-};
+  "login": "NumanIbnMazid",
+  "id": 38869177,
+  "node_id": "MDQ6VXNlcjM4ODY5MTc3",
+  "avatar_url": "https://avatars.githubusercontent.com/u/38869177?v=4",
+  "gravatar_id": "",
+  "url": "https://api.github.com/users/NumanIbnMazid",
+  "html_url": "https://github.com/NumanIbnMazid",
+  "followers_url": "https://api.github.com/users/NumanIbnMazid/followers",
+  "following_url": "https://api.github.com/users/NumanIbnMazid/following{/other_user}",
+  "gists_url": "https://api.github.com/users/NumanIbnMazid/gists{/gist_id}",
+  "starred_url": "https://api.github.com/users/NumanIbnMazid/starred{/owner}{/repo}",
+  "subscriptions_url": "https://api.github.com/users/NumanIbnMazid/subscriptions",
+  "organizations_url": "https://api.github.com/users/NumanIbnMazid/orgs",
+  "repos_url": "https://api.github.com/users/NumanIbnMazid/repos",
+  "events_url": "https://api.github.com/users/NumanIbnMazid/events{/privacy}",
+  "received_events_url": "https://api.github.com/users/NumanIbnMazid/received_events",
+  "type": "User",
+  "site_admin": false,
+  "name": "Numan Ibn Mazid",
+  "company": "SELISE DIGITAL PLATFORMS",
+  "blog": "https://www.linkedin.com/in/numanibnmazid/",
+  "location": "Dhaka, Bangladesh",
+  "email": "numanibnmazid@gmail.com",
+  "hireable": true,
+  "bio": "Experienced professional Software Engineer who enjoys developing innovative software solutions that are tailored to customer desirability and usability.",
+  "twitter_username": "NumanIbnMazid",
+  "public_repos": 84,
+  "public_gists": 0,
+  "followers": 13,
+  "following": 35,
+  "created_at": "2018-04-30T21:30:32Z",
+  "updated_at": "2023-06-24T11:38:55Z"
+}
 
 // its for /api/stats/github
 export async function fetchGithub() {
-  const fake = false;
-  if (fake) return tempData;
-  return fetch("https://api.github.com/users/j471n").then((res) => res.json());
+  const fake = false
+  if (fake) return tempData
+
+  return fetch(
+    "https://api.github.com/users/NumanIbnMazid",
+    {
+      headers: {
+        Authorization: `Bearer ${GitHubAccessToken}`,
+      },
+    }
+  ).then((res) => res.json())
 }
 
 // its for getting temporary old data
 export function getOldStats() {
-  return tempData;
+  return tempData
 }
 
 /* Retrieves the number of stars and forks for the user's repositories on GitHub. */
 export async function getGithubStarsAndForks() {
   // Fetch user's repositories from the GitHub API
   const res = await fetch(
-    "https://api.github.com/users/j471n/repos?per_page=100"
-  );
-  const userRepos = await res.json();
+    "https://api.github.com/users/NumanIbnMazid/repos?per_page=100",
+    {
+      headers: {
+        Authorization: `Bearer ${GitHubAccessToken}`,
+      },
+    }
+  )
+  const userRepos = await res.json()
 
   /* Default Static Data: If use exceeded the rate limit of api */
   if (
@@ -61,30 +76,30 @@ export async function getGithubStarsAndForks() {
       "https://docs.github.com/rest/overview/resources-in-the-rest-api#rate-limiting")
   ) {
     return {
-      githubStars: 74,
-      forks: 33,
-    };
+      githubStars: 7,
+      forks: 4,
+    }
   }
   // filter those repos that are forked
   const mineRepos: GithubRepo[] = userRepos?.filter(
     (repo: GithubRepo) => !repo.fork
-  );
+  )
 
   // Calculate the total number of stars for the user's repositories
   const githubStars = mineRepos.reduce(
     (accumulator: number, repository: GithubRepo) => {
-      return accumulator + repository["stargazers_count"];
+      return accumulator + repository["stargazers_count"]
     },
     0
-  );
+  )
 
   // Calculate the total number of forks for the user's repositories
   const forks = mineRepos.reduce(
     (accumulator: number, repository: GithubRepo) => {
-      return accumulator + repository["forks_count"];
+      return accumulator + repository["forks_count"]
     },
     0
-  );
+  )
 
-  return { githubStars, forks };
+  return { githubStars, forks }
 }
diff --git a/frontend/lib/types.ts b/frontend/lib/types.ts
index 9e624cb..8aeb3b5 100644
--- a/frontend/lib/types.ts
+++ b/frontend/lib/types.ts
@@ -9,13 +9,42 @@ import { ReadTimeResults } from "reading-time"
 export type PersonalStaticData = {
   name: string,
   profession: string,
-  current_position: string
+  current_position: string,
+  about: string
 }
 
 export type StaticData = {
   personal: PersonalStaticData
 }
 
+/* Profile Types */
+export type ProfileType = {
+  id: number
+  username: string
+  email: string
+  name: string
+  slug: string
+  nickname: string
+  gender: string
+  image: string
+  dob: string
+  website: string
+  contact: string
+  contact_email: string
+  linkedin: string
+  github: string
+  address: string
+  about: string
+  is_portfolio_user: string
+  resume_link: string
+  is_active: string
+  is_staff: string
+  is_superuser: string
+  date_joined: string
+  last_login: string
+  updated_at: string
+}
+
 /* Custom Animated Components types */
 export type AnimatedTAGProps = {
   variants: Variants
@@ -46,38 +75,105 @@ export type SpotifyArtist = {
   popularity: number
 }
 
+export type MediaType = {
+  id: number
+  title: string
+  slug: string
+  file: string
+  description: string
+  created_at: string
+  updated_at: string
+}
+
 export type ProjectType = {
   id: string
-  name: string
-  coverImage: string
-  description: string
-  githubURL: string
-  previewURL?: string
-  tools?: string[]
-  pinned?: boolean
+  title: string
+  slug: string
+  image: string
+  short_description: string
+  technology?: string
+  duration: string
+  duration_in_days?: string
+  preview_url?: string
+  github_url?: string
+  description?: string
+  project_media?: MediaType[]
+  created_at: string
+  updated_at: string
 }
 
 export type ExperienceType = {
-  title: string
+  id: number
+  slug: string
   company: string
+  company_image: string
   company_url: string
+  address: string
+  designation: string
+  job_type: string
+  start_date: string
+  end_date: string
   duration: string
+  duration_in_days: string
+  currently_working: string
   description: string
+  created_at: string
+  updated_at: string
 }
 
 export type SkillType = {
-  name: string
-  icon: string
+  id: number
+  slug: string
+  title: string
+  image: string
+  level: string
+  order: number
+  created_at: string
+  updated_at: string
+}
+
+export type EducationType = {
+  id: number
+  slug: string
+  school: string
+  image?: string
+  degree: string
+  address?: string
+  field_of_study?: string
+  duration: string
+  grade?: string
+  activities?: string
+  description?: string
+  education_media?: MediaType[]
+  created_at: string
+  updated_at: string
 }
 
 export type CertificateType = {
   id: string
   title: string
-  issuedDate: string
-  orgName: string
-  orgLogo: string
-  url: string
-  pinned: boolean
+  slug: string
+  organization: string
+  address?: string
+  image: string
+  issue_date: string
+  expiration_date?: string
+  credential_id?: string
+  credential_url?: string
+  description?: string
+  certification_media?: MediaType[]
+  created_at: string
+  updated_at: string
+}
+
+export type InterestType = {
+  id: number
+  slug: string
+  title: string
+  icon: string
+  order: number
+  created_at: string
+  updated_at: string
 }
 
 export type SocialPlatform = {
@@ -103,6 +199,51 @@ export type Utilities = {
   data: UtilityType[]
 }
 
+export type CodeSnippetType = {
+  slug: string
+  title: string
+  overview?: string
+  image: string
+  language?: string
+  content: string
+  order: number
+  created_at: string
+  updated_at: string
+}
+
+export type BlogCategoryType = {
+  id: number
+  name: string
+  slug: string
+  created_at: string
+  updated_at: string
+}
+
+export type TableOfContents = {
+  id: string
+  level: number
+  heading: string
+}
+
+export type BlogType = {
+  id: number
+  slug: string
+  title: string
+  category?: BlogCategoryType
+  image: string
+  overview?: string
+  content: string
+  author: string
+  tags?: string
+  status: string
+  reading_time?: string
+  total_words?: number
+  order: number
+  table_of_contents: TableOfContents[]
+  created_at: string
+  updated_at: string
+}
+
 export type FrontMatter = {
   slug: string
   readingTime: ReadTimeResults
@@ -120,11 +261,6 @@ export type PostType = {
   tableOfContents: TableOfContents[]
 }
 
-export type TableOfContents = {
-  level: number
-  heading: string
-}
-
 export type SupportMe = {
   name: string
   url: string
@@ -179,20 +315,15 @@ export type PageMeta = {
   snippets: PageData
 }
 
-export type Snippet = {
-  slug: string
-  title: string
-  date: string
-  excerpt: string
-  image: string
-}
-
 export type MovieType = {
   id: number
+  slug: string
   name: string
   image: string
   url: string
   year: number
   watched: boolean
   rating: number
+  created_at: string
+  updated_at: string
 }
diff --git a/frontend/next.config.js b/frontend/next.config.js
index 8c1ca8d..9ae89d4 100644
--- a/frontend/next.config.js
+++ b/frontend/next.config.js
@@ -32,6 +32,11 @@ module.exports = withPWA({
     ignoreBuildErrors: false,
   },
   env:{
-    BACKEND_API_BASE_URL : process.env.BACKEND_API_BASE_URL
+    BACKEND_API_BASE_URL : process.env.BACKEND_API_BASE_URL,
+    BACKEND_API_TOKEN : process.env.BACKEND_API_TOKEN,
+    GITHUB_ACCESS_TOKEN : process.env.GITHUB_ACCESS_TOKEN,
+    EMAIL_JS_SERVICE_ID : process.env.EMAIL_JS_SERVICE_ID,
+    EMAIL_JS_TEMPLATE_ID : process.env.EMAIL_JS_TEMPLATE_ID,
+    EMAIL_JS_PUBLIC_KEY : process.env.EMAIL_JS_PUBLIC_KEY,
   }
 });
diff --git a/frontend/package-local.json b/frontend/package-local.json
new file mode 100644
index 0000000..f24d8f4
--- /dev/null
+++ b/frontend/package-local.json
@@ -0,0 +1,68 @@
+{
+  "name": "portfolio-next",
+  "homepage": "http://nim23.com",
+  "version": "0.1.0",
+  "private": true,
+  "license": "MIT",
+  "scripts": {
+    "dev": "next dev",
+    "tsc": "tsc",
+    "build": "next build",
+    "start": "next start",
+    "tsc-watch": "tsc --watch",
+    "lint": "next lint",
+    "find:unused": "next-unused"
+  },
+  "dependencies": {
+    "@emailjs/browser": "^3.6.2",
+    "@google-analytics/data": "^3.1.2",
+    "@tailwindcss/line-clamp": "^0.4.0",
+    "@types/react-modal": "^3.16.0",
+    "framer-motion": "^6.3.3",
+    "globby": "^13.1.1",
+    "gray-matter": "^4.0.3",
+    "next": "^13.1.6",
+    "next-mdx-remote": "^4.2.0",
+    "next-pwa": "^5.6.0",
+    "nextjs-google-analytics": "^1.2.0",
+    "nprogress": "^0.2.0",
+    "prismjs": "^1.29.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.3.1",
+    "react-modal": "^3.16.1",
+    "react-pdf": "^7.1.2",
+    "react-qr-code": "^2.0.7",
+    "react-ripples": "^2.2.1",
+    "react-share": "^4.4.0",
+    "react-toastify": "^9.0.1",
+    "react-toggle-dark-mode": "^1.1.1",
+    "reading-time": "^1.5.0",
+    "rehype-autolink-headings": "^6.1.1",
+    "rehype-pretty-code": "^0.3.1",
+    "rehype-slug": "^5.0.1",
+    "rss": "^1.2.2",
+    "sharp": "^0.32.1",
+    "shiki": "^0.10.1",
+    "swr": "^1.3.0"
+  },
+  "devDependencies": {
+    "@supabase/supabase-js": "^2.2.3",
+    "@tailwindcss/typography": "^0.5.8",
+    "@types/next-pwa": "^5.6.0",
+    "@types/nprogress": "^0.2.0",
+    "@types/rss": "^0.0.29",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "autoprefixer": "^10.4.13",
+    "eslint": "8.14.0",
+    "eslint-config-next": "^13.1.6",
+    "next-unused": "^0.0.6",
+    "postcss": "^8.4.20",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.9.4"
+  },
+  "resolutions": {
+    "@mdx-js/mdx": "2.1.5",
+    "@mdx-js/react": "2.1.5"
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
index 15a6eda..87f8e3d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,5 +1,6 @@
 {
   "name": "portfolio-next",
+  "homepage": "http://nim23.com",
   "version": "0.1.0",
   "private": true,
   "license": "MIT",
@@ -7,7 +8,7 @@
     "dev": "next dev",
     "tsc": "tsc",
     "build": "next build",
-    "start": "next start",
+    "start": "NODE_ENV=production node server.js",
     "tsc-watch": "tsc --watch",
     "lint": "next lint",
     "find:unused": "next-unused"
@@ -16,6 +17,7 @@
     "@emailjs/browser": "^3.6.2",
     "@google-analytics/data": "^3.1.2",
     "@tailwindcss/line-clamp": "^0.4.0",
+    "@types/react-modal": "^3.16.0",
     "framer-motion": "^6.3.3",
     "globby": "^13.1.1",
     "gray-matter": "^4.0.3",
@@ -24,9 +26,12 @@
     "next-pwa": "^5.6.0",
     "nextjs-google-analytics": "^1.2.0",
     "nprogress": "^0.2.0",
+    "prismjs": "^1.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.3.1",
+    "react-modal": "^3.16.1",
+    "react-pdf": "^7.1.2",
     "react-qr-code": "^2.0.7",
     "react-ripples": "^2.2.1",
     "react-share": "^4.4.0",
@@ -37,6 +42,7 @@
     "rehype-pretty-code": "^0.3.1",
     "rehype-slug": "^5.0.1",
     "rss": "^1.2.2",
+    "sharp": "^0.32.1",
     "shiki": "^0.10.1",
     "swr": "^1.3.0"
   },
diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx
index 99dbeef..18a26fa 100644
--- a/frontend/pages/_app.tsx
+++ b/frontend/pages/_app.tsx
@@ -1,38 +1,38 @@
-import "@styles/globals.css";
-import Layout from "@layout/Layout";
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import NProgress from "nprogress";
-import "nprogress/nprogress.css";
-import { DarkModeProvider } from "@context/darkModeContext";
-import { GoogleAnalytics } from "nextjs-google-analytics";
-import { AppProps } from "next/app";
+import "@styles/globals.css"
+import Layout from "@layout/Layout"
+import { useEffect } from "react"
+import { useRouter } from "next/router"
+import NProgress from "nprogress"
+import "nprogress/nprogress.css"
+import { DarkModeProvider } from "@context/darkModeContext"
+import { GoogleAnalytics } from "nextjs-google-analytics"
+import { AppProps } from "next/app"
 
 NProgress.configure({
   easing: "ease",
   speed: 800,
   showSpinner: false,
-});
+})
 
 function MyApp({ Component, pageProps }: AppProps) {
-  const router = useRouter();
+  const router = useRouter()
 
   useEffect(() => {
     const start = () => {
-      NProgress.start();
+      NProgress.start()
     };
     const end = () => {
-      NProgress.done();
+      NProgress.done()
     };
-    router.events.on("routeChangeStart", start);
-    router.events.on("routeChangeComplete", end);
-    router.events.on("routeChangeError", end);
+    router.events.on("routeChangeStart", start)
+    router.events.on("routeChangeComplete", end)
+    router.events.on("routeChangeError", end)
     return () => {
-      router.events.off("routeChangeStart", start);
-      router.events.off("routeChangeComplete", end);
-      router.events.off("routeChangeError", end);
-    };
-  }, [router.events]);
+      router.events.off("routeChangeStart", start)
+      router.events.off("routeChangeComplete", end)
+      router.events.off("routeChangeError", end)
+    }
+  }, [router.events])
 
   return (
     <DarkModeProvider>
@@ -43,7 +43,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <Component {...pageProps} />
       </Layout>
     </DarkModeProvider>
-  );
+  )
 }
 
-export default MyApp;
+export default MyApp
diff --git a/frontend/pages/about.tsx b/frontend/pages/about.tsx
index b72cdc4..162f9ae 100644
--- a/frontend/pages/about.tsx
+++ b/frontend/pages/about.tsx
@@ -1,8 +1,8 @@
 import MDXContent from "@lib/MDXContent"
 import pageMeta from "@content/meta"
-import { MovieType, PostType } from "@lib/types"
+import { MovieType, PostType, ExperienceType, EducationType, ProjectType } from "@lib/types"
 import StaticPage from "@components/StaticPage"
-import { getAllMovies } from "@lib/backendAPI"
+import { getAllExperiences, getAllEducations, getAllProjects, getAllMovies } from "@lib/backendAPI"
 import { useEffect, useState } from 'react'
 import MovieCard from "@components/MovieCard"
 import { motion } from "framer-motion"
@@ -10,8 +10,10 @@ import { FadeContainer, opacityVariant } from "@content/FramerMotionVariants"
 import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
 import SkillSection from "@components/Home/SkillSection"
 import ExperienceSection from "@components/Home/ExperienceSection"
+import Education from "@components/Education"
 import Certificates from "@components/Certificates"
-import Projects from "@components/Projects"
+import ProjectSection from "@components/ProjectSection"
+import InterestSection from "@components/Interest"
 
 
 export default function About({
@@ -21,17 +23,38 @@ export default function About({
   movies: MovieType[]
 }) {
 
+  const [experiences, setExperiences] = useState<ExperienceType[]>([])
+  const [educations, setEducations] = useState<EducationType[]>([])
+  const [projects, setProjects] = useState<ProjectType[]>([])
   const [movies, setMovies] = useState([])
 
-  useEffect(() => {
-    fetchMovies()
-  }, [])
+  const fetchExperiences = async () => {
+    const experiencesData: ExperienceType[] = await getAllExperiences()
+    setExperiences(experiencesData)
+  }
+
+  const fetchEducations = async () => {
+    const educationsData: EducationType[] = await getAllEducations()
+    setEducations(educationsData)
+  }
+
+  const fetchProjects = async () => {
+    const projectsData: ProjectType[] = await getAllProjects()
+    setProjects(projectsData)
+  }
 
   const fetchMovies = async () => {
     const moviesData = await getAllMovies()
     setMovies(moviesData)
   }
 
+  useEffect(() => {
+    fetchExperiences()
+    fetchEducations()
+    fetchProjects()
+    fetchMovies()
+  }, [])
+
   // ******* Loader Starts *******
   if (movies.length === 0) {
     return <div>Loading...</div>
@@ -48,13 +71,15 @@ export default function About({
           whileInView="visible"
           variants={FadeContainer}
           viewport={{ once: true }}
-          className="grid min-h-screen py-20 place-content-center"
+          className="grid min-h-screen py-7 place-content-center"
         >
           <div>
-            <ExperienceSection />
+            <ExperienceSection experiences={experiences} />
             <SkillSection />
-            <Projects />
+            <Education educations={educations} />
             <Certificates />
+            <ProjectSection projects={projects} />
+            <InterestSection />
           </div>
         </motion.section>
       </div>
diff --git a/frontend/pages/blank.tsx b/frontend/pages/blank.tsx
new file mode 100644
index 0000000..aa37942
--- /dev/null
+++ b/frontend/pages/blank.tsx
@@ -0,0 +1,44 @@
+import { motion } from 'framer-motion'
+import { FadeContainer } from '../content/FramerMotionVariants'
+import { HomeHeading } from '.'
+import React from 'react'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import { opacityVariant } from '@content/FramerMotionVariants'
+
+export default function ProjectDetailsSection() {
+  const item = 123;
+
+  return (
+    <>
+      {item && (
+        <div className="dark:bg-darkPrimary dark:text-gray-100">
+          <motion.section
+            initial="hidden"
+            whileInView="visible"
+            variants={FadeContainer}
+            viewport={{ once: true }}
+            className="pageTop"
+          >
+            <section className="">
+              <HomeHeading title="My Page Title" />
+
+              <motion.div
+                initial="hidden"
+                whileInView="visible"
+                variants={FadeContainer}
+                viewport={{ once: true }}
+                className="mb-10 mt-4 px-7 py-4 transform rounded-lg border-gray-300 sm:justify-start bg-white dark:bg-darkSecondary dark:border-neutral-700"
+              >
+                <AnimatedDiv variants={opacityVariant} className="max-w-full prose dark:prose-invert">
+
+                  {/* place content here */}
+
+                </AnimatedDiv>
+              </motion.div>
+            </section>
+          </motion.section>
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/frontend/pages/blogs/[slug].tsx b/frontend/pages/blogs/[slug].tsx
index e0d30dd..077384b 100644
--- a/frontend/pages/blogs/[slug].tsx
+++ b/frontend/pages/blogs/[slug].tsx
@@ -1,44 +1,66 @@
-import { useEffect } from "react";
-import BlogLayout from "@layout/BlogLayout";
-import Metadata from "@components/MetaData";
-import MDXComponents from "@components/MDXComponents";
-import PageNotFound from "pages/404";
-import MDXContent from "@lib/MDXContent";
-import { MDXRemote } from "next-mdx-remote";
-import { GetStaticPropsContext } from "next";
-import { PostType } from "@lib/types";
+import BlogLayout from "@layout/BlogLayout"
+import PageNotFound from "pages/404"
+import { ProfileType, BlogType } from "@lib/types"
+import { getBlogDetails, getProfileInfo } from "@lib/backendAPI"
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+
 
 export default function Post({
-  post,
   error,
 }: {
-  post: PostType;
   error: boolean;
 }) {
-  // Adding Views to the supabase database
-  useEffect(() => {
-    const registerView = () =>
-      fetch(`/api/views/${post.meta.slug}`, {
-        method: "POST",
-      });
+  if (error) return <PageNotFound />
+
+  const router = useRouter()
+  const { slug } = router.query // Retrieve the slug parameter from the URL
+
+  const [blog, setBlog] = useState<BlogType>()
+
+  const [profileInfo, setProfileInfo] = useState<ProfileType>()
 
-    post != null && registerView();
-  }, [post]);
+  const fetchProfileInfo = async () => {
+    const profileData: ProfileType = await getProfileInfo()
+    setProfileInfo(profileData)
+  }
 
-  if (error) return <PageNotFound />;
+  const fetchBlogDetail = async (slug: string) => {
+    try {
+      const blogData: BlogType = await getBlogDetails(slug)
+      setBlog(blogData)
+    } catch (error) {
+      // Handle error case
+      console.error(error)
+    }
+  }
+
+  // Add this useEffect to trigger the API request when slug is available
+  useEffect(() => {
+    if (typeof slug === 'string') {
+      fetchProfileInfo()
+      fetchBlogDetail(slug)
+    }
+  }, [slug])
 
   return (
     <>
-      <Metadata
+      {/* <Metadata
         title={post.meta.title}
-        suffix="Jatin Sharma"
+        suffix="Numan Ibn Mazid"
         description={post.meta.excerpt}
         previewImage={post.meta.image}
         keywords={post.meta.keywords}
-      />
+      /> */}
+
+      {blog && profileInfo ? (
+        <BlogLayout blog={blog} profileInfo={profileInfo}></BlogLayout>
+      ) : (
+        <p>Loading...</p>
+      )}
 
-      <BlogLayout post={post}>
-        <MDXRemote
+
+        {/* <MDXRemote
           {...post.source}
           frontmatter={{
             slug: post.meta.slug,
@@ -49,46 +71,8 @@ export default function Post({
             image: post.meta.image,
           }}
           components={MDXComponents}
-        />
-      </BlogLayout>
-    </>
-  );
-}
-
-type StaticProps = GetStaticPropsContext & {
-  params: {
-    slug: string;
-  };
-};
-
-export async function getStaticProps({ params }: StaticProps) {
-  const { slug } = params;
-  const { post } = await new MDXContent("posts").getPostFromSlug(slug);
+        /> */}
 
-  if (post != null) {
-    return {
-      props: {
-        error: false,
-        post,
-      },
-    };
-  } else {
-    return {
-      props: {
-        error: true,
-        post: null,
-      },
-    };
-  }
-}
-
-export async function getStaticPaths() {
-  const paths = new MDXContent("posts")
-    .getSlugs()
-    .map((slug) => ({ params: { slug } }));
-
-  return {
-    paths,
-    fallback: false,
-  };
+    </>
+  )
 }
diff --git a/frontend/pages/blogs/bookmark.tsx b/frontend/pages/blogs/bookmark.tsx
deleted file mode 100644
index 4a48c9d..0000000
--- a/frontend/pages/blogs/bookmark.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { AnimatePresence } from "framer-motion";
-import { FadeContainer } from "@content/FramerMotionVariants";
-import Blog from "@components/Blog";
-import Metadata from "@components/MetaData";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import PageTop from "@components/PageTop";
-import useBookmarkBlogs from "@hooks/useBookmarkBlogs";
-import pageMeta from "@content/meta";
-
-export default function Blogs() {
-  const { bookmarkedBlogs } = useBookmarkBlogs("blogs", []);
-
-  return (
-    <>
-      <Metadata
-        title={pageMeta.bookmark.title}
-        description={pageMeta.bookmark.description}
-        previewImage={pageMeta.bookmark.image}
-        keywords={pageMeta.bookmark.keywords}
-      />
-
-      <section className="flex flex-col gap-2 pageTop text-neutral-900 dark:text-neutral-200">
-        <PageTop pageTitle="Bookmarks">
-          Here you can find article bookmarked by you for Later use.
-        </PageTop>
-
-        <section className="relative py-5 px-2 flex flex-col gap-2 min-h-[50vh]">
-          <AnimatePresence>
-            {bookmarkedBlogs?.length != 0 ? (
-              <AnimatedDiv
-                variants={FadeContainer}
-                className="grid grid-cols-1 gap-4 mx-auto"
-              >
-                {bookmarkedBlogs?.map((blog, index) => {
-                  return <Blog key={index} blog={blog} />;
-                })}
-              </AnimatedDiv>
-            ) : (
-              <div className="mt-10 font-medium text-center font-inter dark:text-gray-400">
-                Nothing to see here.
-              </div>
-            )}
-          </AnimatePresence>
-        </section>
-      </section>
-    </>
-  );
-}
diff --git a/frontend/pages/blogs/index.tsx b/frontend/pages/blogs/index.tsx
index 18fe8a6..56665e4 100644
--- a/frontend/pages/blogs/index.tsx
+++ b/frontend/pages/blogs/index.tsx
@@ -2,20 +2,16 @@ import React, { useState, useEffect, useRef } from "react"
 import { AnimatePresence, motion } from "framer-motion"
 import {
   FadeContainer,
-  popUp,
   popUpFromBottomForText,
   searchBarSlideAnimation,
 } from "@content/FramerMotionVariants"
-import Link from "next/link"
 import Blog from "@components/Blog"
 import Metadata from "@components/MetaData"
-import { BiRss } from "react-icons/bi"
 import { RiCloseCircleLine } from "react-icons/ri"
-import { BsBookmark } from "react-icons/bs"
 import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
 import PageTop from "@components/PageTop"
 import pageMeta from "@content/meta"
-import { FrontMatter } from "@lib/types"
+import { BlogType } from "@lib/types"
 import { CgSearch } from "react-icons/cg"
 import { getAllBlogs } from "@lib/backendAPI"
 
@@ -36,7 +32,7 @@ export default function Blogs() {
 
   useEffect(() => {
     setFilteredBlogs(
-      blogs.filter((post: FrontMatter) =>
+      blogs.filter((post: BlogType) =>
         post.title.toLowerCase().includes(searchValue.trim().toLowerCase())
       )
     )
@@ -65,8 +61,10 @@ export default function Blogs() {
 
       <section className="pageTop flex flex-col gap-2">
         <PageTop pageTitle="Blogs">
-          I've been writing online since 2021, mostly about web development and
-          tech careers. In total, I've written {blogs.length} articles till now.
+          Welcome to my blog page!
+          Here, you will find a collection of insightful and informative articles that I have written on various topics.
+          As a passionate writer and avid learner, I believe in the power of sharing knowledge and experiences through the written word.
+          Till now, I've written {blogs.length} articles.
         </PageTop>
 
         <AnimatedDiv
@@ -105,31 +103,12 @@ export default function Blogs() {
                   >
                     All Posts ({filteredBlogs.length})
                   </motion.h3>
-
-                  <div className="flex items-center gap-2">
-                    <Link href="/blogs/bookmark" legacyBehavior>
-                      <motion.div variants={popUp}>
-                        <BsBookmark
-                          title="Bookmark"
-                          className="text-2xl cursor-pointer"
-                        />
-                      </motion.div>
-                    </Link>
-
-                    <Link href="/rss" legacyBehavior>
-                      <motion.div variants={popUp}>
-                        <BiRss
-                          title="RSS"
-                          className="text-3xl cursor-pointer"
-                        />
-                      </motion.div>
-                    </Link>
-                  </div>
                 </AnimatedDiv>
 
+                {/* Blog Section */}
                 <AnimatedDiv
                   variants={FadeContainer}
-                  className="grid grid-cols-1 gap-4 mx-auto"
+                  className="grid grid-cols-1 gap-4"
                 >
                   {filteredBlogs.map((blog, index) => {
                     return <Blog key={index} blog={blog} />
@@ -147,11 +126,3 @@ export default function Blogs() {
     </>
   )
 }
-
-// export async function getStaticProps() {
-//   // const blogs = new MDXContent("posts").getAllPosts();
-//   const blogs = await getAllBlogs()
-//   return {
-//     props: { blogs },
-//   };
-// }
diff --git a/frontend/pages/code-snippets/[slug].tsx b/frontend/pages/code-snippets/[slug].tsx
new file mode 100644
index 0000000..0dfbb0b
--- /dev/null
+++ b/frontend/pages/code-snippets/[slug].tsx
@@ -0,0 +1,57 @@
+import PageNotFound from "pages/404"
+import { CodeSnippetType } from "@lib/types"
+import SnippetLayout from "@layout/SnippetLayout"
+// import pageMeta from "@content/meta"
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import { getCodeSnippetDetails } from '@lib/backendAPI'
+
+export default function SnippetPage({
+  error,
+}: {
+  error: boolean;
+}) {
+  if (error) return <PageNotFound />
+
+  const router = useRouter()
+  const { slug } = router.query // Retrieve the slug parameter from the URL
+
+  const [code_snippet, setCodeSnippet] = useState<CodeSnippetType>()
+
+  const fetchCodeSnippetDetail = async (slug: string) => {
+    try {
+      const codeSnippetData: CodeSnippetType = await getCodeSnippetDetails(slug)
+      setCodeSnippet(codeSnippetData)
+    } catch (error) {
+      // Handle error case
+      console.error(error)
+    }
+  }
+
+  // Add this useEffect to trigger the API request when slug is available
+  useEffect(() => {
+    if (typeof slug === 'string') {
+      fetchCodeSnippetDetail(slug)
+    }
+  }, [slug])
+
+  return (
+    <>
+      {/* <Metadata
+        title={snippet.meta.title}
+        suffix="Numan Ibn Mazid"
+        description={snippet.meta.excerpt}
+        previewImage={pageMeta.snippets.image}
+        keywords={pageMeta.snippets.keywords}
+      /> */}
+
+      {code_snippet ? (
+
+        <SnippetLayout code_snippet={code_snippet}>
+        </SnippetLayout>
+      ) : (
+        <p>Loading...</p>
+      )}
+    </>
+  )
+}
diff --git a/frontend/pages/code-snippets/index.tsx b/frontend/pages/code-snippets/index.tsx
new file mode 100644
index 0000000..e6f7d22
--- /dev/null
+++ b/frontend/pages/code-snippets/index.tsx
@@ -0,0 +1,55 @@
+import { AnimatePresence } from "framer-motion"
+import { FadeContainer } from "@content/FramerMotionVariants"
+import Metadata from "@components/MetaData"
+import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
+import PageTop from "@components/PageTop"
+import pageMeta from "@content/meta"
+import SnippetCard from "@components/SnippetCard"
+import { useEffect, useState } from "react"
+import { getAllCodeSnippets } from "@lib/backendAPI"
+import { CodeSnippetType } from "@lib/types"
+
+export default function CodeSnippets() {
+
+  const [code_snippets, setCodeSnippets] = useState<CodeSnippetType[]>([])
+
+  const fetchCodeSnippets = async () => {
+    const code_snippetsData: CodeSnippetType[] = await getAllCodeSnippets()
+    setCodeSnippets(code_snippetsData)
+  }
+
+  useEffect(() => {
+    fetchCodeSnippets()
+  }, [])
+
+  return (
+    <>
+      {/* TODO: Fix Meta */}
+      <Metadata
+        title={pageMeta.snippets.title}
+        description={pageMeta.snippets.description}
+        previewImage={pageMeta.snippets.image}
+        keywords={pageMeta.snippets.keywords}
+      />
+
+      <section className="pageTop flex flex-col gap-2">
+        <PageTop pageTitle={pageMeta.snippets.title}>
+          {pageMeta.snippets.description}
+        </PageTop>
+
+        <section className="relative flex flex-col gap-2 min-h-[50vh]">
+          <AnimatedDiv
+            variants={FadeContainer}
+            className="grid grid-cols-1 sm:grid-cols-2 gap-4 w-full"
+          >
+            <AnimatePresence>
+              {code_snippets.map((code_snippet, index) => {
+                return <SnippetCard key={index} code_snippet={code_snippet} />
+              })}
+            </AnimatePresence>
+          </AnimatedDiv>
+        </section>
+      </section>
+    </>
+  )
+}
diff --git a/frontend/pages/contact/ContactForm.tsx b/frontend/pages/contact/ContactForm.tsx
new file mode 100644
index 0000000..e4d5c4f
--- /dev/null
+++ b/frontend/pages/contact/ContactForm.tsx
@@ -0,0 +1,220 @@
+import React from "react";
+import { ToastContainer, toast } from "react-toastify";
+import { useDarkMode } from "@context/darkModeContext";
+import emailjs from "@emailjs/browser";
+import { motion } from "framer-motion";
+import {
+  FadeContainer,
+  mobileNavItemSideways,
+} from "@content/FramerMotionVariants";
+import Ripples from "react-ripples";
+import { useRef } from "react";
+import { FormInput } from "@lib/types";
+
+export default function Form() {
+  const { isDarkMode } = useDarkMode();
+  const sendButtonRef = useRef<HTMLButtonElement>(null!);
+  const formRef = useRef<HTMLFormElement>(null!);
+
+  const FailToastId = "failed";
+
+  function sendEmail(e: React.SyntheticEvent) {
+    e.preventDefault();
+
+    const target = e.target as typeof e.target & {
+      first_name: { value: string };
+      last_name: { value: string };
+      email: { value: string };
+      subject: { value: string };
+      message: { value: string };
+    };
+
+    const emailData = {
+      to_name: "Numan Ibn Mazid",
+      first_name: target.first_name.value.trim(),
+      last_name: target.last_name.value.trim(),
+      email: target.email.value.trim(),
+      subject: target.subject.value.trim(),
+      message: target.message.value.trim(),
+    };
+
+    if (!validateForm(emailData) && !toast.isActive(FailToastId))
+      return toast.error("Looks like you have not filled the form", {
+        toastId: FailToastId,
+      });
+
+    // Making submit button disable
+    sendButtonRef.current.setAttribute("disabled", "true");
+
+    // Creating a loading toast
+    const toastId = toast.loading("Processing ⌛");
+
+    emailjs
+      .send(
+        process.env.EMAIL_JS_SERVICE_ID!,
+        process.env.EMAIL_JS_TEMPLATE_ID!,
+        emailData!,
+        process.env.EMAIL_JS_PUBLIC_KEY
+      )
+      .then(() => {
+        formRef.current.reset();
+        toast.update(toastId, {
+          render: "Message Sent ✌",
+          type: "success",
+          isLoading: false,
+          autoClose: 3000,
+        });
+        sendButtonRef.current.removeAttribute("disabled");
+      })
+      .catch((err) => {
+        toast.update(toastId, {
+          render: "😢 " + err.text,
+          type: "error",
+          isLoading: false,
+          autoClose: 3000,
+        });
+        sendButtonRef.current.removeAttribute("disabled");
+      });
+  }
+
+  function validateForm(data: FormInput): boolean {
+    for (const key in data) {
+      if (data[key as keyof FormInput] === "") return false;
+    }
+    return true;
+  }
+
+  return (
+    <>
+      <motion.form
+        ref={formRef}
+        initial="hidden"
+        whileInView="visible"
+        variants={FadeContainer}
+        viewport={{ once: true }}
+        className="flex flex-col items-center w-full max-w-xl mx-auto my-10 dark:text-gray-300"
+        onSubmit={sendEmail}
+      >
+        {/* First Name And Last Name */}
+        <div className="grid w-full grid-cols-2 gap-6">
+          <motion.div
+            variants={mobileNavItemSideways}
+            className="relative z-0 w-full mb-6 group"
+          >
+            <input
+              type="text"
+              name="first_name"
+              id="floating_first_name"
+              className="block w-full px-0 py-2 mt-2 text-sm bg-transparent border-0 border-b-2 appearance-none text-white-900 border-slate-500 dark:text-white dark:border-gray-400 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
+              placeholder=" "
+              required
+            />
+            <label
+              htmlFor="floating_first_name"
+              className="peer-focus:font-medium absolute text-sm text-slate-600 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
+            >
+              First name
+            </label>
+          </motion.div>
+          <motion.div
+            variants={mobileNavItemSideways}
+            className="relative z-0 w-full mb-6 group"
+          >
+            <input
+              type="text"
+              name="last_name"
+              id="floating_last_name"
+              className="block w-full px-0 py-2 mt-2 text-sm text-gray-900 bg-transparent border-0 border-b-2 appearance-none border-slate-500 dark:text-white dark:border-gray-400 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
+              placeholder=" "
+              required
+            />
+            <label
+              htmlFor="floating_last_name"
+              className="peer-focus:font-medium absolute text-sm text-slate-600 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
+            >
+              Last name
+            </label>
+          </motion.div>
+        </div>
+        <motion.div
+          variants={mobileNavItemSideways}
+          className="relative z-0 w-full mb-6 group"
+        >
+          <input
+            type="email"
+            name="email"
+            id="floating_email"
+            className="block w-full px-0 py-2 mt-2 text-sm text-gray-900 bg-transparent border-0 border-b-2 appearance-none border-slate-500 dark:text-white dark:border-gray-400 focus:outline-none focus:ring-0 focus:dark:border-white focus:border-black peer"
+            placeholder=" "
+            required
+          />
+          <label
+            htmlFor="floating_email"
+            className="peer-focus:font-medium absolute text-sm text-slate-600 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
+          >
+            Email address
+          </label>
+        </motion.div>
+        <motion.div
+          variants={mobileNavItemSideways}
+          className="relative z-0 w-full mb-6 group"
+        >
+          <input
+            type="subject"
+            name="subject"
+            id="floating_subject"
+            className="block w-full px-0 py-2 mt-2 text-sm text-gray-900 bg-transparent border-0 border-b-2 appearance-none border-slate-500 dark:text-white dark:border-gray-400 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
+            placeholder=" "
+            required
+          />
+          <label
+            htmlFor="floating_subject"
+            className="peer-focus:font-medium absolute text-sm text-slate-600 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
+          >
+            Subject
+          </label>
+        </motion.div>
+        <motion.div
+          variants={mobileNavItemSideways}
+          className="relative z-0 w-full mb-6 group"
+        >
+          <textarea
+            name="message"
+            id="floating_message"
+            className="block py-2 mt-2 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-slate-500 appearance-none dark:text-white dark:border-gray-400 dark:focus:border-white focus:outline-none focus:ring-0  peer min-h-[100px] resize-y focus:border-black"
+            placeholder=" "
+            required
+          />
+          <label
+            htmlFor="floating_message"
+            className="peer-focus:font-medium absolute text-sm text-slate-600 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
+          >
+            Message
+          </label>
+        </motion.div>
+
+        <motion.div
+          variants={mobileNavItemSideways}
+          className="w-full overflow-hidden rounded-lg shadow-lg sm:max-w-sm"
+        >
+          <Ripples
+            className="flex justify-center w-full"
+            color="rgba(225, 225,225,0.2)"
+          >
+            <button
+              ref={sendButtonRef}
+              type="submit"
+              className="relative w-full px-4 py-3 overflow-hidden text-sm font-medium text-center text-white transition duration-300 rounded-lg outline-none bg-neutral-800 dark:bg-darkSecondary active:scale-95 disabled:opacity-50 disabled:active:scale-100"
+            >
+              Send
+            </button>
+          </Ripples>
+        </motion.div>
+      </motion.form>
+      <ToastContainer
+        theme={isDarkMode ? "dark" : "light"}
+        style={{ zIndex: 1000 }}
+      />
+    </>
+  );
+}
diff --git a/frontend/pages/contact/index.tsx b/frontend/pages/contact/index.tsx
new file mode 100644
index 0000000..c13091a
--- /dev/null
+++ b/frontend/pages/contact/index.tsx
@@ -0,0 +1,69 @@
+import { motion } from 'framer-motion'
+import AnimatedText from '@components/FramerMotion/AnimatedText'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import AnimatedHeading from '@components/FramerMotion/AnimatedHeading'
+import React from 'react'
+import { opacityVariant, popUpFromBottomForText, FadeContainer } from '@content/FramerMotionVariants'
+import ContactForm from './ContactForm'
+
+export default function ProjectDetailsSection() {
+  return (
+    <>
+      <div className="dark:bg-darkPrimary dark:text-gray-100">
+        <motion.section
+          initial="hidden"
+          whileInView="visible"
+          variants={FadeContainer}
+          viewport={{ once: true }}
+          className="pageTop"
+        >
+          <section className="">
+            <motion.div
+              initial="hidden"
+              whileInView="visible"
+              variants={FadeContainer}
+              viewport={{ once: true }}
+              className="mb-10 mt-4 px-7 py-4 transform rounded-lg border-gray-300 sm:justify-start bg-white dark:bg-darkSecondary dark:border-neutral-700"
+            >
+              <AnimatedDiv variants={opacityVariant} className="max-w-full prose dark:prose-invert">
+                <div id="contact" className="dark:bg-darkPrimary !relative">
+                  {/* Get in touch top section */}
+                  <section className="pt-6 text-center w-full-width dark:bg-darkPrimary dark:text-white">
+                    <AnimatedHeading variants={popUpFromBottomForText} className="text-4xl font-bold">
+                      Get in touch
+                    </AnimatedHeading>
+
+                    <AnimatedText
+                      variants={popUpFromBottomForText}
+                      className="px-4 py-2 font-medium dark:text-gray-300"
+                    >
+                      Do you have something on your mind that you'd like to discuss? Whether it's work-related or
+                      simply a casual conversation, I'm here and eager to lend an ear. Please don't hesitate to get in
+                      touch with me at any time. 🌟 I'm always ready for engaging discussions and open to connecting
+                      with you. Let's start a conversation and explore new ideas together. 🗣️
+                    </AnimatedText>
+                  </section>
+
+                  {/* Wrapper Container */}
+                  <section className="flex flex-col w-full px-5 mx-auto lg:flex-row dark:bg-darkPrimary dark:text-white lg:pb-10">
+                    {/* Left Contact form section */}
+                    <div className="w-full mx-auto mt-10">
+                      <AnimatedHeading
+                        variants={popUpFromBottomForText}
+                        className="w-full my-2 text-2xl font-bold text-center"
+                      >
+                        Connect with me
+                      </AnimatedHeading>
+
+                      <ContactForm />
+                    </div>
+                  </section>
+                </div>
+              </AnimatedDiv>
+            </motion.div>
+          </section>
+        </motion.section>
+      </div>
+    </>
+  )
+}
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index ecf0588..e6aac18 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -1,47 +1,53 @@
 // Page Components START----------
-import BlogsSection from "@components/Home/BlogsSection"
-import SkillSection from "@components/Home/SkillSection"
-import ExperienceSection from "@components/Home/ExperienceSection"
-import Image from "next/image"
-import Metadata from "@components/MetaData"
-import Contact from "@components/Contact"
-import {
-  FadeContainer,
-  headingFromLeft,
-  opacityVariant,
-  popUp,
-} from "@content/FramerMotionVariants"
-import AnimatedHeading from "@components/FramerMotion/AnimatedHeading"
-import { homeProfileImage, cvURL } from "@utils/utils"
-import getRSS from "@lib/generateRSS"
-import generateSitemap from "@lib/sitemap"
-import { motion } from "framer-motion"
-import { FiDownload } from "react-icons/fi"
-import pageMeta from "@content/meta"
-import staticData from "@content/StaticData"
-import React from "react"
-import Link from "next/link"
+import BlogsSection from '@components/Home/BlogsSection'
+import SkillSection from '@components/Home/SkillSection'
+import ExperienceSection from '@components/Home/ExperienceSection'
+import Image from 'next/image'
+import Metadata from '@components/MetaData'
+import Contact from '@components/Contact'
+import { FadeContainer, headingFromLeft, opacityVariant, popUp } from '@content/FramerMotionVariants'
+import AnimatedHeading from '@components/FramerMotion/AnimatedHeading'
+import { homeProfileImage } from '@utils/utils'
+import getRSS from '@lib/generateRSS'
+import generateSitemap from '@lib/sitemap'
+import { motion } from 'framer-motion'
+import { FiDownload } from 'react-icons/fi'
+import pageMeta from '@content/meta'
+import staticData from '@content/StaticData'
+import React from 'react'
+import Link from 'next/link'
 import { useEffect, useState } from 'react'
-import { getAllBlogs } from "@lib/backendAPI"
-
+import { getProfileInfo, getAllExperiences, getAllBlogs } from '@lib/backendAPI'
+import { ProfileType, ExperienceType } from '@lib/types'
+import { BsGithub, BsLinkedin } from 'react-icons/bs'
 
 export default function Home() {
+  const [profileInfo, setProfileInfo] = useState<ProfileType>()
+  const [experiences, setExperiences] = useState<ExperienceType[]>([])
   const [blogs, setBlogs] = useState([])
 
-  useEffect(() => {
-    fetchBlogs()
-  }, [])
+  const fetchExperiences = async () => {
+    const experiencesData: ExperienceType[] = await getAllExperiences()
+    setExperiences(experiencesData)
+  }
+
+  const fetchProfileInfo = async () => {
+    const profileData: ProfileType = await getProfileInfo()
+    setProfileInfo(profileData)
+  }
 
   const fetchBlogs = async () => {
-    const blogsData = await getAllBlogs(3)
+    const blogsData = await getAllBlogs(2)
     setBlogs(blogsData)
   }
 
-  // // ******* Loader Starts *******
-  // if (blogs.length === 0) {
-  //   return <div>Loading...</div>
-  // }
-  // // ******* Loader Ends *******
+  useEffect(() => {
+    fetchProfileInfo()
+    fetchExperiences()
+    fetchBlogs()
+  }, [])
+
+  const latest_experience = experiences[0]
 
   return (
     <>
@@ -62,64 +68,130 @@ export default function Home() {
           <div className="relative flex flex-col items-center w-full gap-10 mx-auto">
             <motion.div
               variants={popUp}
-              className="relative flex items-center justify-center p-3 rounded-full w-44 h-44 xs:w-52 xs:h-52 before:absolute before:inset-0 before:border-t-4 before:border-b-4 before:border-black before:dark:border-white before:rounded-full before:animate-photo-spin"
+              className="relative flex items-center justify-center p-3 rounded-full overflow-hidden w-44 h-44 xs:w-64 xs:h-64 before:absolute before:inset-0 before:border-t-4 before:border-b-4 before:border-black before:dark:border-white before:rounded-full before:animate-photo-spin"
             >
               <Image
-                src={homeProfileImage}
+                src={profileInfo?.image || homeProfileImage}
                 className="rounded-full shadow filter"
                 width={933}
                 height={933}
                 alt="cover Profile Image"
-                quality={75}
+                quality={100}
                 priority
               />
             </motion.div>
 
-            <div className="flex flex-col w-full gap-3 p-5 text-center select-none ">
+            <div className="flex flex-col w-full gap-3 p-5 text-center select-none">
               <div className="flex flex-col gap-1">
-                <motion.h1
-                  variants={opacityVariant}
-                  className="text-5xl font-bold lg:text-6xl font-arial"
-                >
-                  {staticData.personal.name}
+                <motion.h1 variants={opacityVariant} className="text-5xl font-bold lg:text-6xl font-arial">
+                  {profileInfo?.name}
+                  {profileInfo?.nickname && <span className="ml-4 text-5xl font-light">({profileInfo.nickname})</span>}
                 </motion.h1>
                 <motion.p
                   variants={opacityVariant}
-                  className="font-medium text-xs md:text-sm lg:text-lg text-[#383838] dark:text-gray-200"
+                  className="font-medium text-xs md:text-sm lg:text-2xl text-[#383838] dark:text-gray-200 mt-4"
                 >
-                  {staticData.personal.profession}
+                  <span>{latest_experience?.designation}</span>
+                  <span className="text-xs md:text-sm lg:text-xl mx-2 italic">at</span>
+                  <span>{latest_experience?.company}</span>
                 </motion.p>
               </div>
 
               <motion.p
                 variants={opacityVariant}
-                className=" text-[#474747] dark:text-gray-300 font-medium text-sm md:text-base text-center"
+                className="text-[#474747] dark:text-gray-300 font-medium text-sm md:text-base text-center"
               >
-                {staticData.personal.current_position}
+                {profileInfo?.about || staticData.personal.about}
               </motion.p>
+
+              <div className="flex items-center justify-center p-4">
+                <div className="w-1/2 h-0.5 bg-gradient-to-r from-gray-300 via-transparent to-gray-300"></div>
+              </div>
+
+              {/* Contact Section */}
+              <motion.div
+                variants={opacityVariant}
+                className="text-[#474747] dark:text-gray-300 font-small font-light text-sm md:text-base text-center"
+              >
+                {/* Address */}
+                <div>Address: {profileInfo?.address || 'Dhaka, Bangladesh'}</div>
+                {/* Email */}
+                <div className="mt-2">
+                  <span>Email: </span>
+                  <span className="text-sky-800 dark:text-sky-400">
+                    <a href={`mailto:${profileInfo?.contact_email || 'numanibnmazid@gmail.com'}`}>
+                      {profileInfo?.contact_email || 'numanibnmazid@gmail.com'}
+                    </a>
+                  </span>
+                </div>
+                {/* Contact */}
+                <div className="mt-2">
+                  <span>Contact: </span>
+                  <span className="text-sky-800 dark:text-sky-400">
+                    <a href={`tel:${profileInfo?.contact || '+880 1685238317'}`}>
+                      {profileInfo?.contact || '+880 1685238317'}
+                    </a>
+                  </span>
+                </div>
+              </motion.div>
+
+              <motion.div variants={opacityVariant} className="flex items-center justify-center gap-2 mt-4">
+                {/* LinkedIn */}
+                {profileInfo?.linkedin && (
+                  <div className="w-6 h-6 mt-2 mr-2">
+                    <Link
+                      href={profileInfo.linkedin}
+                      title="LinkedIn Profile"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <BsLinkedin className="w-full h-full transition-all hover:scale-110 active:scale-90" />
+                    </Link>
+                  </div>
+                )}
+
+                {/* Github */}
+                {profileInfo?.github && (
+                  <div className="w-6 h-6 mt-2 mr-2">
+                    <Link href={profileInfo.github} title="GitHub Profile" target="_blank" rel="noopener noreferrer">
+                      <BsGithub className="w-full h-full transition-all hover:scale-110 active:scale-90" />
+                    </Link>
+                  </div>
+                )}
+              </motion.div>
             </div>
 
-            <Link
-              href={cvURL}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-2 px-5 py-2 transition-transform border border-gray-500 rounded-md outline-none select-none dark:border-gray-400 hover:bg-white dark:hover:bg-neutral-800 active:scale-95"
-            >
-              <FiDownload />
-              <p>Resume</p>
-            </Link>
+            {/* Resume Download Button */}
+            {profileInfo?.resume_link && (
+              <Link
+                href={profileInfo?.resume_link || '#'}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center gap-2 px-5 py-2 transition-transform border border-gray-500 rounded-md outline-none select-none dark:border-gray-400 hover:bg-white dark:hover:bg-neutral-800 active:scale-95"
+              >
+                <FiDownload />
+                <p>Resume</p>
+              </Link>
+            )}
           </div>
         </motion.section>
 
         <div>
-          <ExperienceSection />
+          {/* Experience Section */}
+          <ExperienceSection experiences={experiences} />
+
+          {/* Skills Section */}
           <SkillSection />
+
+          {/* Blogs Section */}
           <BlogsSection blogs={blogs} />
+
+          {/* Contact Section */}
           <Contact />
         </div>
       </div>
     </>
-  );
+  )
 }
 
 export function HomeHeading({ title }: { title: React.ReactNode | string }) {
@@ -130,14 +202,14 @@ export function HomeHeading({ title }: { title: React.ReactNode | string }) {
     >
       {title}
     </AnimatedHeading>
-  );
+  )
 }
 
 export async function getStaticProps() {
-  await getRSS();
-  await generateSitemap();
+  await getRSS()
+  await generateSitemap()
 
   return {
-    props: { },
-  };
+    props: {},
+  }
 }
diff --git a/frontend/pages/projects/[slug].tsx b/frontend/pages/projects/[slug].tsx
new file mode 100644
index 0000000..e53e305
--- /dev/null
+++ b/frontend/pages/projects/[slug].tsx
@@ -0,0 +1,207 @@
+import { BsGithub } from 'react-icons/bs'
+import { MdOutlineLink } from 'react-icons/md'
+import Link from 'next/link'
+import { ProjectType, MediaType } from '@lib/types'
+import { motion } from 'framer-motion'
+import { FadeContainer } from '../../content/FramerMotionVariants'
+import { HomeHeading } from '..'
+import React from 'react'
+import { useEffect, useState } from 'react'
+import { getProjectDetails } from '@lib/backendAPI'
+import { useRouter } from 'next/router'
+import AnimatedDiv from '@components/FramerMotion/AnimatedDiv'
+import { opacityVariant } from '@content/FramerMotionVariants'
+import Image from 'next/image'
+import PDFViewer from '@components/PDFViewer'
+
+
+export default function ProjectDetailsSection() {
+  const router = useRouter()
+  const { slug } = router.query // Retrieve the slug parameter from the URL
+
+  const [project, setProject] = useState<ProjectType>()
+
+  const fetchProjectDetails = async (slug: string) => {
+    try {
+      const projectData: ProjectType = await getProjectDetails(slug)
+      setProject(projectData)
+    } catch (error) {
+      // Handle error case
+      console.error(error)
+    }
+  }
+
+  // Add this useEffect to trigger the API request when slug is available
+  useEffect(() => {
+    if (typeof slug === 'string') {
+      fetchProjectDetails(slug)
+    }
+  }, [slug])
+
+  function getFileExtensionFromBase64(base64String: string): string {
+    const mimeType = base64String.match(/data:(.*?);/)?.[1]
+    const [, fileExtension] = mimeType?.split('/') ?? []
+    return fileExtension || ''
+  }
+
+  const isImageFile = (file: string): boolean => {
+    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg']
+    const fileExtension = getFileExtensionFromBase64(file)
+    return imageExtensions.includes(fileExtension.toLowerCase())
+  }
+
+  return (
+    <>
+      {project && (
+        <div className="dark:bg-darkPrimary dark:text-gray-100">
+          <motion.section
+            initial="hidden"
+            whileInView="visible"
+            variants={FadeContainer}
+            viewport={{ once: true }}
+            className="pageTop"
+          >
+            <section className="">
+              <HomeHeading title={project.title} />
+
+              <motion.div
+                initial="hidden"
+                whileInView="visible"
+                variants={FadeContainer}
+                viewport={{ once: true }}
+                className="mb-10 mt-4 px-7 py-4 transform rounded-lg border-gray-300 sm:justify-start bg-white dark:bg-darkSecondary dark:border-neutral-700"
+              >
+                <AnimatedDiv variants={opacityVariant} className="max-w-full prose dark:prose-invert">
+                  {/* project cover image */}
+                  <div className="flex items-center justify-center">
+                    <Image
+                      src={project?.image as string}
+                      className="shadow filter"
+                      width={300}
+                      height={300}
+                      alt={project.title}
+                      quality={100}
+                      priority
+                    />
+                  </div>
+
+                  <div className="">
+                    <div className="text-center">
+                      {/* <h1 className="font-bold text-neutral-900 dark:text-neutral-200 text-3xl">{project.title}</h1> */}
+                      <h2 className="text-neutral-900 dark:text-neutral-200 text-lg">{project.short_description}</h2>
+                      <p className="p-0 m-0 text-sm text-gray-500">
+                        <span className="font-bold text-base">
+                          {project.duration}
+                          <span className="font-light text-sm ml-2">({project.duration_in_days})</span>
+                        </span>
+                      </p>
+                    </div>
+
+                    {/* project description */}
+                    {project.description && (
+                      <div
+                        className="text-base text-gray-600 dark:text-neutral-300"
+                        dangerouslySetInnerHTML={{ __html: project.description || '' }}
+                      ></div>
+                    )}
+
+                    {/* project media */}
+                    {project.project_media?.length ? (
+                      // Here there will be a list of media. bullet points. There will be a button. After clicking the button new modal will open with the list of media.
+                      <div className="mb-6">
+                        <h4 className="font-bold">Attachments</h4>
+                        {project.project_media.map((media: MediaType, mediaIndex) => (
+                          <div key={mediaIndex} className="my-4">
+
+                            {/* serial number */}
+                            <h2 className='italic text-gray-400 dark:text-neutral-400'>#{mediaIndex + 1}</h2>
+
+                            {/* media title */}
+                            <h3>{media.title}</h3>
+
+                            {/* Image file */}
+                            {isImageFile(media.file) && (
+                              <Image
+                                src={media.file}
+                                className=""
+                                alt={media.title}
+                                width={1000}
+                                height={1000}
+                                quality={75}
+                                style={{ width: "auto", height: "auto" }}
+                              />
+                            )}
+
+                            {/* pdf file */}
+                            {getFileExtensionFromBase64(media.file) === 'pdf' && (
+                              <PDFViewer base64String={media.file} />
+                            )}
+
+                            {/* media description */}
+                            <p className="mt-4">{media.description}</p>
+
+                          </div>
+                        ))}
+                      </div>
+                    ) : null}
+
+                    {/* project technology */}
+                    {project.technology && (
+                      <div>
+                        <h4 className="font-bold mb-4">Technology</h4>
+                        <div className="flex flex-wrap items-center gap-1">
+                          {project.technology.split(',').map((technology, index) => {
+                            return (
+                              <span
+                                key={`${technology}-${index}`}
+                                className="px-2 py-1 text-xs text-gray-500 bg-gray-100 rounded dark:bg-darkPrimary"
+                              >
+                                {technology}
+                              </span>
+                            )
+                          })}
+                        </div>
+                      </div>
+                    )}
+
+                    {/* project links */}
+                    {project.github_url || project.preview_url ? (
+                      <div>
+                        <h4 className="font-bold mb-4">Links</h4>
+                        <div className="flex items-center gap-4 p-2 mt-4 w-fit">
+                          {project.github_url && (
+                            <Link
+                              href={project.github_url}
+                              title="Source Code on GitHub"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className="text-gray-500 hover:text-black dark:hover:text-white"
+                            >
+                              <BsGithub className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
+                            </Link>
+                          )}
+
+                          {project.preview_url && (
+                            <Link
+                              href={project.preview_url}
+                              title="Live Preview"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className="text-gray-500 hover:text-black dark:hover:text-white"
+                            >
+                              <MdOutlineLink className="w-6 h-6 transition-all hover:scale-110 active:scale-90" />
+                            </Link>
+                          )}
+                        </div>
+                      </div>
+                    ) : null}
+                  </div>
+                </AnimatedDiv>
+              </motion.div>
+            </section>
+          </motion.section>
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/frontend/pages/projects.tsx b/frontend/pages/projects/index.tsx
similarity index 55%
rename from frontend/pages/projects.tsx
rename to frontend/pages/projects/index.tsx
index 326bc86..9d71a5b 100644
--- a/frontend/pages/projects.tsx
+++ b/frontend/pages/projects/index.tsx
@@ -1,10 +1,25 @@
 import React from "react"
-import ProjectSection from "@components/Projects"
+import ProjectSection from "@components/ProjectSection"
 import { motion } from "framer-motion"
 import { FadeContainer } from "@content/FramerMotionVariants"
+import { ProjectType } from "@lib/types"
+import { useEffect, useState } from "react"
+import { getAllProjects } from "@lib/backendAPI"
+
 
 
 export default function Projects() {
+  const [projects, setProjects] = useState<ProjectType[]>([])
+
+  const fetchProjects = async () => {
+    const projectsData: ProjectType[] = await getAllProjects()
+    setProjects(projectsData)
+  }
+
+  useEffect(() => {
+    fetchProjects()
+  }, [])
+
   return (
     <>
       <div className="relative max-w-4xl mx-auto dark:bg-darkPrimary dark:text-gray-100 2xl:max-w-5xl 3xl:max-w-7xl">
@@ -16,7 +31,7 @@ export default function Projects() {
           className="grid min-h-screen py-20 place-content-center"
         >
           <div>
-            <ProjectSection />
+            <ProjectSection projects={projects} />
           </div>
         </motion.section>
       </div>
diff --git a/frontend/pages/snippets/[slug].tsx b/frontend/pages/snippets/[slug].tsx
deleted file mode 100644
index b581283..0000000
--- a/frontend/pages/snippets/[slug].tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import Metadata from "@components/MetaData";
-import MDXComponents from "@components/MDXComponents";
-import PageNotFound from "pages/404";
-import MDXContent from "@lib/MDXContent";
-import { MDXRemote } from "next-mdx-remote";
-import { GetStaticPropsContext } from "next";
-import { PostType } from "@lib/types";
-import SnippetLayout from "@layout/SnippetLayout";
-import pageMeta from "@content/meta";
-
-export default function SnippetPage({
-  snippet,
-  error,
-}: {
-  snippet: PostType;
-  error: boolean;
-}) {
-  if (error) return <PageNotFound />;
-
-  return (
-    <>
-      <Metadata
-        title={snippet.meta.title}
-        suffix="Jatin Sharma"
-        description={snippet.meta.excerpt}
-        previewImage={pageMeta.snippets.image}
-        keywords={pageMeta.snippets.keywords}
-      />
-
-      <SnippetLayout snippet={snippet}>
-        <MDXRemote
-          {...snippet.source}
-          frontmatter={{
-            slug: snippet.meta.slug,
-            excerpt: snippet.meta.excerpt,
-            title: snippet.meta.title,
-            date: snippet.meta.date,
-            keywords: snippet.meta.keywords,
-            image: snippet.meta.image,
-          }}
-          components={MDXComponents}
-        />
-      </SnippetLayout>
-    </>
-  );
-}
-
-type StaticProps = GetStaticPropsContext & {
-  params: {
-    slug: string;
-  };
-};
-
-export async function getStaticProps({ params }: StaticProps) {
-  const { slug } = params;
-  const { post: snippet } = await new MDXContent("snippets").getPostFromSlug(
-    slug
-  );
-
-  if (snippet != null) {
-    return {
-      props: {
-        error: false,
-        snippet,
-      },
-    };
-  } else {
-    return {
-      props: {
-        error: true,
-        snippet: null,
-      },
-    };
-  }
-}
-
-export async function getStaticPaths() {
-  const paths = new MDXContent("snippets")
-    .getSlugs()
-    .map((slug) => ({ params: { slug } }));
-
-  return {
-    paths,
-    fallback: false,
-  };
-}
diff --git a/frontend/pages/snippets/index.tsx b/frontend/pages/snippets/index.tsx
deleted file mode 100644
index 8e0420c..0000000
--- a/frontend/pages/snippets/index.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { AnimatePresence } from "framer-motion";
-import { FadeContainer } from "@content/FramerMotionVariants";
-import Metadata from "@components/MetaData";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import PageTop from "@components/PageTop";
-import MDXContent from "@lib/MDXContent";
-import pageMeta from "@content/meta";
-import SnippetCard from "@components/SnippetCard";
-
-export default function Snippets({ snippets }: { snippets: any[] }) {
-  return (
-    <>
-      <Metadata
-        title={pageMeta.snippets.title}
-        description={pageMeta.snippets.description}
-        previewImage={pageMeta.snippets.image}
-        keywords={pageMeta.snippets.keywords}
-      />
-
-      <section className="pageTop flex flex-col gap-2">
-        <PageTop pageTitle={pageMeta.snippets.title}>
-          {pageMeta.snippets.description}
-        </PageTop>
-
-        <section className="relative flex flex-col gap-2 min-h-[50vh]">
-          <AnimatedDiv
-            variants={FadeContainer}
-            className="grid grid-cols-1 sm:grid-cols-2 gap-4 w-full"
-          >
-            <AnimatePresence>
-              {snippets.map((snippet, index) => {
-                return <SnippetCard key={index} snippet={snippet} />;
-              })}
-            </AnimatePresence>
-          </AnimatedDiv>
-        </section>
-      </section>
-    </>
-  );
-}
-
-export async function getStaticProps() {
-  const snippets = new MDXContent("snippets").getAllPosts();
-
-  return {
-    props: { snippets },
-  };
-}
diff --git a/frontend/pages/stats.tsx b/frontend/pages/stats.tsx
index bc3b7f8..c273e43 100644
--- a/frontend/pages/stats.tsx
+++ b/frontend/pages/stats.tsx
@@ -1,50 +1,52 @@
-import React from "react";
-import useSWR from "swr";
-import { FadeContainer, opacityVariant } from "@content/FramerMotionVariants";
-import fetcher from "@lib/fetcher";
-import MetaData from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import StatsCard from "@components/Stats/StatsCard";
-import Track from "@components/Stats/Track";
-import Artist from "@components/Stats/Artist";
-import AnimatedHeading from "@components/FramerMotion/AnimatedHeading";
-import AnimatedText from "@components/FramerMotion/AnimatedText";
-import pageMeta from "@content/meta";
-import { SpotifyArtist, SpotifyTrack } from "@lib/types";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
+import React from "react"
+import useSWR from "swr"
+import { FadeContainer } from "@content/FramerMotionVariants"
+import fetcher from "@lib/fetcher"
+import MetaData from "@components/MetaData"
+import StatsCard from "@components/Stats/StatsCard"
+// import Track from "@components/Stats/Track";
+// import Artist from "@components/Stats/Artist";
+// import AnimatedHeading from "@components/FramerMotion/AnimatedHeading";
+// import AnimatedText from "@components/FramerMotion/AnimatedText";
+import pageMeta from "@content/meta"
+// import { SpotifyArtist, SpotifyTrack } from "@lib/types";
+import AnimatedDiv from "@components/FramerMotion/AnimatedDiv"
+import { HomeHeading } from '../pages'
+
 
 type Stats = {
-  title: string;
-  value: string;
+  title: string
+  value: string
 };
 
 export default function Stats() {
-  const { data: topTracks } = useSWR("/api/stats/tracks", fetcher);
-  const { data: artists } = useSWR("/api/stats/artists", fetcher);
-  const { data: devto } = useSWR("/api/stats/devto", fetcher);
-  const { data: github } = useSWR("/api/stats/github", fetcher);
+
+  // const { data: topTracks } = useSWR("/api/stats/tracks", fetcher);
+  // const { data: artists } = useSWR("/api/stats/artists", fetcher);
+  // const { data: devto } = useSWR("/api/stats/devto", fetcher);
+  const { data: github } = useSWR("/api/stats/github", fetcher)
 
   const stats: Stats[] = [
-    {
-      title: "Total Posts",
-      value: devto?.posts.toLocaleString(),
-    },
-    {
-      title: "Blog Followers",
-      value: devto?.followers.toLocaleString(),
-    },
-    {
-      title: "Blog Reactions",
-      value: devto?.likes.toLocaleString(),
-    },
-    {
-      title: "Blog Views",
-      value: devto?.views.toLocaleString(),
-    },
-    {
-      title: "Blog Comments",
-      value: devto?.comments.toLocaleString(),
-    },
+    // {
+    //   title: "Total Posts",
+    //   value: devto?.posts.toLocaleString(),
+    // },
+    // {
+    //   title: "Blog Followers",
+    //   value: devto?.followers.toLocaleString(),
+    // },
+    // {
+    //   title: "Blog Reactions",
+    //   value: devto?.likes.toLocaleString(),
+    // },
+    // {
+    //   title: "Blog Views",
+    //   value: devto?.views.toLocaleString(),
+    // },
+    // {
+    //   title: "Blog Comments",
+    //   value: devto?.comments.toLocaleString(),
+    // },
     {
       title: "Github Repos",
       value: github?.repos,
@@ -65,7 +67,7 @@ export default function Stats() {
       title: "Repositories Forked",
       value: github?.forks,
     },
-  ];
+  ]
 
   return (
     <>
@@ -77,25 +79,24 @@ export default function Stats() {
       />
 
       <section className="pageTop font-inter">
-        <PageTop pageTitle="Statistics">
-          <p>
-            These are my personal statistics about my Dev.to Blogs, Github and
-            Top Streamed Music on Spotify.
-          </p>
-        </PageTop>
+        <HomeHeading title="Statistics" />
+
+        <p>Here are some statistics about my personal github.</p>
 
         {/* Blogs and github stats */}
         <AnimatedDiv
-          className="grid xs:grid-cols-2 sm:!grid-cols-3 xl:!grid-cols-4 gap-5 my-10"
+          className="my-10"
           variants={FadeContainer}
         >
-          {stats.map((stat, index) => (
-            <StatsCard key={index} title={stat.title} value={stat.value} />
-          ))}
+          <div className="grid xs:grid-cols-2 sm:!grid-cols-3 xl:!grid-cols-4 gap-5">
+            {stats.map((stat, index) => (
+              <StatsCard key={index} title={stat.title} value={stat.value} />
+            ))}
+          </div>
         </AnimatedDiv>
 
         {/* Spotify top songs */}
-        <div className="font-barlow">
+        {/* <div className="font-barlow">
           <AnimatedHeading
             variants={opacityVariant}
             className="text-3xl font-bold capitalize sm:text-4xl text-neutral-900 dark:text-neutral-200"
@@ -133,11 +134,11 @@ export default function Stats() {
               <LoadingSongs />
             )}
           </div>
-        </div>
+        </div> */}
 
         {/* Spotify top Artists */}
 
-        <div className="font-barlow">
+        {/* <div className="font-barlow">
           <AnimatedHeading
             variants={opacityVariant}
             className="text-3xl font-bold capitalize sm:text-4xl text-neutral-900 dark:text-neutral-200"
@@ -175,65 +176,65 @@ export default function Stats() {
               <LoadingArtists />
             )}
           </div>
-        </div>
+        </div> */}
       </section>
     </>
-  );
+  )
 }
 
 // Loading Components
-function LoadingSongs() {
-  return (
-    <>
-      {Array.from(Array(10).keys()).map((item) => (
-        <div
-          key={item}
-          className="bg-gray-100 h-[80.8px] first:h-[81.6px] first:md:h-[85.6px] md:h-[84.8px]  dark:bg-darkPrimary  border-l first:border-t border-r border-b  border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden relative xs:pl-16 md:!pl-20 "
-        >
-          <div className="absolute hidden tracking-wider origin-center transform left-4 md:left-6 font-inter xs:inline-flex">
-            #{item + 1}
-          </div>
+// function LoadingSongs() {
+//   return (
+//     <>
+//       {Array.from(Array(10).keys()).map((item) => (
+//         <div
+//           key={item}
+//           className="bg-gray-100 h-[80.8px] first:h-[81.6px] first:md:h-[85.6px] md:h-[84.8px]  dark:bg-darkPrimary  border-l first:border-t border-r border-b  border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden relative xs:pl-16 md:!pl-20 "
+//         >
+//           <div className="absolute hidden tracking-wider origin-center transform left-4 md:left-6 font-inter xs:inline-flex">
+//             #{item + 1}
+//           </div>
 
-          <div className="relative w-12 h-12 origin-center transform bg-white dark:bg-darkSecondary animate-pulse"></div>
-          <div className="flex flex-col gap-1">
-            <p className="animate-pulse w-40 h-6 md:h-[28px] bg-white dark:bg-darkSecondary"></p>
-            <p className="h-4 bg-white animate-pulse w-28 md:h-6 dark:bg-darkSecondary delay-125"></p>
-          </div>
-        </div>
-      ))}
-    </>
-  );
-}
+//           <div className="relative w-12 h-12 origin-center transform bg-white dark:bg-darkSecondary animate-pulse"></div>
+//           <div className="flex flex-col gap-1">
+//             <p className="animate-pulse w-40 h-6 md:h-[28px] bg-white dark:bg-darkSecondary"></p>
+//             <p className="h-4 bg-white animate-pulse w-28 md:h-6 dark:bg-darkSecondary delay-125"></p>
+//           </div>
+//         </div>
+//       ))}
+//     </>
+//   );
+// }
 
-function LoadingArtists() {
-  return (
-    <>
-      {Array.from(Array(5).keys()).map((item) => (
-        <div
-          key={item}
-          className="h-[80.8px] first:h-[81.6px] first:md:h-[129.6px] md:h-[128.8px]  bg-gray-100  dark:bg-darkPrimary  border-l first:border-t border-r border-b border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden"
-        >
-          <>
-            <div className="hidden tracking-wider origin-center transform font-inter xs:inline-flex">
-              #{item + 1}
-            </div>
-            <div
-              aria-label="image"
-              className="relative w-12 h-12 bg-white rounded-full animate-pulse dark:bg-darkSecondary md:w-24 md:h-24"
-            ></div>
-            <div className="flex flex-col gap-1">
-              <h2
-                aria-label="artist-name"
-                className="animate-pulse h-6 md:h-[28px] w-40 bg-white dark:bg-darkSecondary"
-              ></h2>
-              <p
-                aria-label="followers"
-                className="w-20 h-4 bg-white animate-pulse md:h-6 dark:bg-darkSecondary"
-              ></p>
-            </div>
-          </>
-        </div>
-      ))}
-    </>
-  );
-}
+// function LoadingArtists() {
+//   return (
+//     <>
+//       {Array.from(Array(5).keys()).map((item) => (
+//         <div
+//           key={item}
+//           className="h-[80.8px] first:h-[81.6px] first:md:h-[129.6px] md:h-[128.8px] bg-gray-100 dark:bg-darkPrimary border-l first:border-t border-r border-b border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden"
+//         >
+//           <>
+//             <div className="hidden tracking-wider origin-center transform font-inter xs:inline-flex">
+//               #{item + 1}
+//             </div>
+//             <div
+//               aria-label="image"
+//               className="relative w-12 h-12 bg-white rounded-full animate-pulse dark:bg-darkSecondary md:w-24 md:h-24"
+//             ></div>
+//             <div className="flex flex-col gap-1">
+//               <h2
+//                 aria-label="artist-name"
+//                 className="animate-pulse h-6 md:h-[28px] w-40 bg-white dark:bg-darkSecondary"
+//               ></h2>
+//               <p
+//                 aria-label="followers"
+//                 className="w-20 h-4 bg-white animate-pulse md:h-6 dark:bg-darkSecondary"
+//               ></p>
+//             </div>
+//           </>
+//         </div>
+//       ))}
+//     </>
+//   );
+// }
diff --git a/frontend/posts/10-css-resources-that-you-should-bookmark.mdx b/frontend/posts/10-css-resources-that-you-should-bookmark.mdx
deleted file mode 100644
index 67fafec..0000000
--- a/frontend/posts/10-css-resources-that-you-should-bookmark.mdx
+++ /dev/null
@@ -1,105 +0,0 @@
----
-slug: 10-css-resources-that-you-should-bookmark
-title: 10 CSS Resources that you should bookmark
-date: 2021-10-24
-published: true
-excerpt: In this article we are going to look at some awesome resource for you that can improve your productivity.
-image: https://imgur.com/c5Ir06W.png
----
-
-In this article we are going to look at some awesome resource for you that can improve your productivity, I can assure you that you will not regret on clicking this article, so Let's see what I have got for you.
-
-## 1. Neumorphism
-
-[Neumorphism](https://neumorphism.io/) generates the soft UI for your `section` or `div` and it can also customize `border-radius`, `box-shadow` and etc.
-
-![neumorphism](https://i.imgur.com/9Azvowr.png)
-
-## 2. Shadows Brumm
-
-[Shadows Brumm](https://shadows.brumm.af/) can generate multiple Layered shadow for you which gives very cool effect and you can customize the color from the curve.
-
-![shadows brumm](https://i.imgur.com/2wiFPyS.png)
-
-## 3. CSS Clip-path Maker
-
-[CSS Clip-path Maker](https://bennettfeely.com/clippy/) can generate beautiful clip-path with various different shapes it can be very handy if you use these king of shapes and properties.
-
-![clip-path](https://i.imgur.com/RHi4NE3.png)
-
-## 4. Fancy Border Shape Generator
-
-[Fancy Border Shape Generator](https://9elements.github.io/fancy-border-radius/) generates most awesome shapes by manipulating `border-radius` and you can use it anywhere in you project. You can also change the size of shape to check how it'll look with your project preference.
-
-![border-shape](https://i.imgur.com/Mi3hNOb.png)
-
-## 5. Cubic Curve
-
-[Cubic Curve](https://cubic-bezier.com/) basically generates the `cubic-bezier` for you animation in css. As we know we use `ease-in`, `ease-out` etc property for the animation to tell the browser what is the animation's flow. you can customize those properties here.
-
-![cubic-curve](https://i.imgur.com/RdpTDJl.png)
-
-## 6. CSS Gradient
-
-If you work with gradient then you will love [cssgradient.io](https://cssgradient.io/). because I am using this for a long time and it's just perfect. and also here you can also get some tools like _Gradient Button_ and many more.
-
-![gradient](https://i.imgur.com/GXQ30rQ.png)
-
-## 7.CSS Waves Generator
-
-According to me these three waves generators that are awesome to generate any kind of waves it could be for you footer or divider section etc.
-
-### CSS Waves
-
-[CSS Waves](https://getwaves.io/) generates simple waves with some customization.
-
-![css-waves-1](https://i.imgur.com/SIACH2I.png)
-
-### Gradient Multiple Waves
-
-[Gradient Multiple Waves](https://www.softr.io/tools/svg-wave-generator) can generate multiple gradient waves which is awesome.
-
-![css-waves-2](https://i.imgur.com/BKLsLsw.png)
-
-### Multiple Animated Waves
-
-[Multiple Animated Waves](https://svgwave.in/) can generate multiple gradients waves but the main feature is that it can also generate Live animation for that.
-
-![css-waves-3](https://i.imgur.com/Qj9Fcft.png)
-
-## 8. CSS Grid Generator
-
-### CSS grid
-
-[CSS grid](https://cssgrid-generator.netlify.app/) generates the awesome css For Grid and you can customize it with `div` and it will also create the child element for that
-![css-grid](https://i.imgur.com/SkTnHrb.png)
-
-### CSS Grid Area
-
-[CSS Grid Area](https://grid.layoutit.com/) generates the `grid-area` for you. and you can name that and customize the area according to your need.
-
-![css-grid-area](https://i.imgur.com/Bl6WXfY.png)
-
-## 9. Loading Animated GIFs/SVGs
-
-On [loading.io](https://loading.io/) you can generate multiple loading animation and download that as SVG, GIFs, PNG and other formats but the best feature of it is that you can customize these animation to the next level. You should try this.
-
-![loading](https://i.imgur.com/qApN28O.png)
-
-## 10. Free Icon Library
-
-### Flaticons
-
-[Flaticons](https://www.flaticon.com/) Library have 5.7M+ vector icons. So you can find any possible icons here and you can use it.
-
-![flaticons](https://i.imgur.com/lm8Tz78.png)
-
-### icons8
-
-[icons8](https://icons8.com/) library also has the vast collection of icons and you can customize them as well, also you can directly use that icon without downloading it.
-
-![icons8](https://i.imgur.com/8gyhKQb.png)
-
-## Wrapping up
-
-I hope you learned something from this article, if yes them thumbs up. There are unlimited resources but I've covered only ten in this article. I'll cover them in the future articles. So consider to Follow.
diff --git a/frontend/posts/10-git-commands-everybody-should-know.mdx b/frontend/posts/10-git-commands-everybody-should-know.mdx
deleted file mode 100644
index ec9742f..0000000
--- a/frontend/posts/10-git-commands-everybody-should-know.mdx
+++ /dev/null
@@ -1,208 +0,0 @@
----
-slug: 10-git-commands-everybody-should-know
-title: 10 Git Commands everybody should know
-date: 2021-10-20
-published: true
-excerpt: In this article there are 10 git commands which will help you in your projects
-image: https://imgur.com/17ihNhB.png
----
-
-Learning Git isn't easy. There are tons of confusing and complicated commands. Because of this, most people only learn the absolute basics of Git such as adding and committing files. This is only a small part of what you can do with Git. In this article, we'll be looking at 10 Git commands that everyone should know, or maybe you're already familiar with that.
-
-## 1. Add/Commit All
-
-One of the most common things you will do when working with Git is adding and committing a bunch of files at once. The standard way to do this is usually running an add command followed by a commit.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git add .
-git commit -m "Message"
-```
-
-This is fine but you can actually combine them together into a one command
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git commit -a -m "Message"
-#or
-git commit -am "Message"
-```
-
-By using the `-a` flag when committing you are telling Git to add all files that have been modified and then commit them with the message. This runs into issues with new files. Since the `-a` flag only adds modified files it will not add new files or deleted files. Unfortunately, you cannot use commit to add these types of files, but you can use the `-A` flag with add to add them all.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git add -A
-git commit -m "Message"
-```
-
-This using this you can add all the files modified as well as new and deleted files `-A` flag will add all files within the repository.
-
-## 2. Aliases
-
-In the previous section, we see that how you can add and commit all files, but it requires two commands and if you wanna do it several times then it hurts so much doesn't it? That is where the Git aliases command comes in. With aliases, you can write your own Git commands that do anything you want. Let's take a look at how you would write an alias for the above add/commit command.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git config --global alias.ac "!git add -A && git commit -m"
-```
-
-With this simple line, we are modifying our global Git config and adding an alias called `ac` which will run the command `git add -A && git commit -m`. The code looks a little bit confusing, but the result is that I can now run `git ac "Message"` and it will do the full add and commit for me.
-
-Now, let's look at what's going on. The first part of the command is `git config --global`. This just says we are modifying global Git `config` because as we want this alias to be available in any Git repository after that you can use `git ac` anywhere.
-
-The next part is `alias.ac`. This says we want to create an alias called `ac` which is stands for auto-commit. you can name it dinosaur if you want.
-
-Finally, the last part is the full command `!git add - A && git commit -m`. This is just our normal Git command, but we have prefixed the command with an exclamation point `!`. The reason for this is that a Git alias by default assumes that you will be calling one single `git` command, but we want to run two commands. By prefixing our command with an exclamation (`!`) git will not assume we are running one simple command. To explain this further here is an example of creating an alias for `git commit -a -m "Message"`
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git config --global alias.ac "commit -a -m"
-```
-
-This is the single git command via using alias. Git will assume that we are trying to call a single Git command and will add the git for us
-
-## 3. Revert
-
-The last commands have been pretty complex so let's look at a really simple command. The `revert` command simply allows us to undo any commit on the current branch.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git revert 486bdb2
-```
-
-All you need to do is pass the commit you want to revert to the command and it will undo all changes from that commit. One important thing to note, though, is that this only undoes changes from that exact commit.
-
-Another important thing to note is that using `revert` does not actually remove the old commit. Instead it creates a new commit that undoes all the changes from the old commit. This is good since it will preserve the history of your repository.
-
-One useful command that revert the most recent commit -
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git revert HEAD
-```
-
-## 4. Reflog
-
-Another simple, but useful command is reflog. This command lets you easily see the recent commits, pulls, resets, pushes, etc on your local machine.
-
-![reflog](https://imgur.com/aWAzDGN.png)
-
-## 5. Pretty Logs
-
-Another useful logging command in Git is the log command. This command combined with some special flags gives you the ability to print out a pretty log of your commits/branches. As you know the standard `git log` doesn't look pretty.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git log --graph --decorate --oneline
-```
-
-For more flags you can [visit here](https://rb.gy/qfnm9m)
-
-![git log](https://i.stack.imgur.com/39dMf.png)
-
-## 6. Searching Logs
-
-You can also use the log command to search for specific changes in the code. For example you can search for the text **A promise in JavaScript** is very similar as follows.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git log -S "A promise in JavaScript is very similar"
-```
-
-This command returns the commit where I added the article on JavaScript promises since that is the commit where I added this text.
-
-## 7. Stash
-
-How many times have you been working on a feature when an urgent bug report comes in and you have to put all your current code on hold. It is very tempting to do a simple add/commit. so you can switch branches to the main branch before fixing the bug. . Instead, the best thing you can do is use a `stash`.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git stash
-```
-
-This simple command will stash all your code changes, but does not actually commit them. Instead it stores them locally on your computer inside a stash which can be accessed later.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git stash pop
-```
-
-This command will take all the changes from the stash and apply them to your current branch and also remove the code from the stash.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-$ git stash save "<stash-message>"
-```
-
-This will stash your changes with the message you entered. This can be helpful especially when you have several stashes.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git stash list
-```
-
-This might show the following list if you have multiple stashes
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-stash@{0}: On master: Stashed with message1
-stash@{1}: On master: Stashed with message2
-```
-
-Now to use the particular stash you can use the following commands:
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git stash apply stash@{1}
-```
-
-Now go and fix your bug without any headache.
-
-## 8. Remove Dead Branches
-
-If you are working on any decent sized project odds are your repository has tens or hundreds of branches from previous pull requests. Most of these branches have probably been merged already and are deleted from the remote repository, but they are still on your local machine. This can get annoying when you have hundreds of dead branches on your machine which is where this command comes in.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git remote update --prune
-```
-
-This command will delete all the tracking information for branches that are on your local machine that are not in the remote repository
-
-## 9. Git Merge
-
-Once you're done with development inside your feature branch and tested your code, you can merge your branch with the parent branch.
-
-_We must first switch to the parent branch using the checkout command._
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git checkout <parent-branch-name>
-```
-
-Before merging, you must make sure that you update your local parent branch. This is important because your teammates might've merged into that branch while you were working on your feature. We do this by running the pull command - `git pull`
-
-If there are no conflicts while pulling the updates, you can finally merge your `feature1` branch into the `master` or parent branch.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git merge feature1
-```
-
-This will merge the `feature1` branch to `master` if your parent branch is `master`
-
-## 10. Destroy Local Changes
-
-Sometimes you make changes and realize that you need to scrap everything you have done so far. This usually isn't a big deal if you haven't committed yet, but if you have made multiple commits it can be hard to exactly remove all changes. This is where the reset command comes in. By running the below command you can wipe out all changes on your local branch to exactly what is in the remote branch.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-git reset --hard origin/main
-```
-
-It will pull the exact code from the remote repository and remove al the changes you have made locally.
-
-## Conclusion
-
-There are hundreds of other amazing Git commands I could have covered but these 10 commands are some of my favorites when it comes to really being a power user of Git. Hopefully, at least one of these commands can help you with mastering Git.
diff --git a/frontend/posts/5-very-useful-chrome-edge-extensions-for-developers.mdx b/frontend/posts/5-very-useful-chrome-edge-extensions-for-developers.mdx
deleted file mode 100644
index 5f2194b..0000000
--- a/frontend/posts/5-very-useful-chrome-edge-extensions-for-developers.mdx
+++ /dev/null
@@ -1,49 +0,0 @@
----
-slug: 5-very-useful-chrome-edge-extensions-for-developers
-title: 5 very useful chrome/edge extensions for developers
-date: 2021-10-28
-published: true
-excerpt: In this article we are going to look at some useful chrome extension which can be very handy as a developer.
-image: https://imgur.com/VH9d6lS.png
----
-
-In this article we are going to look at some useful chrome extension which can be very handy as a developer. So let's dive in.
-
-
-**Note -** _Now you can add chrome extension to your microsoft edge browser_
-
-## 1.Buster
-
-[Buster](https://cutt.ly/GRFxCrv) is a browser extension which helps you to solve difficult captchas by completing reCAPTCHA audio challenges using speech recognition. Challenges are solved by clicking on the extension button at the bottom of the reCAPTCHA widget.
-
-![buster](https://cutt.ly/wRFxHu3)
-
-## 2.CSS Peeper
-
-[2.CSS Peeper](https://cutt.ly/PRFcufb) is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.
-
-![css-peeper](https://cutt.ly/sRFcfpx)
-
-## 3.Coder's Calendar
-
-[Coder's Calendar](https://cutt.ly/dRFcmYM) Shows a list of live & upcoming coding Contests happening on various popular competitive programming websites with the feature to add these events to your Google Calendar.
-
-It currently support Codechef, HackerEarth, Hackerrank, Topcoder, Codeforces, CSAcademy, AtCoder, LeetCode, Kaggle, etc.
-
-![calender](https://cutt.ly/pRFcDxD)
-
-## 4.Gitako - GitHub file tree
-
-[Gitako](https://cutt.ly/ERFvr7m) is a file tree for GitHub. It can do more than just that, it has many features such as Instant file search and navigation, Fold source code etc.
-
-![gitako](https://cutt.ly/sRFvc6r)
-
-## 5.OneTab
-
-Whenever you find yourself with too many tabs, click the [OneTab](https://cutt.ly/NRFbqob) icon to convert all of your tabs into a list. When you need to access the tabs again, you can either restore them individually or all at once.
-
-![one-tab](https://cutt.ly/LRFbyXD)
-
-## Wrapping up
-
-So these are some cool and awesome chrome/edge extension that can be very useful to you in daily life. This is gonna be a serious in which I'll provide more useful extension, so follow for more.
diff --git a/frontend/posts/6-ways-to-center-a-div.mdx b/frontend/posts/6-ways-to-center-a-div.mdx
deleted file mode 100644
index 0f48f24..0000000
--- a/frontend/posts/6-ways-to-center-a-div.mdx
+++ /dev/null
@@ -1,163 +0,0 @@
----
-slug: 6-ways-to-center-a-div
-title: 6 ways to center a div
-date: 2022-01-20
-published: true
-excerpt: This article show how you can make Center a child div vertically and horizontally respect to it's parent. There are many ways to do it. These ways are the best to use.
-image: https://imgur.com/urN98S0.png
----
-
-Yeah, I know we all have struggled with this situation. We want to center a `div` or `child` inside the parent element, but sometimes it won't work or it's hard to do. So now let me introduce to you 6 ways by which you can center a `div` mostly in every situation.
-
-## Problem
-
-We have 2 divs `parent` and `child` and we need to center `child` with respect to the `parent`.
-
-<CodeTitle title="index.html" lang="html" />
-```html
-<div class="parent">
-  <div class="child"></div>
-</div>
-```
-
-<Figcaption
-  src="https://i.imgur.com/ydjQ8nQ.png"
-  alt="problem"
-  caption="Goal- It should look like this"
-/>
-
-Now we know what we want to achieve. So let's see what are the possible solutions for this problem.
-
-## 1. Using Flexbox
-
-The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure.
-
-Apply the following properties to `.parent` will center `.child` horizontally and vertically.
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.parent {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-```
-
-<Codepen id="ZEXpVYv" />
-
-## 2. Using Position
-
-The `position` property specifies the type of positioning method used for an element (static, relative, fixed, absolute or sticky). We only need relative and absolute.
-
-Apply following properties to `.parent` and `.child` will center `.child` horizontally and vertically.
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.parent {
-  position: relative;
-}
-.child {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-```
-
-<Codepen id="gOGwZpp" />
-
-## 3. Using CSS grid
-
-The CSS Grid Layout Module offers a grid-based layout system, with rows and columns. we can center the `child` element with this as well.
-
-Apply following properties to `.parent` will center `.child` horizontally and vertically.
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.parent {
-  display: grid;
-  justify-content: center; /* Horizontal */
-  align-content: center; /* Vertical */
-}
-```
-
-<Codepen id="QWqKzjp" />
-
-Also there's one other way to use the Grid you can apply the following properties to `.parent`.
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Another Approach */
-.parent {
-  display: grid;
-  place-items: center;
-}
-```
-
-<Codepen id="oNGzJbO" />
-
-## 4. Using `margin: auto` on a `flex` item
-
-Flexbox introduced a pretty awesome behavior for `auto` margins. Now, it not only horizontally centers an element as it did in block layouts, but it also centers it in the vertical axis.
-
-Apply following properties to `.parent` will center `.child` horizontally and vertically.
-
-<CodeTitle lang="css" title="styles.css" />
-
-```css
-.parent {
-  display: flex;
-}
-
-.child {
-margin: auto;
-}
-```
-
-<Codepen id="zYEKyKJ" />
-
-## 5. Pseudo-elements on a `flex` container
-
-Not the most practical approach in the world, but we can also use flexible, empty pseudo-elements to push an element to the center.
-
-Apply following properties to `.parent` will center `.child` horizontally and vertically.
-
-<CodeTitle lang="css" title="styles.css" />
-
-```css
-.parent {
-  display: flex;
-  flex-direction: column;
-}
-.parent::before,
-.parent::after {
-  content: "";
-  flex: 1;
-}
-.child {
-  /* ...other CSS */
-  margin: 0 auto;
-}
-```
-
-<Codepen id="RwLGEKN" />
-
-## 6. `margin: auto` on a `grid` item
-
-Similarly to Flexbox, applying `margin:` `auto` on a `grid` item centers it on both axes.
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.parent {
-  display: grid;
-}
-.child {
-  margin: auto;
-}
-```
-
-<Codepen id="ExwgGZd" />
-
-## Wrapping up
-
-These are not the only solution or the ways to center a child. There are many other ways to achieve the same thing, But I know only these so I shared them with you.
diff --git a/frontend/posts/access-local-server.mdx b/frontend/posts/access-local-server.mdx
deleted file mode 100644
index 73d64d5..0000000
--- a/frontend/posts/access-local-server.mdx
+++ /dev/null
@@ -1,51 +0,0 @@
----
-slug: access-local-server
-title: How to Access Local Sever on Other Devices
-date: 2022-11-26
-published: true
-keywords: web development, javascript, react, localhost, server, access local sever on other devices
-excerpt: In this article, I am going to show you how you can access your local/localhost server on any other device (Android or iOS).
-image: https://imgur.com/xRR2iOO.png
----
-
-
-
-In this article, I am going to show you how you can access your local/localhost server on any other device (Android or iOS). 
-
-To access your local server, you only one thing **IP Address** of the device where the server is running. Now there could be two scenarios where you are using Windows or Mac. You just need to get the IP Address. Let me show you how:
-
-Open windows terminal and type `ipconfig` in the command line and you will get the following output:
-
-![windows IP](https://i.imgur.com/VSkhF2w.png)	
-
-You only need an IPv4 address and as you get it not type this in your mobile browser followed by `PORT`. For instance-  
-
-```bash
-# IPv4:PORT 
-192.168.64.201:3000
-```
-And if you are running any web app on `localhost:3000` then you will be able to see that on your mobile devices also.
-
-For **Mac users** you have to do the same-
-- Get the IPv4 (use `ifconfig` command)
-- Put that on your mobile device followed by `PORT`
-
-And hurray!!!
-
-If you are unable to fine the mac IP address then you can take a look the following article: 
-
-[How to Find Your IP Address on a Mac](https://www.wikihow.com/Find-Your-IP-Address-on-a-Mac)
-
-Following is the Video demo of how it works:
-![Demo](https://imgur.com/QEAyiwr.gif)
-
-
-**🌐 Connect with me:**
-
-[Twitter](https://twitter.com/j471n_)
-[Github](https://github.com/j471n)
-[Instagram](https://www.instagram.com/j471n_/)
-[Newsletter](https://www.getrevue.co/profile/j471n)
-[LinkedIn](https://www.linkedin.com/in/j471n/)
-[Website](https://j471n.in/)
-[Buy me a Coffee](https://buymeacoffee.com/j471n)
diff --git a/frontend/posts/active-navbar-next-js.mdx b/frontend/posts/active-navbar-next-js.mdx
deleted file mode 100644
index b051245..0000000
--- a/frontend/posts/active-navbar-next-js.mdx
+++ /dev/null
@@ -1,157 +0,0 @@
----
-slug: active-navbar-next-js
-title: Active Navbar with Next.js Routes
-date: 2022-05-26
-published: true
-excerpt: This is the walkthrough of how you can make an active navigation bar by using Next.js router and it'll highlight the current page user visiting in the navbar.
-image: https://imgur.com/Cb2pzWn.png
----
-
-Active Navbar means that when the user is on the `about` page, the `about` link should be highlighted in the navbar. and when the user is on a different page and its link is available in the navbar, that should be highlighted. 
-
-If you don't get it then the following is the demo of what I am talking about and how it's gonna turn out-
-
-## Preview
-
-![preview](https://imgur.com/ewfEjcH.png)
-
-As you can see in the above demo when the user clicks any of the navbar sections the page route changes and the active page name is highlighted on the navbar. That's what are we going to build. 
-
-## Creating Layout
-
-If you don't have a Layout then you need to create a layout first. and Add that `Layout` component to the `_app.js`.
-
-<CodeTitle lang="jsx" title="components/Layout.jsx" />
-```jsx {1,5}
-import Navbar from "./Navbar";
-export default function Layout({ children }) {
-  return (
-    <>
-      <Navbar />
-      {children}
-      {/* Footer */}
-      {/* You can add more things here  */}
-    </>
-  );
-}
-```
-In the above code, you can see that we are importing `Navbar` and then we are rendering the `Navbar` inside the `Layout`.
-
-Now, after creating Layout we need to wrap our whole app with Layout. It should look something like this-
-
-<CodeTitle lang="jsx" title="pages/_app.js" />
-```jsx {2,5,7}
-import "../styles/global.css";
-import Layout from "./../components/Layout";
-function MyApp({ Component, pageProps }) {
-  return (
-    <Layout>
-      <Component {...pageProps} />
-    </Layout>
-  );
-}
-export default MyApp;
-``` 
-
-## Creating Navbar
-
-Create a file name `Navbar.jsx` in the components folder. and first, import the `Link` and `useRouter` as we need those to check the current page route.
-
-<CodeTitle lang="jsx" title="components/Navbar.jsx" />
-```jsx {1.2}
-import { useRouter } from "next/router";
-import Link from "next/link";
-```
-
-Then we need to define all the routes which we have and want to show on the navbar.
-
-<CodeTitle lang="jsx" title="components/Navbar.jsx" />
-```jsx {4}
-import { useRouter } from "next/router";
-import Link from "next/link";
-
-const navigationRoutes = ["home", "about", "pricing", "contact"];
-```
-
-Then we need to loop through `navigationRoutes` and render the elements.
-
-
-<CodeTitle lang="jsx" title="components/Navbar.jsx" />
-```jsx {6-22}
-import { useRouter } from "next/router";
-import Link from "next/link";
-
-const navigationRoutes = ["home", "about", "pricing", "contact"];
-
-export default function Navbar() {
-  const router = useRouter();
-  return (
-    <nav className="nav_container">
-      {navigationRoutes.map((singleRoute) => {
-        return (
-          <NavigationLink
-            key={singleRoute}
-            href={`/${singleRoute}`}
-            text={singleRoute}
-            router={router}
-          />
-        );
-      })}
-    </nav>
-  );
-}
-```
-
-
-In the above code, we are defining the `router` and then we are creating a `nav` container. After that, I am mapping `navigationRoutes` and for each route, we are returning `NavigationLink` which we will create in a minute.
-**Props: **
-- `href`: route link
-- `text`: text that will be displayed on the navigation bar
-- `router`: verify the current route
-
-<CodeTitle lang="jsx" title="components/Navbar.jsx" />
-```jsx {24-36}
-import { useRouter } from "next/router";
-import Link from "next/link";
-
-const navigationRoutes = ["home", "about", "pricing", "contact"];
-
-export default function Navbar() {
-  const router = useRouter();
-  return (
-    <nav className="nav_container">
-      {navigationRoutes.map((singleRoute) => {
-        return (
-          <NavigationLink
-            key={singleRoute}
-            href={`/${singleRoute}`}
-            text={singleRoute}
-            router={router}
-          />
-        );
-      })}
-    </nav>
-  );
-}
-
-function NavigationLink({ href, text, router }) {
-  const isActive = router.asPath === (href === "/home" ? "/" : href);
-  return (
-    <Link href={href === "/home" ? "/" : href} passHref>
-      <a
-        href={href === "/home" ? "/" : href}
-        className={`${isActive && "nav_item_active"} nav_item`}
-      >
-        {text}
-      </a>
-    </Link>
-  );
-}
-```
-
-
-In this, we check if the current router path is the same as the `href` then return `true` for `isActive` and if the current route is active then apply the `nav_item_active` class.
-
-This is all we need to create an active navigation bar and it works flawlessly. You can check the live demo on the following sandbox. 
-
-<CodeSandbox id="active-nav-with-next-js-w7nqw0" hideNavigation={false} />
diff --git a/frontend/posts/battery-api.mdx b/frontend/posts/battery-api.mdx
deleted file mode 100644
index d6d3de3..0000000
--- a/frontend/posts/battery-api.mdx
+++ /dev/null
@@ -1,215 +0,0 @@
----
-slug: battery-api
-title: How to use Battery Status API?
-date: 2021-12-06
-published: true
-excerpt: In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time.
-image: https://imgur.com/jodmfWd.png
----
-
-In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time. Let's first look at what are we building -
-
-## Preview
-![preview](https://i.imgur.com/vG6yTvB.gif)
-
-<Danger
-  title="Deprecated"
-  text={
-    "This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible. Be aware that this feature may cease to work at any time."
-  }
-/>
-
-Now you know how it will look like, So let's look at the code now -
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="battery">
-  <div class="main_container">
-    <!--  charging information  -->
-    <div class="charging_info">
-      <p class="battery_level"></p>
-      <img class="charging_icon" src="https://i.imgur.com/xy0IMAM.png" alt="charging" />
-    </div>
-    <!--  Charging bar  -->
-    <div class="charging_bar"></div>
-    <!--  Charging other info  -->
-    <div class="other_info">
-      <p>Discharging : <span class="discharging_time"></span></p>
-    </div>
-  </div>
-  <div class="right_bar"></div>
-</div>
-```
-
-In the HTML code, the `battery` class is the main container and it has three different section
-
-- `charging_info` : it shows the battery level and the charging icon
-- `charging_bar` : it is the bar to represent the battery level
-- `other_info` : it shows the `discharging_time`
-
-Now let's look at the CSS -
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Battery main Container */
-.battery {
-  display: flex;
-  align-items: center;
-}
-
-/* Battery main Container */
-.main_container {
-  position: relative;
-  background: #fff;
-  width: 300px;
-  height: 150px;
-  padding: 4px;
-  border-radius: 15px;
-}
-.right_bar {
-  width: 10px;
-  height: 75px;
-  border-radius: 15px;
-  background: white;
-  margin-left: 1px;
-}
-
-/* main charging bar  */
-.main_container > .charging_bar {
-  position: relative;
-  background: limegreen;
-  border-radius: 15px;
-  width: 0;
-  height: 100%;
-  z-index: 9;
-  animation: animate 2s linear;
-}
-
-/* the charging animation from the left */
-@keyframes animate {
-  0% {
-    width: 0;
-  }
-}
-
-/* Charging information  such as battery % and charging Icon */
-.main_container > .charging_info {
-  position: absolute;
-  content: "";
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-  font-size: 60px;
-  width: 100%;
-}
-
-/* Charging Icon */
-.charging_info > img {
-  width: 35%;
-  display: none;
-}
-
-/* Other information such as discharging time */
-.other_info {
-  position: absolute;
-  inset: 12px;
-  z-index: 10;
-  display: none;
-}
-```
-
-Now the main part is the javascript in order to run this properly.
-
-## Javascript
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// All the containers we need to update the battery information
-const chargingIcon = document.querySelector(".charging_icon");
-const batteryLevel = document.querySelector(".battery_level");
-const chargingBar = document.querySelector(".charging_bar");
-const dischargingTime = document.querySelector(".discharging_time");
-const otherInfo = document.querySelector(".other_info");
-
-// Getting battery it returns a propmise
-navigator.getBattery().then((battery) => {
-  /* Update all the battery information which is a combination of multiple functions */
-  function updateAllBatteryInfo() {
-    updateChargeInfo();
-    updateLevelInfo();
-    updateDischargingInfo();
-  }
-
-  //   Running as the promise returns battery
-  updateAllBatteryInfo();
-
-  //  Event Listener, when the charging status changes
-  //  it checks that does your device is plugged in or not
-  battery.addEventListener("chargingchange", function () {
-    updateAllBatteryInfo();
-  });
-
-  //  Event Listener, when the Battery Level Changes
-  battery.addEventListener("levelchange", function () {
-    updateAllBatteryInfo();
-  });
-
-  //  Event Listener, when the discharging Time Change
-  //  it checks that does your device is plugged in or not
-  battery.addEventListener("dischargingtimechange", function () {
-    updateAllBatteryInfo();
-  });
-
-  //   Updating the battery Level container and the charging bar width
-  function updateLevelInfo() {
-    batteryLevel.textContent = `${parseInt(battery.level * 100)}%`;
-    chargingBar.style.width = `${parseInt(battery.level * 100)}%`;
-  }
-
-  function updateChargeInfo() {
-    /*
-      if the device is plugged in 
-          - changing the Animation Iteration Count to infinite
-          - showing the charging Icon
-          - Hiding the other information
-      else 
-          - changing the Animation Iteration Count to initial
-          - hiding the charging Icon
-          - showing the other information
-    */
-
-    battery.charging
-      ? ((chargingBar.style.animationIterationCount = "infinite"),
-        (chargingIcon.style.display = "inline-flex"),
-        (otherInfo.style.display = "none"))
-      : ((chargingIcon.style.display = "none"),
-        (otherInfo.style.display = "inline-flex"),
-        (chargingBar.style.animationIterationCount = "initial"));
-  }
-
-  //   updating the Discharging Information
-  function updateDischargingInfo() {
-    const dischargeTime = parseInt(battery.dischargingTime / 60) ? true : false;
-    dischargeTime
-      ? ((dischargingTime.textContent = `${parseInt(
-          battery.dischargingTime / 60
-        )} minutes`),
-        (otherInfo.style.display = "flex"))
-      : (otherInfo.style.display = "none");
-  }
-});
-```
-
-**Note -** `dischargeTime` will not show if it is null/infinity, and in mobile devices it mostly infinity so to view that in action you should use laptop/desktop.
-
-<Codepen id="PoJYLXg" />
-
-## Wrapping up
-
-This shows the battery information of your device. you can use this on your website to show the battery status of the users.
diff --git a/frontend/posts/before-and-after-in-tailwind-css.mdx b/frontend/posts/before-and-after-in-tailwind-css.mdx
deleted file mode 100644
index edf514f..0000000
--- a/frontend/posts/before-and-after-in-tailwind-css.mdx
+++ /dev/null
@@ -1,42 +0,0 @@
----
-slug: before-and-after-in-tailwind-css
-title: How to use ::before and ::after in Tailwind CSS
-date: 2021-10-22
-published: true
-excerpt: This article explains how you can use `::before` and `::after` selectors in Tailwind CSS
-image: https://imgur.com/hKvmXEn.png
----
-
-In this article we are going to learn that how you can use `::before` and `::after` selectors in Tailwind CSS. If you don't know what [Tailwind CSS](https://tailwindcss.com/) is then you learn it because it is just awesome. And trust me If you got used to it then you could not leave.
-
-## Introduction
-Now let's continue with this article. This feature is only available in [Just-in-Time (JIT)](https://tailwindcss.com/docs/just-in-time-mode) mode. Tailwind has first-party support for styling pseudo-elements like `before` and `after`:
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="before:absolute before:bg-blue-500 after:flex after:bg-blue-300"></div>
-```
-
-## Use
-It has `content: ""` by default so you don't need to worry about that. Any time you use a `before` or `after` variant to make sure the elements are rendered, but you can override it using the content utilities which have full arbitrary value support:
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="before:content-['hello'] before:block ..."></div>
-```
-
-You can even grab the content from an attribute using the CSS `attr()` function:
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div
-  before="hello world"
-  class="before:content-[attr(before)] before:block ..."
-></div>
-```
-
-This can be super helpful when your content has spaces in it since spaces can't be used in CSS class names. You can use mostly any property with `before` and `after`
-
-## Wrapping up
-
-Tailwind is the super awesome framework of CSS. According to me, it's the best so far. Everyone should learn it and it is very easy to learn and use. For more such articles consider a Follow.
diff --git a/frontend/posts/ce-dec-2022.mdx b/frontend/posts/ce-dec-2022.mdx
deleted file mode 100644
index 3cfccd2..0000000
--- a/frontend/posts/ce-dec-2022.mdx
+++ /dev/null
@@ -1,132 +0,0 @@
----
-slug: ce-dec-2022
-title: Chrome Extensions of the Month - December 2022
-date: 2022-12-25
-keywords: css, web dev  elopment, productivity, chrome, chrome extensions, chrome extensions of the month, december
-published: true
-excerpt: In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it. 
-image: https://imgur.com/3idQhwF.png
----
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-
-## NOVA (new tab)
-
-[Nova](https://chrome.google.com/webstore/detail/nova-new-tab-with-theme/cmfhopmhaagcfnjflfppceclmkenjkpc?hl=en) is one of the best new tab extensions for Chrome with a minimalistic, light and dark theme, and a fully customizable New Tab page with a built-in to-do list, clock, calendar, Pomodoro, notes, RSS reader, weather and news.
-
-![Nova](https://lh3.googleusercontent.com/N4k6E3gMxvNjoD7sVc-Ol_xom1pu9EskMQkqjEaU0jxCc2Y61e_A4LHAY3Scb0C9YTxYGwMJTLLPkIm9ZPFGXQ413A=w640-h400-e365-rj-sc0x00ffffff)
-
-## DeepL Translate
-
-[DeepL Translate](https://chrome.google.com/webstore/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj?hl=en) lets you translate from one language to another. Sounds similar? Yes. It sounds like Google translate. The main difference is that it has tons of features such as-
-
-* Translate while you are writing. 
-* Translate while you are reading.
-* Full-page translation (For PRO users).
-* It supports 26 languages.
-* If you visit their [website](https://www.deepl.com/translator/files) then you can even translate the whole document (.pdf, .docx, .ppt)
-    
-
-![DeepL](https://lh3.googleusercontent.com/dRjn1llyJu3mnxLmswS_45_vPUP294BM26ntwWjlV7FRDg6U0imp_H7Da3FLRYyeUQQIww2ZGMvL4RGyO0Lwc_Z5ng=w640-h400-e365-rj-sc0x00ffffff)
-
-## StayFree
-
-[StayFree](https://chrome.google.com/webstore/detail/stayfree-website-blocker/elfaihghhjjoknimpccccmkioofjjfkf) - Web Analytics & Screen Time Tracker is analytics, self-control, productivity, and web addiction controller extension. StayFree provides analytics to help you understand how you are using the internet (daily website usage statistics), and factors leading to distractions (such as advertisements you have seen), and focus your time by restricting the usage of distracting websites.
-
-![StayFree](https://lh3.googleusercontent.com/zh-YyATWuiMVr_DnbzsTMnMxADm2KKhej9BPrqOjWjZxl6m4FbWFUVdiXjCfzxg2SyZNxkyI6Ag3hbQsO8M0w8vi8A=w640-h400-e365-rj-sc0x00ffffff)
-
-## Listly
-
-[Listly](https://chrome.google.com/webstore/detail/listly-free-data-scraper/ihljmnfgkkmoikgkdkjejbkpdpbmcgeh/related) converts any website to Excel in just a few clicks. Speed up your data collection and put your time and effort into what really matters to you. You can also Schedule a daily extraction.
-
-![Listly](https://lh3.googleusercontent.com/Q21Y01w6-20bwGnC-dhXTuDm0if_vaiyjbVh1q4g1rRXNRx-9OzlYGaGT52tiEX36JCIDNkf6AR6iLIp80ujswoasso=w640-h400-e365-rj-sc0x00ffffff)
-
-![Listly](https://lh3.googleusercontent.com/JWOsf3-HJmbDqTWySRFqkik_5z5CyzJGfjA3uuv2yCZLbJLB2n5NWC13kh57TKCRp2hfQz_MD0NBMlavUnqi-TmN0Jo=w640-h400-e365-rj-sc0x00ffffff)
-
-## Minimal Theme for Twitter
-
-[Minimal Theme for Twitter](https://chrome.google.com/webstore/detail/minimal-theme-for-twitter/pobhoodpcipjmedfenaigbeloiidbflp) refines and cleans up the Twitter interface, and adds useful features and customizations:
-
-* Remove the distracting trends sidebar
-* Customize your Timeline width
-* Remove Timeline and Tweet borders for a more minimalistic look
-* Customize the left navigation
-* Hide vanity counts under tweets
-* Remove promoted posts
-* Remove "Who to Follow" and other suggestions
-* Hide the Search Bar
-* Hide the Tweet button
-* Hide View Counts
-    
-
-![Minimal](https://lh3.googleusercontent.com/DcJtUQTRtVNJ_fjfLehL9L2QYO9Ny2jTdeir8T9OfPX8gECS4h5aA_onLsA75-grngfwRN7VTcWWEVtWjbFpSDfdHQQ=w640-h400-e365-rj-sc0x00ffffff)
-
-![Minimal](https://lh3.googleusercontent.com/1I--BWRsXOeaoXM9F313pPJSzlyQZVXx6FxhjlDMZHXgpXkVnPzn5SByIUQ6h8RWwcFDXLz5bZPjDmbKUAyjlRYPK1s=w640-h400-e365-rj-sc0x00ffffff)
-
-## Robots Exclusion Checker
-
-[Robots Exclusion Checker](https://chrome.google.com/webstore/detail/robots-exclusion-checker/lnadekhdikcpjfnlhnbingbkhkfkddkl) is designed to visually indicate whether any robots exclusions are preventing your page from being crawled or indexed by Search Engines
-
-**The extension reports on 5 elements:**
-
-* Robots.txt
-* Meta Robots tag
-* X-robots-tag
-* Rel=Canonical
-* UGC, Sponsored and Nofollow attribute values
-    
-
-![Robots](https://lh3.googleusercontent.com/56vQxRGPdh8ITUV2pjfowShuPqyMiVh_VZNgQI7jjP28KXksrZWMmTno3fxdPdLmW4VVLdcJe_b9FKZs2iHJQJHX4w=w640-h400-e365-rj-sc0x00ffffff)
-
-## Motion DevTools
-
-[Motion DevTools](https://chrome.google.com/webstore/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk) is a browser extension to inspect, edit and export animations made with CSS and Motion One. I highly recommend you use this extension if you work with animations.
-
-![Motion](https://lh3.googleusercontent.com/v1xDwsqk7daYdyuMiWDWXb5U8Y14WjdaH_3NY_0pF0PPdDl1hAcSwqeThLYTX3-83YX59IWnBxDQibbptZcxzB9S6w=w640-h400-e365-rj-sc0x00ffffff)
-
-## Chroma
-
-[Chroma](https://chrome.google.com/webstore/detail/chroma-ultimate-eyedroppe/pkgejkfioihnchalojepdkefnpejomgn) is a free, user-friendly color tool that allows you to easily sample colors from your screen while browsing the internet. It is highly intuitive and simple to use.
-
-![Chroma](https://lh3.googleusercontent.com/gUo_414NWXSYgLxXTqa2qUW-Mpys4wtGZwW9Gdx_lR25gNZAfMZLQs73jtIWhp1xsOSlzcTD1z5DM8odvfuR9B_bDt0=w640-h400-e365-rj-sc0x00ffffff)
-
-## Monaco Markdown Editor For GitHub
-
-[Monaco Markdown Editor For GitHub](https://chrome.google.com/webstore/detail/monaco-markdown-editor-fo/mmpbdjdnmhgkpligeniippcgfmkgkpnf?hl=en) is an open-source extension that replaces all GitHub text areas for authoring markdowns with a monaco editor.
-
-**Features:**
-
-* Syntax Highlighting of Markdown and Code Snippets
-* Tab to indent and Shift+Tab to outdent entire selections
-* Multi-Cursor Editing
-    
-
-![Monaco](https://lh3.googleusercontent.com/WhtCPBpnXxFfSIOBKSWPePYuPLqnVITYJ7l0a_wCZf-6j2s0HQHN_lpM5EL-HVzJVvqhqLVOLk67VSQl5JhIGoyJ8w=w640-h400-e365-rj-sc0x00ffffff)
-
-## Dopely Colors
-
-[Dopely Colors](https://chrome.google.com/webstore/detail/dopely-colors/likjnedfkpkabglldlnelmochinjpbjm?hl=en) is a package of advanced color tools that we believed to be essential for every creator.
-
-**Features:**
-
-* Color Picker
-* Color Gradient Generator
-* Color Tab
-* Color Contrast Checker
-* Color Blindness Simulator 
-* Color Toner
-* Save & Export your colors
-    
-
-![Dopely Color](https://lh3.googleusercontent.com/KY37hcI_qnH4M1ukGF2sw6dDJOEhZgYLScy71XoZ8DDsnz7yxFSEnfWJxs6HtGTXCpwcmLgFQpFTwcIqNxHH7H-P=w640-h400-e365-rj-sc0x00ffffff)
-
-![Dopely Color](https://lh3.googleusercontent.com/XS9LCeYkrQ8jy_D_P7cjeawB9_m44Cl1M-uqk2-caQVYaOmt6jkkVyxNruVkF8EM0Bfsd-_f5CKHa8bAwuqd-hK3iVo=w640-h400-e365-rj-sc0x00ffffff)
-
-![Dopely Color](https://lh3.googleusercontent.com/VUFq_7ZmnyomOVKyc4w7wYLX7i1wBCcOShErhiwptsLXbT_9uI6zhxTAPvrwcPWUUl5V5Ap9vvj_KGcygWfh1mEpnw=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-**Wrapping up**
-
-These were some extensions for this month (November 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
\ No newline at end of file
diff --git a/frontend/posts/ce-feb-2023.mdx b/frontend/posts/ce-feb-2023.mdx
deleted file mode 100644
index 5661e48..0000000
--- a/frontend/posts/ce-feb-2023.mdx
+++ /dev/null
@@ -1,100 +0,0 @@
----
-slug: ce-feb-2023
-title: Chrome Extensions of the Month - February 2022
-date: 2028-02-26
-keywords: css, web dev  elopment, productivity, chrome, chrome extensions, chrome extensions of the month, february
-published: true
-excerpt: In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it. 
-image: https://imgur.com/YnvREmY.png
----
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-
-## OSlash
-
-[OSlash](https://chrome.google.com/webstore/detail/oslash-text-expander-and/gpljeioabgadbidbkcbhjjglpinfhmal) is a free, top-rated Text Expander and Custom Keyboard Shortcut for you and your team. Using OSlash Text Expander, insert text templates everywhere you work in apps such as Gmail, LinkedIn, Intercom, and Google Docs.
-
-![](https://lh3.googleusercontent.com/ZaX5XnMfQqOhUKCv70fasHxHhyWb45kbyWugVSkQS-fzHul8AhFZa3v_hqt6lTmDzSMV-zhHI510uNGm58pTkntjUg=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/gI4cs3csNFDpwF4Xw-q6-41QjCZgUFkbigVygaKRl8Ikt5uKE03HS3nHwtJl02Dr2HRdhIOUiG2gGaPuZ8kY5jnq=w640-h400-e365-rj-sc0x00ffffff)
-
-## Auto Group Tabs
-
-[Auto Group Tabs](https://chrome.google.com/webstore/detail/auto-group-tabs/ekjmngjikhikadcbbidpfdaocifddaip) Keeps your tab bar tidy with auto grouping without the need to group them manually. Group tabs automatically based on URL.
-
-![](https://lh3.googleusercontent.com/A2VGNAqOiXNevP_7140NiW4IsOzTM3axTVQ1E6WTwa13w9MI7TBGfW6jAR8fKcmnwY8HxKBrJJ2Qa2roFAWnbd7ZRw=w640-h400-e365-rj-sc0x00ffffff)
-
-## Validity
-
-[Validity](https://chrome.google.com/webstore/detail/validity/bbicmjjbohdfglopkidebfccilipgeif) can be used to quickly validate your HTML documents from the toolbar. Just click the icon in the toolbar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip and the detail can be seen in the console tab of Chrome's developer tools.
-
-![](https://lh3.googleusercontent.com/CMxzRA-jU3mckPzZpF5DWkhhzLjHR3KEleh_5fBKIckD7QMGJ9z6qNME65Bl1h2qQrtFzfal1O9cEX6qHWiTn3wg4w=w640-h400-e365-rj-sc0x00ffffff)
-
-## Find+
-
-[find+](https://chrome.google.com/webstore/detail/find%2B-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb) is a powerful Find-in-Page extension for Google Chrome allowing you to search a web page or document by regular expression. It has been designed to look and behave much like the native CTRL+F tool, but extended with various useful features.
-
-![](https://lh3.googleusercontent.com/IjiJrnzn44W01uIHsNmUP1s8FxqueTAAAxR-PlgDGgbDwuE_qskZ9RI98vHo5x1Sry70mziQ90B4qCTM74c-5_z2fw=w640-h400-e365-rj-sc0x00ffffff)
-
-## Gimli Tailwind
-
-[Gimli Tailwind](https://chrome.google.com/webstore/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl) lets developers debug and work with Tailwind CSS more intuitively. This is a DevTools extension enabling smart tools for Tailwind CSS.
-
-![](https://lh3.googleusercontent.com/ADqozONu5ski6YRXrRQCrD-bxMg8dESx_uBn4c-APAe9DNs_xjl9PQlgDT87CGZbntGuuPVxuLsh_z-MEO88MTZGSA=w640-h400-e365-rj-sc0x00ffffff)
-
-## Eesel
-
-All your Google Docs, Notion pages and other work documents, right in your new tab. Your team creates many work docs in many different apps. A project brief in Google Docs, a timeline in Notion, a mockup in Figma. It can be an exhausting game of trial and error to find the links you need, and that's where [eesel](https://chrome.google.com/webstore/detail/eesel-the-new-tab-for-wor/jffaiidojfhflballoapgofphkadiono) comes in.
-
-![](https://lh3.googleusercontent.com/iMe0G5-irvmBhAQ0YK3Pbs5YkqU4CkGmLzL27rvN0TROoMjyuqkAcNMiZHgffvtoK_1D-z25-jOqXVkpSp9MG_oJcQ=w640-h400-e365-rj-sc0x00ffffff)
-
-## Buffer
-
-[Buffer](https://chrome.google.com/webstore/detail/buffer/noojglkidnpfjbincgijbaiedldjfbhh?hl=en) is the best way to share great content to Social Networks from anywhere on the web. The Buffer Chrome extension allows you to schedule posts to Buffer ([https://buffer.com](https://buffer.com)). By using this tool, you will be able to create and schedule your social media content faster from anywhere on the web. As we add updates to [Buffer.com](http://Buffer.com), you’ll automatically get the new features here, too!
-
-![](https://lh3.googleusercontent.com/uIGzRAPt9IhTfNXzOPtGp74N9iCaJv6lrXH1lo-t2tMTXt9EZzQ2u2epTsWKZseMStTbv5TQRLXCKTCwNhfXHkfc6n8=w640-h400-e365-rj-sc0x00ffffff)
-
-## DuckDuckGo Privacy Essentials
-
-[DuckDuckGo Privacy Essentials](https://chrome.google.com/webstore/detail/duckduckgo-privacy-essent/bkdgflcldnnnapblkhphbgpggdiikppg?hl=en) is used for protecting your privacy online. Locking the front door won’t stop the most determined folks from getting inside, especially if you’ve left the back door and windows unlocked and an extra key under the doormat. That’s why we offer multiple types of privacy protection, all with the single purpose of better protecting your privacy in Chrome.
-
-![](https://lh3.googleusercontent.com/4ejTSepN79f8uaOChkHup6-J-7Vb3J7p2MFGXe1gjUifym-uc36MdEBjCFmiyZEUTnzrXXV7zacSHPyAEM_OPYoLug=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/iYtWe5HNmWszwt-SCjvgKodWwnF4WBuvMkn2tDH5k-chANe6MJRB98Wh7RY73hDGQyQVaI2htZkx104aSF2U_IpD=w640-h400-e365-rj-sc0x00ffffff)
-
-## Save image as Type
-
-[Save image](https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd?hl=en) as PNG, JPG or WebP by context menu on image. Add context menu for images to save image as PNG, JPG or WebP format.
-
-![](https://lh3.googleusercontent.com/GxY1qe6ENSpwtiw9-Bp0mtLQ38uQQQWgXntYWlIjT2aW3cLBYS2OF2_Xdggi92HmSoAkD8eSFhKxV-HdM7qjFhifZg=w640-h400-e365-rj-sc0x00ffffff)
-
-## Awesome Screenshot and Screen Recorder
-
-[Awesome Screenshot and Screen Recorder](https://chrome.google.com/webstore/detail/awesome-screenshot-and-sc/nlipoenfbbikpbjkfpfillcgkoblgpmj) is the best screen recorder and screen capture & screenshot tool to record screens.
-
-**Features**
-
-* Provide stable service for more than 10 years
-    
-* Loved by more than 3 million users across different platforms 👍
-    
-* ️Local Screen Recorder & Cloud Screen recorder 2 in 1
-    
-* Screenshot / Screen capture & Screen recorder 2 in 1
-    
-* Instant sharing of your screenshots and screen recordings
-    
-
-![](https://lh3.googleusercontent.com/5_RfvhY7bsBguxe9N4pHb55YllfHCIgIPBSPLhlScHF-Q9Jy5yjsy30k6FxOPjrDLeJuXChIWo8R3L2EtrP60Eso=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/GqtBc7wJxq7yBsJ-kO6tTSRct6hypcgclj_m7CkepgZUMgAZh4LPk_XsSyxauEIJGYcRE7tIOTmun_wNBU_yaEtNig=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/q6WVCMxriY4MRj6RYUd72TOfwc6T8dJ-1eHMYEPBNnxeAUyB--ApWQbEX3e2UF7JhfNngn4494IigX9Aeu_rIueA-uQ=w640-h400-e365-rj-sc0x00ffffff)
-
-
-***
-
-**Wrapping up**
-
-These were some extensions for this month (February 2023). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/ce-jan-2023.mdx b/frontend/posts/ce-jan-2023.mdx
deleted file mode 100644
index 8046b91..0000000
--- a/frontend/posts/ce-jan-2023.mdx
+++ /dev/null
@@ -1,131 +0,0 @@
----
-slug: ce-jan-2023
-title: Chrome Extensions of the Month - January 2023
-date: 2023-01-28
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month, January, 2023
-published: true
-excerpt: In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/2ZmhZAx.png
----
-
-
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-
-
-
-## ChatGPT for Google
-
-[ChatGPT for Google](https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf) displays ChatGPT response alongside search engine results This is an open-source extension that shows the response from ChatGPT alongside Google, Bing, DuckDuckGo and other search engines
-
-**Features:**
-
-* Supports all popular search engines
-    
-* Access ChatGPT from the extension popup
-    
-* Markdown rendering
-    
-* Code highlights
-    
-* Dark mode
-    
-* Feedback to improve ChatGPT
-    
-* Custom trigger mode
-    
-* Copy to clipboard
-    
-
-![](https://i.imgur.com/XuvoSvm.png)
-
-## Summarize
-
-With the [Summarize](https://chrome.google.com/webstore/detail/summarize/lmhkmibdclhibdooglianggbnhcbcjeh) extension, you can get the main ideas of any page in just one click, without leaving the page. Whether you're reading news, articles, blogs, or research reports, Summarize have you covered.
-
-![](https://lh3.googleusercontent.com/B0l-_JbAcYsmMqLSmffyrr0DTpn7I-0-T_0A01uyIU-ofN3YSxt86NNrJecOmxqvMHwaM7igxQBxNEuTn45H6QrwuHY=w640-h400-e365-rj-sc0x00ffffff)
-
-## Flonnect
-
-[Flonnect](https://chrome.google.com/webstore/detail/screen-webcam-recorder-fl/lkeokcighogdliiajgbbdjibidaaeang) extensions allow Screen Recording from your Webcam and Desktop Record your screen or camera along with your audio. This extension supports all types of screen recordings for free with unlimited usage.
-
-* Free to Use
-    
-* No Watermark
-    
-* No Lag screen recording
-    
-* Unlimited Usage
-    
-* Includes audio recording with Webcam
-    
-
-![](https://lh3.googleusercontent.com/5Pe5nDOoCp5LMQlPOpuJph5cpYTi_H2WwLZ3_jSO4tBGrbXlw77XmfadEg9mqqPrznVzEs1XSIkSMs8g-rcJLsBSkg=w640-h400-e365-rj-sc0x00ffffff)
-
-## Hackertab
-
-[Hackertab](https://chrome.google.com/webstore/detail/hackertabdev-developer-ne/ocoipcahhaedjhnpoanfflhbdcpmalmp) allows you to customize your default tab page that includes news, tools and events from top sources such as GitHub Trendings, Hacker News, DevTo, Medium, and Product Hunt. No matter what type of developer you are, you'll find valuable and relevant information here.
-
-![](https://lh3.googleusercontent.com/rQiOXCi1evWhjOOOCaoM5hWmE3RUMbKqaqcV70Jf0VCAzH5pkAUsYcvRqFMzdNjg8UsJP9P0f9VYQ32eppTtTHo8YQ=w640-h400-e365-rj-sc0x00ffffff)
-
-## SuperDev
-
-[SuperDev](https://chrome.google.com/webstore/detail/superdev-design-and-dev-t/jlkikimlceonbmfjieipbonnglnlchhl) is a browser toolbox for designers, developers and techies that minimizes the development/designing time and provides various tools to debug the web without any hassle. It contains 18 tools for developers so you won't have to install a separate extension for each one.
-
-![](https://lh3.googleusercontent.com/ALEstpr8U-EHKVwsvkkPW6Qz5CU5s61gVaICjoTQf8gcCHYiPpmEg4CrnTmB9CxIshkOUwMXkly_JIMnH6eJ-OIyV2o=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/X35Vh8GIh3SQ6dkgEDpRLHPbWrMx3vA7MGXrhUuBVKrQ56a-Kum9Xye8tMINePOram94F73yJYuie84QHszQ8EQ7=w640-h400-e365-rj-sc0x00ffffff)
-
-## GitHub Writer
-
-[GitHub Writer](https://chrome.google.com/webstore/detail/github-writer/diilnnhpcdjhhkjcbdljaonhmhapadap) provides all the features available in the GitHub plain-text editor, including Markdown input. For features like tables, it offers a much easier experience in comparison to plain-text Markdown and allows users to be more productive. No more switching to the Preview tab to see what you write!
-
-![](https://lh3.googleusercontent.com/f1pqeSNUeStwkah579AzvJqU6T9TxtaUGePWtSdMVrSSN-08dZdJrog10t3ZLJmX_-8OcDUTDrtyoEgvhX7HKJPL=w640-h400-e365-rj-sc0x00ffffff)
-
-## Querio
-
-[Querio](https://chrome.google.com/webstore/detail/querio-graphql-and-xhr-re/ojealanebldmhejpndmaenfcdpengbac) adds the Missing DevTools network inspector for GraphQL and XHR requests.
-
-* Querio intercepts and displays GraphQL and XHR requests in a nicer and more dev-friendly way than the built-in Network panel
-    
-* Each request made on the page is beautifully formatted and highlighted
-    
-* Search data in request/response
-    
-* Filtering by request type and searching by GraphQL query/mutation name
-    
-* Dark and Light themes
-    
-![](https://lh3.googleusercontent.com/Pb-yfu0uUl3jQs6KWY8ccVQyy0u-VRt0xcsPgTdoLcciRnIzMmVGto7XeWHatXRNeb1vKVXptK1YDjYO4CIfY9EdOg=w640-h400-e365-rj-sc0x00ffffff)
-    
-
-![](https://lh3.googleusercontent.com/xovxnw6CzIso_AZ5RfvNYJosiEYtF5lpqXQOy0KW8KofQoLOhxPOSH5IgrAx1Y16XwLl5VJipDEuPrfbi4yq3cXmRro=w640-h400-e365-rj-sc0x00ffffff)
-
-## Little Star
-
-[Little Star](https://chrome.google.com/webstore/detail/little-star-github-stars/kmjfdonmflchjdlmeoecbmebfpnafpec) comes from the idea of categorizing projects directly when clicking the GitHub Star button, and I want to manage and local my GitHub stars quickly. So building a browser extension with a comfortable UI comes to my mind.
-
-![](https://lh3.googleusercontent.com/3-RkCO-KK-QDEio1zGeok03P7d9BuN7tTdfwDVZfdTwOm3lmj3qgODOkIFEvpGPU-X7BtwBCK3i9ko9z-An63sw00A=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/bgytldKRmvrJ3r7fVmfd1C1ZVGVFLJZUtE-ZGsV9yO-UAUnRl2vrM-9x3dqCscu-rIHuZeeVBSbSWS6Zkm19-Y-Bdg=w640-h400-e365-rj-sc0x00ffffff)
-
-## You
-
-Search less, find and create more with generative AI apps supercharging your search and helping you write better, code better, and design better. [You.com](https://chrome.google.com/webstore/detail/youcom-search-chat-and-cr/fhplnehgjpmohhldfnjhibanpbiedofi) has a beautiful and modern UI. Quickly access generative AI apps powered by OpenAI models (such as GPT-3).
-
-![](https://lh3.googleusercontent.com/7iFUe_ac5FxWhSqBptLVgSDhHt4TebpzJ40rUgoQMUEH-Oi9Lnan9s1AOLHAEvMPZc2khiVGfej84qsaYBr3z3j-1tY=w640-h400-e365-rj-sc0x00ffffff)
-
-![](https://lh3.googleusercontent.com/5QQnng5TESoRGefTWxhF6ENSIcdBO8LYjJZeB7_wVkxLXqRv31UIptebAzU5lY8a5dQD1VBX67ewMlpaALM4qVtQ5g=w640-h400-e365-rj-sc0x00ffffff)
-
-## OCR Editor
-
-[OCR text extractor](https://chrome.google.com/webstore/detail/ocr-editor-text-from-imag/ihnfmldlpdipgnliolhfffenpcmjgnif/related), or image-to-text converter extracts text from images and videos. It uses optical character recognition (OCR) technology to accurately convert images into text. It supports text extraction from all the images.
-
-![](https://lh3.googleusercontent.com/NZFyEnSuY8wMNUlTAoD3gPIyRjYPkXbsCkUq2UbhU4vRi5ofz6FkAVcf42lKR98TwCPA-hysPG73toYbe3bQeCMZLZ0=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (January 2023). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/ce-nov-2022.mdx b/frontend/posts/ce-nov-2022.mdx
deleted file mode 100644
index d1069a0..0000000
--- a/frontend/posts/ce-nov-2022.mdx
+++ /dev/null
@@ -1,117 +0,0 @@
----
-slug: ce-nov-2022
-title: Chrome Extensions of the Month - November 2022
-date: 2022-11-29
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month, november
-published: true
-excerpt: In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/qK15kjE.png
----
-
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-
-## 1. Simplify Gmail
-
-Brought to you by the co-founder and design lead for Google Inbox, [Simplify Gmail](https://chrome.google.com/webstore/detail/simplify-gmail/pbmlfaiicoikhdbjagjbglnbfcbcojpj) is a browser extension for desktop Gmail that boosts productivity, strengthens privacy, and reduces️ stress. It makes the Gmail very simple in UI and more productive.
-
-
-![Simplify Gmail](https://lh3.googleusercontent.com/MS5EZsoGs_Jqi_j00TX8FnFi_Tdghne4dfpDNLvoVbNKOVE3gz2LTRMHbD7wXPi26oBeMlACYzS1eYwAk3arNHSXeA=w640-h400-e365-rj-sc0x00ffffff)
-
-## 2. Bardeen
-
-[Bardeen](https://chrome.google.com/webstore/detail/bardeen-automate-workflow/ihhkmalpkhkoedlmcnilbbhhbhnicjga) is a no-code workflow automation app that replaces your repetitive tasks with a single shortcut. Connect your favorite web apps and build custom automations in minutes. 
-
-Suggested By - [@dochan](https://dev.to/dochan)
-
-![Bardeen](https://lh3.googleusercontent.com/TVBzwPMLMxn_vND09BUKjCERsa6-qL4TbCJVUetk9yGOuM_GvsXebePz6z-cgHf_EGpjAls25y9OAQ936pNk0bMyRA=w640-h400-e365-rj-sc0x00ffffff)
-
-## 3. Let Me Read That Article
-
-Do you hate it when you want to read an article ad free, but the website says, "looks like you're using an ad-blocker"? Or when you have a limited number of reads on a news website until you have to subscribe? Same here, so here's an extension that will intercept those annoying popups and let you read that article.
-
-**[Download](https://chrome.google.com/webstore/detail/let-me-read-that-article/bmdnpacffafhifoibkeajbacaapgcoih)**
-
-![Let Me Read That Article](https://lh3.googleusercontent.com/FXQ_ZyUmuT7TItRnmiNOEBBlFl46ZG9REqIobYyWFuAAOjv6MMukSn08Hkrch3bcpPUKXtNVtKUceY5fj0PrYrJr=w640-h400-e365-rj-sc0x00ffffff)
-
-
-![lemme read](https://lh3.googleusercontent.com/qkinNy_ss__MgFaKQNhXhBQeXIJeGno2l6Dntodvet4WW_IZAi1JXZ_jme1HMWTQLBUiim5oOa2ZftuBl01M9_Y3KyU=w640-h400-e365-rj-sc0x00ffffff)
-
-## 4. Image download center
-
-[Image Download Center](https://chrome.google.com/webstore/detail/image-download-center/deebfeldnfhemlnidojiiidadkgnglpi) - saves your time when you want to download images from a webpage. 
-
-Features:
-- Download all images
-- Supports many formats including PNG, JPEG, SVG, WEBP
-- Filter by size (you can filter out website logos and design elements)
-- Preserves file name
-
-
-![Image download center](https://lh3.googleusercontent.com/K9kZUfAxrnaadvGZ50BxsEb1SVtz0RvCo6PNWGIzoHkOExs2zcTeoQUFkyv0r4PZSTT8Ov2tsvp0_i5k8hZlr3JYXyQ=w640-h400-e365-rj-sc0x00ffffff)
-
-## 5. Paint Tool 
-
-[Paint Tool](https://chrome.google.com/webstore/detail/paint-tool-marker-for-chr/nadohmjilefnhjobhhlnnddplaklmnnp) - is a simple to use free extension that allows you to create and save quick and fun drawings while using Chrome! It can also be used as a Full Page screenshot tool.
-
-![Paint Tool ](https://lh3.googleusercontent.com/KN2SRMkwOB0bmtY-N3tloAdcKaSBY4Gp3CxDnKfH7qeKRS3jdRurroPz-yzbUAjYYtTxnCTO9jxjdnoPMdnTR0Lvfw=w640-h400-e365-rj-sc0x00ffffff)
-
-## 6. Selenium IDE
-
-The [Selenium IDE](https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd) is designed to record your interactions with websites to help you generate and maintain site automation, tests, and remove the need to manually step through repetitive takes.
-
-![Selenium IDE](https://lh3.googleusercontent.com/8TvMgoN4USfvq_AMf_QWoExfjNQv-j3OLdFMD8OfWgMluDyHyVc492A6ZbqWIO52qlMBeOz_HgkCM9ePG9Ul6I7xYtQ=w640-h400-e365-rj-sc0x00ffffff)
-
-## 7. Color by Fardos
-
-Pick colors from websites, save colors & gradients, get matching shades and tints and create beautiful gradients. It's my favorite color picker.
-
-**[Download](https://chrome.google.com/webstore/detail/color-by-fardos-color-pic/iibpgpkhpfggipbacjfeijkloidhmiei)**
-
-
-![Color by Fardos](https://lh3.googleusercontent.com/RquFxAKv5ve0Jzeqt9ttsxWPZTPlScaMW4qM1VIxLmsPaC94BhcMJso6NbQKrTT4gGUD8JhCQB-KatExJBZLFMEzkW0=w640-h400-e365-rj-sc0x00ffffff)
-
-![Color picker](https://lh3.googleusercontent.com/IhSwctg2_czBu29vq9w0NLpQ3rDKCEtiiGR2pKZmmJqjCvZDIy2GxAxVe2N2v6r771nRtGBhuRR7kGCBNCNbip6c=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## 8. PixelZoomer
-
-[PixelZoomer](https://chrome.google.com/webstore/detail/pixelzoomer/fogkjckfkdcnmnnfmbieljpkmmihhpao) takes a screenshot of the current website and provides various tools for pixel analysis. You can zoom into websites (up to 3200%), measure distances and pick colors with an eye dropper.
-
-![PixelZoomer](https://lh3.googleusercontent.com/rscXfBzRikjz0CQwOYU5cwUB77Ja9WwY9a6alF1Fjh8fgA9MAQUzmqqEVXWeVW4nstgMHeNm1TpPitZrQerVn7XOmg=w640-h400-e365-rj-sc0x00ffffff)
-
-## 9. SpanTree
-
-[SpanTree](https://chrome.google.com/webstore/detail/spantree-gitlab-tree/gcjikeldobhnaglcoaejmdlmbienoocg) makes navigating a GitLab repository feel like a breeze by providing a familiar tree structure.
-
-**Features:**
--  Easy to navigate tree structure
--  Resize the tree to your convenience
--  Supports self-hosted GitLab instances (Along with compatibility mode for GitLab v12 and less)
--  Lazy loaded file structure for a fast responsive user interface
--  Inbuilt Dark Theme for GitLab
--  Quick Search your Repository (using Ctrl/⌘ + P)
-
-
-![SpanTree](https://lh3.googleusercontent.com/tVJm8rdusGtdVbWT6d3qnbE0ilLWWqQ2XfjDbCAr8lPVEqhb548mw8nOjwYoD4_Z7vVkTbkQHFYyNHmy-jYB2YNzxg=w640-h400-e365-rj-sc0x00ffffff)
-
-![spantree -1 ](https://lh3.googleusercontent.com/3s2vRE54FhLfdGQjDQ9eFhoM6eff4QoGO7cFRKtxVkrfhYOI4Vg6PLB8CiX91cw4uHHJiOhiZ3wvCjDuUiXdfXJZ=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## 10. Briskine
-
-Write emails faster! Increase your productivity with templates and keyboard shortcuts on Gmail, Outlook, or LinkedIn.
-
-**[Download](https://chrome.google.com/webstore/detail/briskine-email-templates/lmcngpkjkplipamgflhioabnhnopeabf)**
-
-![Briskine](https://lh3.googleusercontent.com/6qc8rP4r7JknInSxSxo9ZEcyLde5uls_uW8ZY6zyyggteTANS4fA88J-ng9ggFgHCUoUyEatRUsRqxvwQSmyuiZY=w640-h400-e365-rj-sc0x00ffffff)
-
-
-
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (November 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/chrome-extensions-april.mdx b/frontend/posts/chrome-extensions-april.mdx
deleted file mode 100644
index fdc3d2b..0000000
--- a/frontend/posts/chrome-extensions-april.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-slug: chrome-extensions-april
-title: Chrome Extensions of the Month - April
-date: 2022-04-26
-published: true
-excerpt: In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/FwgXV49.png
----
-
-In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.
-
-
-## 1. Grepper
-
-The [Grepper](https://cutt.ly/vGj0rWd) is the ultimate RAM upgrade for the software developer's brain. Easily snag code examples from around the web, then access your code examples without having to think.
-
-![grepper](https://cutt.ly/QGj0scV)
-
-## 2. Fake Filler
-
-[Fake Filler](https://cutt.ly/aGj0bSa) is the form filler to fill all input fields on a page with randomly generated fake data. This productivity boosting extension is a must for developers and testers who work with forms as it eliminates the need for manually entering values in fields.
-
-![fake filler](https://cutt.ly/PGj0WMm)
-
-## 3. Extensity
-
-[Extensity](https://cutt.ly/EGj0Ol6) lets you manage your extension. You can turn on/off an extension with just one click. Keep your browser lean and fast. You can turn off all extensions with just one click. It allows your most important extensions to be always enabled.
-![extensity](https://cutt.ly/6Gj0SQQ)
-
-## 4. daily.dev
-
-[daily.dev](https://cutt.ly/xGj2yl4) is the fastest growing online community for developers to stay updated on the best developer news. Get all the content you love in one place collected from +400 sources.
-
-![dailydev](https://cutt.ly/OGj2pVl)
-
-![features](https://cutt.ly/vGj2s4g)
-
-## 5. Dimensions
-
-[Dimensions](https://cutt.ly/aGj2E8T) extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.
-
-![dimensions](https://cutt.ly/gGj2U15)
-
-## 6. Mailtrack
-
-Free and unlimited tracking for Gmail. [Mailtrack](https://cutt.ly/hGj2ZPh) is a personal email marketing tool with Campaigns, Mail Merge and PDF document tracking from Gmail.
-
-![mailtrack](https://cutt.ly/KGj2VNb)
-
-## 7. GitHub Code Folding
-
-[GitHub Code Folding](https://cutt.ly/jGj24In) - the ability to selectively hide and display sections of a code - is an invaluable feature in many text editors and IDEs. Now, developers can utilize that same style code-folding while poring over source code on the web in GitHub. Works for any type of indentation, spaces or tabs.
-
-![codefolding](https://cutt.ly/XGj26vQ)
-
-## 8. Hide Scrollbar
-
-Sometimes I hate the scrollbar in the browser. That's where this [Hide Scrollbar](https://cutt.ly/SGj9sxR) extension comes into play. This extension allows you to hide the scrollbars on any page while still allowing you to use the scroll functionality. It helps provide a minimal style for any webpage.
-
-![scrollbar](https://cutt.ly/4Gj9cup)
-
-## 9. I don't care about cookies
-
-[I don't care about cookies](https://cutt.ly/zGj9RFh) extension removes cookie warnings from almost all websites. In most cases, it just blocks or hides cookie related pop-ups. When it's needed for the website to work properly, it will automatically accept the cookie policy for you (sometimes it will accept all and sometimes only necessary cookie categories, depending on what's easier to do). It doesn't delete cookies.
-
-![I don't care about cookies](https://imgur.com/u1cSLan.png)
-
-## 10. Material Icons for GitHub
-
-Replace the file/folder icons on the GitHub file browser with icons representing the file's type and which tool it is used by.
-Replace GitHub's default icons with icons from Visual Studio Code's Material Icon Theme icons. Use the same icons on your code editor and on github.com, and quickly identify file types, configuration files and project scaffolding at a glance. 
-[Download](https://cutt.ly/4Gj3YCL)
-
-![materialIcons](https://cutt.ly/RGj3P8G)
-
-## Wrapping Up
-
-These were some extensions for this month (April). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/chrome-extensions-aug-2022.mdx b/frontend/posts/chrome-extensions-aug-2022.mdx
deleted file mode 100644
index 33ae0bd..0000000
--- a/frontend/posts/chrome-extensions-aug-2022.mdx
+++ /dev/null
@@ -1,200 +0,0 @@
----
-slug: chrome-extensions-aug-2022
-title: Chrome Extensions of the Month - August 2022
-date: 2022-08-31
-published: true
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month , august
-excerpt: In this article, we are going to look at some of the best extensions of August that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/rnrLy9v.png
----
-
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-## Clipt
-
-Clipt creates a link between all of your devices to increase productivity. Seamlessly and safely send text, photos, and files over the cloud by synchronizing your clipboard. It’s as easy as copying on one device and pasting on another and works in the background. 
-
-**Key Features:**
--	Seamlessly link multiple devices across Ecosystems for increased productivity
--	Transfer data with confidence knowing it’s on your Google Drive
--	Transfer text, images, and even files
--	Search the recent history of your shared clipboard
-
-> Clipt doesn’t see what you send as it uses your Google Drive and only transfers a way to identify the file. Keeping your information safe within the Google Cloud. 
-
-**Download:** [Clipt](https://chrome.google.com/webstore/detail/clipt/ngpicahlgepngcpigiiebnheihgbaenh/)
-
-![clipt](https://lh3.googleusercontent.com/Fp0ie0ful9gffqeK6N_p8RW6BKJmrvGwSLdhLZqAVLFQk0kFCntNdPSBUnCyDkEd5-7Pa5_efdhyfYjGQl73AXXOB-0=w640-h400-e365-rj-sc0x00ffffff)
-
-
-<YouTube id="CBzre7PEKgw" />
-
-***
-
-## I'm Feeling Lucky - Skip search
-
-This extension allows you to skip the search result page and take you directly to the most relevant result. It also offers some shortcuts to navigate the Search Results page. You just need to type "go" and then enter the word you want to search such as "LinkedIn". It will take you directly to linkedin.com (Skipping Search Results).
-
-**Key Features:**
-
-- Takes you the most relevant result directly 
-- Keyboard shortcut: Press '1' - '9' on the Google search result page to go directly to the result link (1 is the top result)
-- Deep integration with Google search to provide the highest quality result
-- Autocomplete suggestions with personalized query suggestions powered by Google search
-
-**Download:** [I'm Feeling Lucky](https://chrome.google.com/webstore/detail/im-feeling-lucky-skip-sea/fpenjoflgejmljiniakaonpgfcamcooc/related?hl=en)
-
-
-<YouTube id="DBuEEU4I7mI" />
-
-***
-
-## Checkbot
-
-Checkbot is a powerful website testing tool that tells you how to improve the SEO, page speed, and security of your website. Checkbot crawls 100s of pages at the same time checking for 50+ common website problems based on web best practices recommended by Google and Mozilla.
-
-**Key Features:**
-- 📊 SEO TESTS
-- 🚀 PAGE SPEED TESTS
-- 🔒 WEB SECURITY TESTS
-
-**Download:** [Checkbot](https://chrome.google.com/webstore/detail/checkbot-seo-web-speed-se/dagohlmlhagincbfilmkadjgmdnkjinl?hl=en)
-
-![CHECKBOT](https://lh3.googleusercontent.com/9U9MpGIVZx4FfZ4cf6wImdpAVNSnAhuu4_ERJsDhMGjlR3XFpVpTEZofL1qx-zJzsYN30dVDnDdS2wEgSK0BzhkvhgE=w640-h400-e365-rj-sc0x00ffffff)
-
-
-***
-
-## ModHeader
-
-This extension allows you to Add, modify, and remove request and response headers. You can also use ModHeader to set X-Forwarded-For, Authorization, Access-Control-Allow-Origin, etc.
-
-
-**Key Features:**
-
-- Add, modify, and remove request and response headers
-- Use ModHeader to set X-Forwarded-For, Authorization, Access-Control-Allow-Origin, etc.
-- Modify cookies in the request/response header
-- Redirect URL with another
-- Enable header modification by URLs
-- Advanced filtering by tab, tab group, or window
-
-**Download:** [ModHeader](https://chrome.google.com/webstore/detail/modheader/idgpnmonknjnojddfkpgkljpfnnfcklj?hl=en)
-
-![mod header](https://lh3.googleusercontent.com/WHDldHBTubkSkUH859odR2NpQZT4BMzvPbFIUkHUReFgRolJtOv6xYrV4LO9DVehXikdqVI3kia2BjH3TQ_ECXEaLQ=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Modern scrollbar
-
-A modern look for Chromium's scrollbar. Compatible with light and dark modes. Have a nice, thin, modern scrollbar. The modern scrollbar works with the dark mode of most websites. This extension is extremely lightweight, it does not slow down your browser. 
-
-**Key Features:**
-
-- Light Weight
-- Give a modern look to your scrollbar 
-- Compatible with light and dark modes
-
-**Download: ** [Modern scrollbar](https://chrome.google.com/webstore/detail/modern-scrollbar/bgfofngpplpmpijncjegfdgilpgamhdk?hl=en)
-
-![modern Scrollbar](https://lh3.googleusercontent.com/TaHbis9bDWpBYm7LzUFyTkj_diG2SKJ3H3ucZSeg9zMuqy6AfD4kZTFMOIq7O887l5QMbQ3nslJzXDETjsL-wbkzXiQ=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Google Dictionary (by Google)
-
-This extension helps you to view definitions easily as you browse the web. You just need to double-click any word to view its definition in a small pop-up bubble. It also keeps track of the words that you've looked up, so you can practice them later.
-
-**Key Features:**
-
-- Double-click any word to view its definition in a small pop-up bubble.
-- View the complete definition of any word or phrase using the toolbar dictionary.
-- Store a history of words you've looked up, so you can practice them later.
-
-**Download: ** [Google Dictionary](https://chrome.google.com/webstore/detail/google-dictionary-by-goog/mgijmajocgfcbeboacabfgobmjgjcoja?hl=en)
-
-
-![google dict](https://lh3.googleusercontent.com/Sm2s-DpuE4NpOsIsCdgvoNVPWtAR55dNKnqn7xWjjPsg0C6HkfOkmiZhaode7sERFDGXFoTDMNLVKtL-V2kEahgmnw=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Inspect CSS
-
-I have used many extensions that allow you to inspect CSS. So far this one is my favorite. It has a very simple, clean, and modern UI. It allows you to inspect the CSS of any element in the webpage along with `hover` styles. You can download Images from the webpage, Inspect attributes, color palettes, etc.
-
-**Key Features:**
-- Get CSS Properties from any element by selecting it
-- Get and edit element attributes
-- Add your custom CSS to the website
-- Get the color palette of the website
-- Download images from the webpage
-
-**Download:** [Inspect CSS](https://chrome.google.com/webstore/detail/inspect-css/fbopfffegfehobgoommphghohinpkego/related?hl=en)
-
-
-![Inspect CSS](https://lh3.googleusercontent.com/MM_jTyiaIMUrsVFokYM_ARoFOJj9tmfsRZrxFuNchM2dbuQf6Muu8rjQeKTN2R6aW9QYJe9nGv2shbkTSnItNs30AC4=w640-h400-e365-rj-sc0x00ffffff)
-
-![inspectcss](https://lh3.googleusercontent.com/wgiuo-ImhILERr8G7VuyKugxApZO2TMGcxh0RHxoSSUzbqrIm4MfDV8cCZ6f8jFi-oXorsBdGaJhIZavYbNhHPL-SA=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Smart TOC
-
-Sometimes you visit a website and you be like... man it should have a TOC (Table of Contents) but unfortunately, it doesn't.  That's where this extension comes in. This extension displays a table of contents for every website, making it easier to read/navigate long articles, documentation, and online books.
-
-
-**Key Features:**
-- Accurate article/headings detection
-- Clean user interface
-- Highlight the current heading
-- Click to jump to the heading
-- Panel can be dragged to the preferred position
-- Only runs when you actually use it
-
-**Download:** [Smart TOC](https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba/related?hl=en)
-
-![smart toc](https://lh3.googleusercontent.com/NhJI3YHU8I1F3cEL_AQct8np0SpmrJG6ddAK65qU975-Sj4CKX7P_JQDlaABm6OBm_YRN5N1_1gy0P2hZIIfVBOA=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Smart Mute
-
-Tired of having multiple tabs play audio simultaneously? Take back control of your audio experience with Smart Mute and listen to audio one tab at a time. 
-
-**Key Features:**
-- Mute / Unmute Tab
-- Add websites to your whitelist to ensure your listening experience never gets interrupted again.
-- Add websites to the blacklist to block audio (some website have too many ads that plays automatically)
-- Silent Mode prevents any audio from playing in your browser.
-
-
-**Download:**  [Smart Mute](https://chrome.google.com/webstore/detail/smart-mute/apadglapdamclpaedknbefnbcajfebgh?hl=en)
-
-![Smart Mute](https://lh3.googleusercontent.com/HrNGFGgarrG1QvJxHAP0rEqo4ZpKMkqXjnoklP8imS7ITog768UE_VzhpiEpe-rcrcXuev6e5FcZgaYIeuYFD9CnSF4=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Listly - Free Data Scraper, Extractor
-
-This extension allows you to turn Web pages into Excel data in seconds with just one click. 
-It automatically extracts clean data and arranges them into rows and columns.
-
-**Key Features:**
-
-- Schedule a daily extraction
-- Export Multiple pages into an Excel spreadsheet on Databoard
-- Upload .html files to Fileboard 
-- Auto-Save while scrolling
-- Select Proxy Server to change the IP address
-- Extract Hyperlinks over the content
-
-**Download:**  [Listly](https://chrome.google.com/webstore/detail/listly-free-data-scraper/ihljmnfgkkmoikgkdkjejbkpdpbmcgeh)
-
-<YouTube id="m7CtkVZj7-c" />
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (July 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/chrome-extensions-july-2022.mdx b/frontend/posts/chrome-extensions-july-2022.mdx
deleted file mode 100644
index 285e1ab..0000000
--- a/frontend/posts/chrome-extensions-july-2022.mdx
+++ /dev/null
@@ -1,213 +0,0 @@
----
-slug: chrome-extensions-july-2022
-title: Chrome Extensions of the Month - July 2022
-date: 2022-07-31
-published: true
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month
-excerpt: In this article, we are going to look at some of the best extensions of July that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/Fa1m1T7.png
----
-
-In this article, I will suggest you some of the best extensions you need to install for better productivity.  So without further due, let's get into it. 
-
-
-## Manganum
-
-It is a new tab with a sidebar that turns Chrome from just a browser into a productivity workspace. It can really boost your productivity. It has tons of features.
-
-**Key Features:**
-
-- Quick access to your favorite and most visited sites without opening a new tab
-- Translate text instantly across more than 100 languages
-- See your schedule from Google Calendar on any browser tab
-- You can access your Google Tasks
-- Simple notes that are always at your fingertips
-- Customizable Backgrounds 
-- Clock and Weather widgets
-- Motivation Quotes
-
-**Download: [Manganum](https://chrome.google.com/webstore/detail/manganum-1-new-tab-for-ch/jbfeongihppeenfnaofmdeikahaefljd)** 
-
-**Size: 21.48MiB**
-
-![mg1](https://lh3.googleusercontent.com/3JmPUjaoj4kMOV8chuz5q6p_-fVIcoZbj1Lj8VuvGALmokvigvj37X4DeIUdL-rSMpTyZoBL3d7cZ8m_4eSMq91mEw=w640-h400-e365-rj-sc0x00ffffff)
-![mg2](https://lh3.googleusercontent.com/h1pIsFmmUreduOnoQGMh7-TeEGiDY4ACArYr38uxRm9U7ZwLzxa8Keb7KlXqLZ1iJrBVPWDpzHJ-HY9nKxxs5cFN=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Wordtune
-
-
-Wordtune is an AI-powered writing companion that understands what you’re trying to say and suggests ways to make your writing more clear, compelling, and authentic. 
-
-
-**Key Features:**
-
-- Write a better, clearer message and deliver it the way you intend to
-- Make brilliant vocabulary choices
-- Spend less time editing and perfecting your text 
-- Write with confidence 
-- Sound more fluent
-- Expand your English vocabulary
-
-
-**Download: [Wordtune](https://chrome.google.com/webstore/detail/wordtune-ai-powered-writi/nllcnknpjnininklegdoijpljgdjkijc)**
-
-**Size: 1.42MiB**
-
-![wordtune](https://lh3.googleusercontent.com/SK-x_LSckiR6HDHUKEoCVJ_rHsEzV_FkHHTQ5OsTg7nc-ax2KxvACb8QMcQVHJt5uPFSzIY-LRBaDb4q7ObctlcTJQ=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## The Great Suspender
-
-
-It suspends unused tabs to save memory usage. The flexible settings menu allows setting shortcuts, a periodical of suspending, and many other advantages.
-
-
-**Key Features:**
-
-- suspend opened tabs by schedule or with a single click to save memory
-- restore tab all at one or only one needed
-- create a group of tabs and save it for then using  
-- suspend and unsuspend the selected tab or all at once
-
-**Download: [The Great Suspender](https://chrome.google.com/webstore/detail/the-great-suspender-origi/ahmkjjgdligadogjedmnogbpbcpofeeo)**
-
-**Size: 301KiB**
-
-
-![suspender](https://lh3.googleusercontent.com/LDZLDIrFuGIAq4r73h_5tRV2xHBsJ8XybPHxsEIolVAMRxdLyakjtV4hKOKTwqIKajiutkOkh3RhMChvTZltefjq=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-##  Papier
-
-People who don't like too much chaos and prefer simple things as I do. Then this extension is for you. Sometimes you had a thought and you don't know where to write it or even if you write it somewhere then you could lose it. This extension allows you to create a simple New Tab with only just Markdown and nothing else.  
-
-**Key Features:**
-- Simple and Minimalistic
-- Clean and distraction-free
-- Uses Markdown Format
-- Print the Content
-- Multiple Themes and Fonts
-
-
-**Download: [Papier](https://chrome.google.com/webstore/detail/papier/hhjeaokafplhjoogdemakihhdhffacia)**
-
-**Size: 1.02MiB**
-
-![papier](https://lh3.googleusercontent.com/pgpdqHqKKKc9tAcf7qFB1xpK86G4QSTWw--KGOUgu5YrtcaVrnRuTs5_Bi8hfSxWUENg61ngd5URsONmhT8Pai7t=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Button for Google Calendar
-
-It is a quick overview of your *Google Calendar* with one-click access. It helps you to create, and customize your google calendar instead of vising the website by yourself. It can also notify you about upcoming events.
-
-
-**Key Features:**
-- Constantly reminds you of an upcoming event from your Google Calendar™.
-- Sends push notifications following the meeting settings. 
-- Provides quick access to conference links from your events. Google Meet, Zoom, Microsoft Teams, and Skype are supported.
-- Allows you to create new events quickly.
-- Displays meetings from selected calendars only.
-
-**Download: [Button for Google Calendar](https://chrome.google.com/webstore/detail/button-for-google-calenda/lfjnmopldodmmdhddmeacgjnjeakjpki?hl=en)**
-
-**Size: 184KiB**
-
-
-![calendar](https://lh3.googleusercontent.com/dGwxGUMR3WjiQco40QjBHHKzzuTsEYTqIFoJQcZcdKXiIz8kJ3YVrPjDuCjX-l-VTUJwfdkWKG0zIZ4dOHRJ57qyT3Q=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## LINER
-
-It helps you to discover the highlights of the web, filtered by millions of intelligent people around the world.
-
-**Key Features:**
-
-- Search Assistant
-- Show the result that is Trusted by LINER users
-- Highlights Preview (sneak peek at a page’s key contents. See if it contains the information you need)
-- Popular Highlights by LINER users 
-- Web & PDF Highlighter
-- Image Highlights
-- Add a comment, and leave your instant thoughts on your highlight.
-- It also comes with LINER New Tab 
-
-
-**Download: [LINER](https://chrome.google.com/webstore/detail/liner-search-faster-highl/bmhcbmnbenmcecpmpepghooflbehcack)**
-
-**Size: 1.29MiB**
-
-
-![liner](https://lh3.googleusercontent.com/PMSe1LzBoaua4C_bCMWXN7WLXU50x5uDqCIk0iquyyGUzjQbXRc3JfsWNkXMwMVHpihJrRUqXBzlB40R5Owcf_K2Sw=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Disconnect
-
-Disconnect lets you visualize and block the invisible websites that track you. Load the pages you go to 44% faster. Stop tracking by thousands of third-party sites.
-
-
-**Download: [Disconnect](https://chrome.google.com/webstore/detail/disconnect/jeoacafpbcihiomhlakheieifhpjdfeo)**
-
-**Size: 1017KiB**
-
-![disconnect](https://lh3.googleusercontent.com/zScj_Xh3uu7XFn1JjFJBk8dt2XYrIjzpwkVr8NQeroqmrfcv2QWOaTIdon45CQYVMtudznO_tI_c_GniYXk7RqheZA=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## npmhub
-
-It lets you explore the npm dependencies of any repository within Github itself. On every GitHub repository or folder with a `package.json` file, scroll to the bottom of the page to see a list of its npm dependencies and their descriptions.
-
-**Download: [npmhub](https://chrome.google.com/webstore/detail/npmhub/kbbbjimdjbjclaebffknlabpogocablj/related)
-**
-
-**Size: 29.61KiB**
-
-![npmhub](https://lh3.googleusercontent.com/hHPmjpRrD3sD2BfKTcjZIXERzXKT9HmCiBAnQV0L8bNRQkFJbUwVz-9eSHoOJ1P87ix9K9yh4Em0VcAD7qvwZkhRbg=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Toast - Save Tabs for Later
-
-The extension helps you control open tabs by saving & closing the ones that aren't needed at this exact moment, so you can be more efficient working on one thing at a time.
-
-**Key Features:**
-- Organize your Tabs in folders
-- One Click to open all tabs in the folder
-- Live synchronization of Tabs and Folder
-- Share the Folder as a link
-
-
-**Download: [Toast](https://chrome.google.com/webstore/detail/toast-save-tabs-for-later/pejhbjnfifdecpkgcjhgmcaphdobmiie)**
-
-**Size: 1.6MiB**
-
-
-![toast](https://lh3.googleusercontent.com/U6PlL15uaEHveGPCyqnJ565-wfwSLUdXAcmJnq_Pk18HPI3_HddVMBexyMpyS6KuZMjCMaPg8dMLKjqnTGOxZ2sxiA=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Email Finder by Snov.io
-
-Find email addresses on any website. This is an easy-to-use email finder with an inbuilt email verifier, email drip campaigns, and a lot of free tools. Snov.io also provides a campaign service in which you can use these fetched emails to send the campaign in bulk.
-
-
-**Download: [Email Finder by Snov.io](https://chrome.google.com/webstore/detail/email-finder-by-snovio/einnffiilpmgldkapbikhkeicohlaapj/related)**
-
-**Size: 211KiB**
-
-![email](https://lh3.googleusercontent.com/5waP6uFHAFW3DMSyacXNaeaStY_Puklfcqy2RzMNSYDZpVtdt1i5GmanVfUAlnMhCsnyLzEn7KgqzSXFP8oj9xhL-6g=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (July 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
-
-
diff --git a/frontend/posts/chrome-extensions-june.mdx b/frontend/posts/chrome-extensions-june.mdx
deleted file mode 100644
index 92513ba..0000000
--- a/frontend/posts/chrome-extensions-june.mdx
+++ /dev/null
@@ -1,153 +0,0 @@
----
-slug: chrome-extensions-june
-title: Chrome Extensions of the Month - June
-date: 2022-06-30
-published: true
-excerpt: In this article, we are going to look at some of the best extensions of June that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/BDLbnWC.png
----
-
-
-In this article, we are going to look at some of the best extensions of June that you need to install for better productivity. So without further due, let's get into it.
-
-
-## 1. SVG Export
-
-[SVG Export](https://chrome.google.com/webstore/detail/svg-export/naeaaedieihlkmdajjefioajbbdbdjgp) lets you download SVGs from websites as SVGs, PNGs, and JPEGs. You can export them in bulk 
-
-**Key Features:**
-- Bulk export
-- Export as PNG, JPEG, or SVG from any website
-- Resize images
-
-![SVG export](https://lh3.googleusercontent.com/8o74-dBaQb5Uda1tFt6Eye5q_nl5sY1n0HrODIvQIU-3Q8NQoatcw2fKAwnTHXWtVew-SoSaBMjPEZowUFUka3RO=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-
-## 2. Bionic Reading
-
-[Bionic Reading](https://chrome.google.com/webstore/detail/bionic-reading/kdfkejelgkdjgfoolngegkhkiecmlflj) extensions play with `font-weight`. It increases the `font weight` of some of the characters in the text which increases the readability of the text.
-
-**Key Features:**
-- Increase the readability of text 
-- Bold the initial letters for faster reading
-- Focused Reading
-
-![bionic reading](https://lh3.googleusercontent.com/9PH2ZwiLHoauM46XaOviouBVYERlZQky7elTbnn2X6C4eKYa8VxOBcGCEfF0cTmPw4AJy-Tn81FAATcc5CAjejrN=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 3. Mobile Simulator
-
-[Mobile Simulator](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk) lets you check the responsiveness of your website or web app. You can do that via chrome dev tools but it has support for  40+ devices.
-
-**Key Features:**
-- Test the Responsiveness
-- 16 models of Android smartphones 
-- 15 models of Apple smartphones
-- 5 models of tablets
-- 7 special devices
-- Take a screenshot of the smartphone in transparent PNG 
-
-![mobile simulator](https://lh3.googleusercontent.com/4ga5aWnod0W6o_3bYR6OOdWcXvbtW-7D6yRwgQD-FeMICJG-k_-WjdXeIAQdkc5M4w2dUHgfJEKYLfx786UO9lC-kA=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 4. Speechify Text-to-Speech (TTS)
-
-[Speechify](https://chrome.google.com/webstore/detail/speechify-text-to-speech/ljflmlehinmoeknoonhibbjpldiijjmm) allows you to listen to docs, articles, PDFs, email — anything you read — with our leading text-to-speech reader.
-
-**Key Features:**
-- Listen to Docs, Articles, PDFs, Emails, etc.
-- Turn any text into speech 
-- Listen with the highest quality natural-sounding voices in over 20+ languages.
-
-![speechify](https://lh3.googleusercontent.com/gxuSR_dSLNYwKPK-XeZ44coeKZCz1-vOVWB9z4JkBEjrIZSKmeneFKat4JqUjs6MKxNts5ewMdLm4vn4qKctuEbNgv0=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 5. Hover Zoom+
-
-[Hover Zoom+](https://chrome.google.com/webstore/detail/hover-zoom%2B/pccckmaobkjjboncdfnnofkonhgpceea) allows you to hover over any image on the supported websites and it will automatically enlarge the image to its full size, making sure that it still fits into the browser window.
-
-**Key Features:**
-- Enlarge the image to its full size
-- Make sure that the image fits into the browser window 
-
-
-![hover zoom+](https://lh3.googleusercontent.com/Dgk59trR55ciTAkrHTTTNiVFahl0X5Q41XPab41uwDSZbmdqgkCLk-FDmX-BfAylR9CZPtxWIfRDHdatUy2GhfOa2A=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 6. Scribe
-
-[Sribe](https://chrome.google.com/webstore/detail/scribe-%E2%80%94-documentation-so/okfkdaglfjjjfefdcppliegebpoegaii) auto-generate step-by-step guides, just by clicking record. All you have to do is click “record” and go through the process you want to share. Scribe monitors your clicks and keystrokes to instantly create your guide.
-
-**Key Features:**
-- Automatically generated step-by-step guides
-- Customizable text, steps, and images
-- One-click sharing
-- Easy embed in any knowledge base or CMS
-- Auto-redaction for sensitive information
-- Enterprise-grade security and controls
-
-![scribe](https://lh3.googleusercontent.com/CN8n-PRqK3TiLPkzwh0FJ9Uv2j54gpdPuf7T6gTlL8B7BR7ZFGA14X0ZNGBB6ORU9HDTLwgd2atO3MPLNPAQ15rk=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 7. Visual CSS Editor
-
-[Visual CSS Editor](https://chrome.google.com/webstore/detail/visual-css-editor/cibffnhhlfippmhdmdkcfecncoaegdkh/related)  allows you to customize any website without coding. Click on an element and start visual editing. Adjust colors, fonts, sizes, positions, and a lot more. Take full control over your website's design with more than 60 style properties.
-
-**Key Features:**
-- Visual Inspector
-- Customize any website visually
-- Automatic CSS selectors
-- 60+ CSS properties
-- Visual Dragging
-- Visual margin & padding editing
-- Undo/redo history
-- Export CSS Styles
-
-![visual css editor](https://lh3.googleusercontent.com/TTEAGbufQo-RJE81GYbcY_H8fIPGz-on-frsWdACMxMCLpldJRNGJKaJAivs_peJRZie5swxLKSU92Sj7KS7I1a6zZo=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 8. Social Share Preview
-
-With [Social Share Preview](https://chrome.google.com/webstore/detail/social-share-preview/ggnikicjfklimmffbkhknndafpdlabib/related) plugin, you can check how the link previews of a website look like on Facebook, Twitter, LinkedIn and Pinterest. Just activate the plugin to see the preview snippets of every page you browse.
-
-
-![social preview](https://lh3.googleusercontent.com/-mc69tCw-Pw-sbd8XqFPpVRDUngtFTw2OqchJV2Xq-YGxDxMkBP3e_F6KgSasf4Zans-ZkqRricbs7n4PSqLZOp4Qw=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 9. Wappalyzer
-
-[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg) is a technology profiler that shows you what websites are built with. Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.
-
-![wappalyzer](https://lh3.googleusercontent.com/TE5cGjbTbj_mqLFn1_IljQ8NkX8lZZNDJApijpuoug4FMd8g5EsoWjW8ZUcHnlclzo1KknI21_KUmckFNHUE3JCO0w=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## 10. Raindrop.io
-
-[Raindrop.io](https://chrome.google.com/webstore/detail/raindropio/ldgfbffkinooeloadekpmfoklnobpien) is all-in-one bookmark manager. You can save anything from the Web such as Clip articles, photos, videos, PDFs and pages from the web and apps.
-
-**Key Features:**
-- Save Anything from the Web
-- All bookmarks are organized
-- Full-Text Search & Permanent Library
-- Access your bookmark anywhere (Cross Platform) 
-- Bookmarks are Private by Default
-- No tracking or intrusive advertising.
-
-![raindrop.io](https://lh3.googleusercontent.com/AO5W5bGoyq298U8eawQ5JqBbox1W9Jug2LGeD7qFcx48oroRnUfY2zttHwFl1FlToamZSNnu-Z48e_GJdO8AKFpCNhQ=w640-h400-e365-rj-sc0x00ffffff)
-
-***
-
-## Wrapping Up
-These were some extensions for this month (June). You might have heard some before, but if you like anyone then don't forget to press ❤️ and Bookmark this article for later use. I have personally used all the above extensions and from my experience, every extension is worth installing.
-
-
diff --git a/frontend/posts/chrome-extensions-oct-2022.mdx b/frontend/posts/chrome-extensions-oct-2022.mdx
deleted file mode 100644
index 37e5a3d..0000000
--- a/frontend/posts/chrome-extensions-oct-2022.mdx
+++ /dev/null
@@ -1,88 +0,0 @@
----
-slug: chrome-extensions-oct-2022
-title: Chrome Extensions of the Month - October 2022
-date: 2022-10-28
-published: true
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month, october
-excerpt: In this article, we are going to look at some of the best extensions of September that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/9Zsnx6D.png
----
-
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it
-
-## Text Blaze
-
-[Text Blaze](https://chrome.google.com/webstore/detail/text-blaze/idgadaccgipmpannjkmfddolnnhmeklj) lets you insert text templates anywhere using keyboard shortcuts. Save hours and avoid mistakes by eliminating repetitive typing using customizable templates.
-
-![text blaze](https://lh3.googleusercontent.com/-OFu7owaWRf5JT2fRfAXYMqhskZpEI9AhE-FwMKrw2fPAEvezu5O7YzON_PvroMQnzFueDVG0bL3J-xgPQQ_f5M8ng=w640-h400-e365-rj-sc0x00ffffff)
-
-## Default Account for Google products
-
-With the [Default Account Manager for Google™ products](https://chrome.google.com/webstore/detail/default-account-for-googl/bnocikekcdchphdpfffcgikiblhnkdad/related), you can, for example, set up work accounts for Google Meet™ and personal for Gmail™, etc. 
-
-![gafgp](https://lh3.googleusercontent.com/8hQKwsd9Jev9PZaQLklJ0vLTDQyFT1jD6bMJYpXSvlQ3O2Kv-htBcni2rZY7TtSeduLO-0FQ3N_uoRG8X-YIEML3oA=w640-h400-e365-rj-sc0x00ffffff)
-
-## Weava Highlighter
-
-[Weava](https://chrome.google.com/webstore/detail/weava-highlighter-pdf-web/cbnaodkpfinfiipjblikofhlhlcickei) can highlight websites and PDFs with multiple colors, and make annotations. Revisit them with a single click. It also Organizes your highlights into folders and sub-folders. You can access your highlights anywhere. 
-
-
-![weava](https://lh3.googleusercontent.com/li3XsJaA1g1u5mL9N9qDuahjujO6Q8Cg91TWgB8kqX_DU08AHotRICFztPHTn0U0QC3ACN4GJEl8cUdb4J7NuhkYqQ=w640-h400-e365-rj-sc0x00ffffff)
-![weava2](https://lh3.googleusercontent.com/av8nK40cKbgDzWg8ETlbf1HcM17OwnV980NkCFvjo9yYRy7LbWuZMBYQ0SsKn34OqBQrjY-QAGJ1n5y0E5rF6lSj_0M=w640-h400-e365-rj-sc0x00ffffff)
-
-## Ghostery 
-
-[Ghostery](https://chrome.google.com/webstore/detail/ghostery-%E2%80%93-privacy-ad-blo/mlomiejdfkolichcflejclcbmpeaniij) is a powerful privacy extension. Block ads, stop trackers, and speed up websites. Ghostery’s built-in ad blocker removes advertisements from a webpage to eliminate clutter so you can focus on the content you want. Ghostery allows you to view and block trackers on websites you browse to control who collects your data.
-
-![ghostery](https://lh3.googleusercontent.com/GOe98qBzHwlyPc1GWLmyFBUbAj6-9HIxCWFtBBRvOGtQ4IpOEHcduBxawc0ajWmCSgbKFm_NZVRxl3-tbvapuiWX1w=w640-h400-e365-rj-sc0x00ffffff)
-
-## Tab for a Cause
-
-Raise money for charity with every tab you open in Chrome! Just by surfing the web, you can build libraries, plant trees, send emergency aid, give clean water, and more. It's not a productive extension but it deserves a try to help people.
-
-[Download](https://chrome.google.com/webstore/detail/tab-for-a-cause/gibkoahgjfhphbmeiphbcnhehbfdlcgo)
-
-![Tab for a Cause](https://lh3.googleusercontent.com/ay5bIBCOoNXTg8dfThsivNGEOeZ8kxwdY3t-hAvyZnsB2AIkpNa30j-lnIva4FHGrvn02ikZIqDrqMSCfBSh_QU=w640-h400-e365-rj-sc0x00ffffff)
-
-## Initab
-
-[Initab](https://chrome.google.com/webstore/detail/initab/igmbdimmfbpdplpahpapkploofmgaipl) is a new tab extension that replaces Chrome's new tab page with a dashboard of useful tools to make your job as a programmer easier. Get a quick view of your GitHub/GitLab Issue activity, Stack Overflow activity, and much more..
-
-![initab](https://lh3.googleusercontent.com/_3KTVnrcKw5lJ9A6ghbLbxB_7OWOLWw4kgzybUTG70EsR3h47JWFDtUCjW4rIwi-9LcKe5uRyIZ8X4WmULWUON7c9A=w640-h400-e365-rj-sc0x00ffffff)
-
-## GitHub Downloader
-
-GitHub Downloader is used to download a single file in the GitHub repository by just clicking the file icon. It's very useful when you just need only one file rather than the whole repository.
-
-![downloader](https://lh3.googleusercontent.com/Z1mC4LqLDEW3KDSxSGJi7ImMcBNSbgvWI_vbhRkwLS6Et_uuNl2YAgPzhgoHLcQ4vS7OdLs6jugn7DIzpyJJBnNG=w640-h400-e365-rj-sc0x00ffffff)
-
-## 30 Seconds of Knowledge
-
-Gain new developer skills every time you open a New Tab! Choose which programming languages you want to get better at in extension options and get smarter every time you open a New Tab. All you need is 30 seconds to read and understand snippets of code and improve your knowledge
-
-[Download](https://chrome.google.com/webstore/detail/30-seconds-of-knowledge/mmgplondnjekobonklacmemikcnhklla)
-
-![30s](https://lh3.googleusercontent.com/gweVLrLpahu1S7k434r3qlWYm4hgZ_1_q21mrxKfoC5JaUifXh73s_lnWvBUch3e50JnEWTGcvYODGi1OI2y2gDr=w640-h400-e365-rj-sc0x00ffffff)
-
-## Clip Art Search
-
-[ClipArt Search](https://chrome.google.com/webstore/detail/clip-art-search/ofjmbhciaojnbhmfhecmjjpfiikfhgpd) – A Best Free Vector Art and Stock Vector Photos Search Engine Over 100 Million Free Vector Images and stock photos, illustrations, vectors.
-
-![clip art](https://lh3.googleusercontent.com/VL_3fQBlzZ0mLCzOkgnNu4j1NNts-E_lVOuISEKGOemx7cCpdwNg0ZLCZKU5xwGNlfO-EPyUfKNMxVS6Ci6OhRUvDSw=w640-h400-e365-rj-sc0x00ffffff)
-
-## Devtools for Tailwind CSS
-
-The [DevTools for Tailwind CSS](https://chrome.google.com/webstore/detail/devtools-for-tailwind-css/mihalpimkkhhigoielhempcamoffhfij) extension allows you to easily work with Tailwind CSS classes on your websites by adding the full power of the JIT engine to your browser. No more missing classes while trying to debug any Tailwind classes on your website.
-
-
-
-![tailwind](https://lh3.googleusercontent.com/0A00ltgxAzLlKZLD3HfdTut3rSd8UFSbTZaxs3vPFpeQETV6qADsigp2aYfYUIZthpPZgFapzf08A7XZTkBXAnXb=w640-h400-e365-rj-sc0x00ffffff)
-
-
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (October 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/chrome-extensions-sep-2022.mdx b/frontend/posts/chrome-extensions-sep-2022.mdx
deleted file mode 100644
index babc7f4..0000000
--- a/frontend/posts/chrome-extensions-sep-2022.mdx
+++ /dev/null
@@ -1,111 +0,0 @@
----
-slug: chrome-extensions-sep-2022
-title: Chrome Extensions of the Month - September 2022
-date: 2022-09-30
-published: true
-keywords: css, web development, productivity, chrome, chrome extensions, chrome extensions of the month, september
-excerpt: In this article, we are going to look at some of the best extensions of September that you need to install for better productivity. So without further due, let's get into it.
-image: https://imgur.com/LJI6AGa.png
----
-
-
-
-In this article, I will suggest to you some of the best extensions you need to install for better productivity that can come in very handy. So without further due, let's get into it.
-
-
-## Fake Data
-
-It is the most advanced tool for filling forms with fake and random data.  Fake Data will help you insert random values in any form field. Generate random names, emails, addresses, phone numbers and many more types of data.  Create your own types of data using JavaScript code, which opens unlimited possibilities. You can  fill single fields or entire form at once.
-
-**Download:** [Fake Data](https://chrome.google.com/webstore/detail/fake-data-a-form-filler-y/gchcfdihakkhjgfmokemfeembfokkajj)
-
-![fake data](https://lh3.googleusercontent.com/yp4wFjod6P3O82_Yb3E1YATftPvIiuBC6WbjXEaMZbrTMUjWhQs37EnuUMxlZ6k9wPpDzvsygobuqGmbShGM0BSfImM=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## GoFullPage
-
-Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions! The simplest way to take a full page screenshot of your current browser window.
-
-**Download:** [GoFullPage](https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl)
-
-![go full page](https://lh3.googleusercontent.com/Bf0tVoBHMJJd7GoZlcikNS8Sv7qt6I7ZhEfroiQNMOxK5DGjow9tNCDtnUlTYEAeMiQhEYiL2X-mzfr7roiZdX1M=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## JSON Viewer Pro
-
-A completely free extension to visualize JSON response in awesome Tree and Chart view with great user experience and options. You can also import import local JSON file.
-
-**Download:** [JSON Viewer Pro](https://chrome.google.com/webstore/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc)
-
-![json viewer pro](https://lh3.googleusercontent.com/ZBnQqTWxMKL0jmeA851z8p961NSSLullhJbOUW5LVxCDeCSpLLFVrtwmoFMHxN7xD8QyRJ0Spi4ERikx_zwq2fKXhw=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## Project Naptha
-
-It applies state-of-the-art computer vision algorithms on every image you see while browsing the web. So, you can highlight as well as copy and paste and even edit and translate the text formerly trapped within an image.
-
-**Download:** [Project Naptha](https://chrome.google.com/webstore/category/ext/38-search-tools)
-
-![Project Naptha](https://lh3.googleusercontent.com/d-XBvGriwLLTSpLMXpR2MJ4CdBDAOgBoXksBiTRQRQUUsqYefha5CpNng46Ca23XNJjPYVq7gqV-EnpOqEXWDvxmJQ=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## SEO META in 1 CLICK
-
-It is a tool that displays all meta tags/data and main SEO information clearly. By using this tool, we hope you can better manage and improve your SEO and visibility on Internet 
-
-**Download:** [SEO META in 1 CLICK](https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc)
-
-![SEO META in 1 CLICK](https://lh3.googleusercontent.com/eK8Xo-x36M3V6yUKXQN9JVnNCKa7DlrKUjKGHOuBaa5c9R-DapEu3x_TS8weYmQ_u9DUj_anqomL6-ND_5qOxgix=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## Minimal Theme for Twitter
-
-Minimal Theme for Twitter adds an opinionated base layer of styles to clean up the Twitter UI. In addition, it provides extra customization on top to allow you to personalize your Twitter experience. 
-
-**Download:** [Minimal Theme for Twitter](https://chrome.google.com/webstore/detail/minimal-theme-for-twitter/pobhoodpcipjmedfenaigbeloiidbflp)
-
-![Minimal Theme for Twitter](https://lh3.googleusercontent.com/nDDBP9JBzFMN7Xm1Fbz889u2TZWsPWFTDe_6x4ihvqe7Y1_f2lwHmC-NgQWvb0gxP8vn729Stu762OoHNCK5CWzt=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## Responsive Viewer
-
-A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens while developing responsive websites/applications.
-
-**Download:** [Responsive Viewer](https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb)
-
-![Responsive Viewer](https://cdn.hashnode.com/res/hashnode/image/upload/v1664596378461/kNPyXW6J0.png)
-
-
-## SwiftRead
-
-Use SwiftRead (formerly known as Spreed), the highest rated and most popular speed reading extension of its kind, to speed read through text in your browser! SwiftRead works on news articles, blog posts, and emails. 
-
-**Download:** [SwiftRead](https://chrome.google.com/webstore/detail/swiftread-read-faster-lea/ipikiaejjblmdopojhpejjmbedhlibno)
-
-![SwiftRead](https://lh3.googleusercontent.com/s40SpCy_UtCbCX5Dasg4F4xvUhjddTMP0TnLS0RIlKUbrOEzmFUCe3JRXy6c_dn0u74Y5EhWBDFXiakp43rkBtmoew=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## Tabox
-
-Tabox lets you save all open tabs in the current window to a "Collection". You can click on the collection to open all tabs instantly! The extension's export and import feature is especially useful for working teams that need to share list of work URLs.
-
-**Download:** [Tabox](https://chrome.google.com/webstore/detail/tabox-save-and-share-tab/bdbliblipiempfdkkkjohnecmeknnpoa)
-
-![Tabox](https://lh3.googleusercontent.com/H6UqV-KK_jOwLw5Pq7gtMaoT4XGP7AbNbh1yh-aZzoiF1_fXvAOCHxOxOtvajM1QMglBkXRpC9nAUimJQYkdhLkMpw=w640-h400-e365-rj-sc0x00ffffff)
-
-
-## tabExtend
-
-It can manage your tabs. You can also create notes and to-dos that will be sync between devices. You can also import bookmarks and top sites. Save selected text-snippets. It also supports dark theme. You can also share categories via public link.
-
-
-**Download:** [tabExtend](https://chrome.google.com/webstore/detail/tabextend/ffikidnnejmibopbgbelephlpigeniph)
-
-<YouTube id="mDcytkiJOqg" />
-
-
-***
-
-## Wrapping up
-
-These were some extensions for this month (September 2022). I have personally used all the above extensions and from my experience, every extension is worth installing.
diff --git a/frontend/posts/clean-loading-animation.mdx b/frontend/posts/clean-loading-animation.mdx
deleted file mode 100644
index 6e2796f..0000000
--- a/frontend/posts/clean-loading-animation.mdx
+++ /dev/null
@@ -1,71 +0,0 @@
----
-slug: clean-loading-animation
-title: Clean Loading Animation
-date: 2021-12-02
-published: true
-excerpt: In this article, we are going to build another loading animation with pure CSS.
-image: https://imgur.com/NSItFcR.png
----
-
-In this article, we are going to build another loading animation with pure CSS. First, let's look at what are we building -
-
-## Preview
-![preview](https://i.imgur.com/npSZAhG.gif)
-
-Now let's look at the code now -
-
-## HTML
-<CodeTitle title="index.html" />
-```html
-<div class="loading_container">
-  <div class="loading"></div>
-  <h3>loading...</h3>
-</div>
-```
-
-We have the main `div` with class `loading_container` and it has two children `loading` and `h3`.
-
-- `loading` - It is the main loader for this animation
-- `h3` : it is the text which you can see in the preview
-
-## CSS
-
-<CodeTitle title="styles.css" />
-```css
-/* Outer Loading Container */
-.loading_container {
-  position: relative;
-  width: 200px;
-  height: 200px;
-  border-radius: 150px;
-}
-
-/* Loader */
-.loading {
-  width: 100%;
-  height: 100%;
-  border-radius: 150px;
-  border-right: 0.3rem solid white;
-  animation: animate 2s linear infinite;
-}
-
-/* Animation */
-@keyframes animate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-
-/* loading text */
-.loading_container > h3 {
-  color: #fff;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-```
-
-<Codepen id="gOWbjam" />
diff --git a/frontend/posts/colorful-rain-with-js.mdx b/frontend/posts/colorful-rain-with-js.mdx
deleted file mode 100644
index 490ffe4..0000000
--- a/frontend/posts/colorful-rain-with-js.mdx
+++ /dev/null
@@ -1,110 +0,0 @@
----
-slug: colorful-rain-with-js
-title: Colorful Rain with JS
-date: 2021-12-15
-published: true
-excerpt: In this article, we are going to build a container that generates rain by using JS. And it is a colorful rain with random colors. You can play with colors however you want.
-image: https://imgur.com/7KkAOaz.png
----
-
-In this article, we are going to build a container that generates rain by using JS. And it is a colorful rain with random colors. You can play with colors however you want. So first, let's see what are we building.
-
-## Preview
-
-![preview](https://i.imgur.com/pt4KC8x.gif)
-
-Now let's look at the code, how we can make that work.
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="rain-container"></div>
-```
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-* {
-  margin: 0;
-  padding: 0;
-}
-
-.rain-container {
-  position: relative;
-  background: #000;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-i {
-  position: absolute;
-  height: 120px;
-  border-radius: 0 0 999px 999px;
-  animation: animate 5s linear infinite;
-}
-
-@keyframes animate {
-  0% {
-    transform: translateY(-120px);
-  }
-  100% {
-    transform: translateY(calc(100vh + 120px));
-  }
-}
-```
-
-## Javascript
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const rainContainer = document.querySelector(".rain-container");
-
-// background Colors for the raindrop
-const background = [
-  "linear-gradient(transparent, aqua)",
-  "linear-gradient(transparent, red)",
-  "linear-gradient(transparent, limegreen)",
-  "linear-gradient(transparent, white)",
-  "linear-gradient(transparent, yellow)",
-];
-
-const amount = 100; // amount of raindops
-let i = 0;
-
-// Looping and creating the raindrop then adding to the rainContainer
-while (i < amount) {
-  //  Creating and Element
-  const drop = document.createElement("i");
-
-  //   CSS Properties for raindrop
-  const raindropProperties = {
-    width: Math.random() * 5 + "px",
-    positionX: Math.floor(Math.random() * window.innerWidth) + "px",
-    delay: Math.random() * -20 + "s",
-    duration: Math.random() * 5 + "s",
-    bg: background[Math.floor(Math.random() * background.length)],
-    opacity: Math.random() + 0.2,
-  };
-
-  //   Setting Styles for raindrop
-  drop.style.width = raindropProperties.width;
-  drop.style.left = raindropProperties.positionX;
-  drop.style.animationDelay = raindropProperties.delay;
-  drop.style.animationDuration = raindropProperties.duration;
-  drop.style.background = raindropProperties.bg;
-  drop.style.opacity = raindropProperties.opacity;
-
-  //   Appending the raindrop in the raindrop container
-  rainContainer.appendChild(drop);
-  i++;
-}
-```
-
-<Codepen id="GRMNeZG" />
-
-## Wrapping Up
-
-This is it. You can simply do that with this and you can also take this to the next level.
diff --git a/frontend/posts/convert-nextjs-app-to-pwa.mdx b/frontend/posts/convert-nextjs-app-to-pwa.mdx
deleted file mode 100644
index bb48f65..0000000
--- a/frontend/posts/convert-nextjs-app-to-pwa.mdx
+++ /dev/null
@@ -1,189 +0,0 @@
----
-slug: convert-nextjs-app-to-pwa
-title: Convert Next.js app to PWA
-date: 2021-10-19
-published: true
-excerpt: In this article it is explained that how you can turn your next.js web app to Progressive Web App.
-image: https://imgur.com/XfpHK4N.png
----
-
-To make Next.js app into PWA, we need the given things -
-
-- `next-pwa` package
-- Service Worker
-- Manifest & Icons
-- Maskable Icon
-- Meta Tags
-
-## 1\. `next-pwa` package
-
-To convert your nextjs app into PWA you need to install this package via `npm` or `yarn`  
-to install this run -
-
-<CodeTitle lang="bash" title="bash" />
-```bash 
-npm i next-pwa # npm 
-yarn add next-pwa # yarn
-```
-
-After installation go to your next `next.config.js` as update it as follows -
-
-<CodeTitle lang="js" title="next.config.js" />
-```js
-const withPWA = require("next-pwa");
-module.exports = withPWA({
-  //...before
-  pwa: {
-    dest: "public",
-    register: true,
-    skipWaiting: true,
-  },
-  //...after
-});
-```
-
-## 2\. Service Worker
-
-We don't need to add external service worker the `next-pwa` will take care of that and it will auto generate the `sw.js` for us so we don't need to do anything in that
-
-<CodeTitle title="directory" />
-``` 
-├── public
-|  ├── sw.js
-```
-
-## 3\. Manifest and Icons
-
-To gernerate Icon and Manifest Go to [PWA Manifest](https://www.simicart.com/manifest-generator.html/)
-
-![manifest](https://i.imgur.com/ILwfs0f.png)
-
-Fill all the details and attach the `icon` in 512x512 it will generate the icons and manifest for you and you can download the zip file.
-
-Go to your public directory and create a folder `icons` and put all the icons in that folder like this
-
-<CodeTitle title="directory" />
-``` 
-├── public
-|  ├── icons
-|  |  ├── icons.png
-```
-
-after that create a `manifest.json` in you `public/` which should be look like this -
-
-<CodeTitle lang="json" title="manifest.json" />
-```json
-{
-  "theme_color": "#000",
-  "background_color": "#fff",
-  "display": "standalone",
-  "scope": "/",
-  "start_url": "/",
-  "name": "pwa",
-  "short_name": "pwa",
-  "description": "pwa",
-  "icons": [
-    {
-      "src": "icons/icon-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "icons/icon-256x256.png",
-      "sizes": "256x256",
-      "type": "image/png"
-    },
-    {
-      "src": "icons/icon-384x384.png",
-      "sizes": "384x384",
-      "type": "image/png"
-    },
-    {
-      "src": "icons/icon-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
-```
-
-After that we need the `favicon` to get that go to [Favicon Generator](https://favicon.io/favicon-converter/) and upload your main icon and it will generate the rest of icon for you and download the zip after that from that we need only need two icon which is `favicon.ico` and `apple-touch-icon` put them into your `public/`
-
-Here is the path -
-
-<CodeTitle title="directory" />
-``` 
-├── public
-|  ├── apple-touch-icon.png
-|  ├── favicon.ico
-|  ├── icons
-|  |  ├── icon-192x192.png
-|  |  ├── icon-256x256.png
-|  |  ├── icon-384x384.png
-|  |  ├── icon-512x512.png
-|  |  └── maskable.png
-|  ├── manifest.json
-```
-
-## 4. Maskable Icon
-
-To make the maskabel icon we need to visit [Maskable Editor](https://maskable.app/editor) and upload your icon and edit it  
-![masakable](https://i.imgur.com/WBk9a7y.png)
-
-after editing export the icon but be care full with the ratio  
-always choose the square ration and remember the ratio because we will need it in the `manifest`
-
-![sizes](https://i.imgur.com/iAIctjQ.png)
-
-After downloading the `icon` put it into the `public/icons/`
-
-<CodeTitle title="directory" />
-``` 
-├── public
-|  ├── icons
-|  |  └── maskable.png
-```
-
-and add that to the `manifest.json`
-
-<CodeTitle lang="json" title="manifest.json" />
-```json
-
-"icons": [
-  // ...
-  {
-  "src": "maskable.png",
-  "sizes": "48x48",
-  "type": "image/x-icon",
-  "purpose": "maskable"
-  },
-  //...
-]
-```
-
-Here you need to specify the size of the maskable image if the image size is `512x512` then in the `json` it should be `"sizes": "512x512"`
-
-## 5. Meta Tags
-
-Now to get all this work we need some meta tags put them wher is the `Head` of your application, which are given below
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<Head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-  <meta name="description" content="description of your project" />
-  <meta name="theme-color" content="#000" />
-  <title>Title of the project</title>
-  <link rel="manifest" href="/manifest.json" />
-  <link rel="shortcut icon" href="/favicon.ico" />
-  <link rel="apple-touch-icon" href="/apple-icon.png"></link>
-</Head>;
-```
-
-After all that Go to the Developer Console and Generate Resport for PWA in Lighthouse you will see the PWA and installable badge.
-
-![pwa](https://i.imgur.com/Txni6L6.png)
-
-You need to push your website with `https` you can use [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/)
diff --git a/frontend/posts/countdown-loading-with-js.mdx b/frontend/posts/countdown-loading-with-js.mdx
deleted file mode 100644
index 7309a7e..0000000
--- a/frontend/posts/countdown-loading-with-js.mdx
+++ /dev/null
@@ -1,116 +0,0 @@
----
-slug: countdown-loading-with-js
-title: Countdown Loading with JS
-date: 2021-12-07
-published: true
-excerpt: In this article, we are building a countdown with the help of Javascript and CSS. It can also be used as the loading countdown.
-image: https://imgur.com/X07dL4j.png
----
-
-In this article, we are building a countdown with the help of Javascript and CSS. It can also be used as the loading countdown. Let's first look at what are we building -
-
-## Preview
-![preview](https://i.imgur.com/tYadwyQ.gif)
-
-Now you know how it will look like, So let's look at the code now -
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="card">
-  <div class="number"></div>
-</div>
-```
-
-In the HTML code, the `card` class is the main container and it has one section as child
-
-- `number` : it is the main countdown number or value
-
-## CSS
-<CodeTitle lang="css" title="styles.css" />
-```css
-:root {
-  --background-color: #0e1538;
-  --text-color: #fff;
-  --font: sans-serif;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: var(--background-color);
-  font-family: var(--font);
-}
-
-/* main Card */
-.card {
-  width: 200px;
-  height: 275px;
-  position: relative;
-  user-select: none;
-  cursor: pointer;
-  transition: 0.3s ease-in-out;
-}
-
-/* Linear Background by using ::before */
-.card::before {
-  content: "";
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  bottom: -4px;
-  right: -4px;
-  transform: skew(2deg, 4deg);
-  background: linear-gradient(315deg, #00ccff, #0e1538, #d400d4);
-}
-
-/* countdown number */
-.card > .number {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  z-index: 10;
-  font-size: 8em;
-  display: grid;
-  place-items: center;
-  background-color: var(--background-color);
-  color: var(--text-color);
-}
-
-.card:hover {
-  transform: scale(1.1);
-  box-shadow: 0 0 200px rgba(225, 225, 225, 0.3);
-  transform: rotate(720deg);
-}
-```
-
-Now the main part is the javascript in order to run this properly.
-
-## Javascript
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var number = document.querySelector(".number");
-var count = 10;
-
-// Countdown Interval which runs on every 1s
-var countdownInterval = setInterval(() => {
-  // if count is less than or equal to 1 then clear the Interval
-  count <= 1 && clearInterval(countdownInterval);
-  number.textContent = `0${--count}`;
-}, 1000);
-```
-
-<Codepen id="NWjGzEx" />
-
-## Wrapping up
-
-This is the countdown made by using Javascript and CSS you can use this in your project however you want.
diff --git a/frontend/posts/countries-flags.mdx b/frontend/posts/countries-flags.mdx
deleted file mode 100644
index 709861e..0000000
--- a/frontend/posts/countries-flags.mdx
+++ /dev/null
@@ -1,843 +0,0 @@
----
-slug: countries-flags
-title: "I made all countries' flags using HTML & CSS"
-date: 2022-08-28
-published: true
-keywords: css, webdev, countries flags, css3, flags, html 
-excerpt: In this article, I have made all (195) countries' flags by just using HTML and CSS. At the end of the article. You will have a special Bonus (you have to reach the end of the article to see it).
-image: https://imgur.com/YND4dfM.png
----
-
-
-
-
-This article is special, you may ask why. It is because, in my last article [CSS Flag: India](https://dev.to/j471n/css-flag-india-1bg3), I said- 
-
->I am starting a new series called **CSS Flag**. Where I'll be making different countries' flags starting with India.
-
-I asked myself "Why don't I make an article which will have all 195 countries' flags instead of creating 195 articles?". Well, Here I am. 
-
-In this article, I have made all countries' flags by just using HTML and CSS. At the end of the article. You will have a special Bonus (you have to reach the end of the article to see it).
-
-
-
-<Warning title="Disclaimer">
-  - The idea of this series came up in my mind on 15 August as I mention in my previous article "CSS Flag: India". 
-  - I don't want to hurt anyone's feelings or sentiments through this article. As It could offend some people if their country's flag   is slightly off point. I respect every country's flag and its people. If you find any mistakes in any of the flags then please let me   know. I'll fix it as soon as possible.
-  - If there are some issues with Codepen in mobile devices try to switch to the desktop mode or visit through desktop/laptop browsers.
-  - I have used images (PNG) in some of the flags as well because it was kind of complex to create them.
-  - The size of each flag is 300x200 pixels. Some of the countries' flags use different sizes. So It could be a little bit different due to the size difference.
-</Warning>
-
-
-## Afghanistan
-
-<Codepen id="YzabZbN" />
-
-## Albania
-
-<Codepen id="RwMmpzg" />
-
-## Algeria
-
-<Codepen id="MWVdmgd" />
-
-## Andorra
-
-<Codepen id="qBoGmEN" />
-
-## Angola
-
-<Codepen id="BareRyx" />
-
-## Antigua and Barbuda
-
-<Codepen id="jOzomPX" />
-
-## Argentina
-
-<Codepen id="abYrWdd" />
-
-## Armenia
-
-<Codepen id="KKoLmVE" />
-
-## Australia
-
-<Codepen id="vYRwmGJ" />
-
-## Austria
-
-<Codepen id="XWEwRKb" />
-
-## Azerbaijan
-
-<Codepen id="RwMmVGj" />
-
-## Bahamas
-
-<Codepen id="YzabVNr" />
-
-## Bahrain
-
-<Codepen id="poLmPRX" />
-
-## Bangladesh
-
-<Codepen id="VwXObbz" />
-
-## Barbados
-
-<Codepen id="oNqRWww" />
-
-## Belarus
-
-<Codepen id="jOzomJO" />
-
-## Belgium
-
-<Codepen id="RwMmVdY" />
-
-## Belize
-
-<Codepen id="PoRvmgV" />
-
-## Benin
-
-<Codepen id="QWmRvRW" />
-
-## Bhutan
-
-<Codepen id="OJvYmYq" />
-
-## Bolivia
-
-<Codepen id="XWEwRLM" />
-
-## Bosnia and Herzegovina
-
-<Codepen id="wvmbdLL" />
-
-## Botswana
-
-<Codepen id="VwXObod" />
-
-## Brazil
-
-<Codepen id="QWmRgLw" />
-
-## Brunei
-
-<Codepen id="ExEzXYX" />
-
-## Bulgaria
-
-<Codepen id="LYdoLPQ" />
-
-## Burkina Faso
-
-<Codepen id="XWEwgWR" />
-
-## Burundi
-
-<Codepen id="gOeJROE" />
-
-## Cambodia
-
-<Codepen id="XWEwgbR" />
-
-## Cameroon
-
-<Codepen id="KKoLqdV" />
-
-## Canada
-
-<Codepen id="wvmbyGx" />
-
-## Cape Verde
-
-<Codepen id="yLKWvOW" />
-
-## Central African
-
-<Codepen id="eYMaVzO" />
-
-## Chad
-
-<Codepen id="LYdoQZb" />
-
-## Chile
-
-<Codepen id="RwMmQRL" />
-
-## China
-
-<Codepen id="GRxaQqy" />
-
-## Colombia
-
-<Codepen id="jOzoZrd" />
-
-## Comoros
-
-<Codepen id="zYWQRKG" />
-
-## Democratic Republic of the Congo
-
-<Codepen id="JjLqpRK" />
-
-## Republic of the Congo
-
-<Codepen id="GRxaQjy" />
-
-## Costa Rica
-
-<Codepen id="yLKWvaW" />
-
-## Croatia
-
-<Codepen id="eYMaVBY" />
-
-## Cuban
-
-<Codepen id="VwXOQmW" />
-
-## Cyprus
-
-<Codepen id="VwXOQPW" />
-
-## Czechia
-
-<Codepen id="OJvYQWE" />
-
-## Denmark
-
-<Codepen id="bGvyLgm" />
-
-## Djibouti
-
-<Codepen id="rNdgJya" />
-
-## Dominica
-
-<Codepen id="YzabeZx" />
-
-## Dominican
-
-<Codepen id="poLmaem" />
-
-## East Timor
-
-<Codepen id="QWmRRao" />
-
-## Ecuador
-
-<Codepen id="LYdoQyW" />
-
-## Egypt
-
-<Codepen id="LYdoQLW" />
-
-## El Salvador
-
-<Codepen id="wvmbyeY" />
-
-## Equatorial Guinea
-
-<Codepen id="GRxaQMd" />
-
-## Eritrea
-
-<Codepen id="jOzoZGo" />
-
-## Estonia
-
-<Codepen id="MWVdQOW" />
-
-## Eswatini
-
-<Codepen id="YzabeEE" />
-
-## Ethiopia
-
-<Codepen id="NWYVywo" />
-
-## Fiji
-
-<Codepen id="MWVdQrW" />
-
-## Finland
-
-<Codepen id="oNqREpw" />
-
-## France
-
-<Codepen id="BareYJq" />
-
-## Gabon
-
-<Codepen id="jOzoZYo" />
-
-## Gambia
-
-<Codepen id="MWVdQQW" />
-
-## Georgia
-
-<Codepen id="OJvYQQB" />
-
-## Germany
-
-<Codepen id="WNzBMMW" />
-
-## Ghana
-
-<Codepen id="yLKWvKL" />
-
-## Greece
-
-<Codepen id="mdxYXxL" />
-
-## Grenada
-
-<Codepen id="qBoGxYm" />
-
-## Guatemala
-
-<Codepen id="GRxaQdG" />
-
-## Guinea
-
-<Codepen id="NWYVyMJ" />
-
-## Guinea-Bissau
-
-<Codepen id="QWmRQxX" />
-
-## Guyana
-
-<Codepen id="vYRwdaR" />
-
-## Haiti
-
-<Codepen id="QWmRQBX" />
-
-## Honduras
-
-<Codepen id="xxWNYaq" />
-
-## Hungary
-
-<Codepen id="BareYOv" />
-
-## Iceland
-
-<Codepen id="ZExNrqQ" />
-
-## India
-
-<Codepen id="VwXOQEQ" />
-
-## Indonesia
-
-<Codepen id="OJvYQBr" />
-
-## Iran
-
-<Codepen id="KKoLQrK" />
-
-## Iraq
-
-<Codepen id="bGvyLQJ" />
-
-## Ireland
-
-<Codepen id="eYMaVbZ" />
-
-## Israel
-
-<Codepen id="rNdgJoL" />
-
-## Italy
-
-<Codepen id="bGvyLOJ" />
-
-## Ivory Coast
-
-<Codepen id="zYWQReN" />
-
-## Jamaica
-
-<Codepen id="YzabeBL" />
-
-## Japan
-
-<Codepen id="MWVdQxK" />
-
-## Jordan
-
-<Codepen id="YzabegL" />
-
-## Kazakhstan
-
-<Codepen id="KKoLQYw" />
-
-## Kenya
-
-<Codepen id="qBoGxwP" />
-
-## Kiribati
-
-<Codepen id="OJvYQGd" />
-
-## North Korea
-
-<Codepen id="KKoLQLw" />
-
-## South Korea
-
-<Codepen id="bGvyLyP" />
-
-## Kuwait
-
-<Codepen id="zYWQRVZ" />
-
-## Kyrgyzstan
-
-<Codepen id="Yzabeov" />
-
-## Laos
-
-<Codepen id="WNzBMVe" />
-
-## Latvia
-
-<Codepen id="KKoLoPp" />
-
-## Lebanon
-
-<Codepen id="KKoLeJK" />
-
-## Lesotho
-
-<Codepen id="mdxYKvj" />
-
-## Liberia
-
-<Codepen id="rNdgKRM" />
-
-## Libya
-
-<Codepen id="bGvyKZy" />
-
-## Liechtenstein
-
-<Codepen id="abYrKxW" />
-
-## Lithuania
-
-<Codepen id="YzabvML" />
-
-## Luxembourg
-
-<Codepen id="wvmbXZZ" />
-
-## Madagascar
-
-<Codepen id="eYMaKaz" />
-
-## Malawi
-
-<Codepen id="GRxaGaY" />
-
-## Malaysia
-
-<Codepen id="jOzoKjO" />
-
-## Maldives
-
-<Codepen id="xxWNzoL" />
-
-## Mali
-
-<Codepen id="vYRwrqa" />
-
-## Malta
-
-<Codepen id="BareVgE" />
-
-## Marshall Islands
-
-<Codepen id="eYMaKqd" />
-
-## Mauritania
-
-<Codepen id="RwMmJXY" />
-
-## Mauritius
-
-<Codepen id="KKoLBPp" />
-
-## Mexico
-
-<Codepen id="abYrjow" />
-
-## Micronesia
-
-<Codepen id="PoRvBYV" />
-
-## Moldova
-
-<Codepen id="zYWQLYw" />
-
-## Monaco
-
-<Codepen id="NWYVBPK" />
-
-## Mongolia
-
-<Codepen id="xxWNJbX" />
-
-## Montenegro
-
-<Codepen id="vYRwaEz" />
-
-## Morocco
-
-<Codepen id="QWmRBbw" />
-
-## Mozambique
-
-<Codepen id="KKoLBdd" />
-
-## Myanmar
-
-<Codepen id="zYWQLvz" />
-
-## Namibia
-
-<Codepen id="GRxaBpz" />
-
-## Nauru
-
-<Codepen id="rNdgrxy" />
-
-## Nepal
-
-<Codepen id="BarePjg" />
-
-## Netherland
-
-<Codepen id="rNdgJmV" />
-
-## New Zealand
-
-<Codepen id="WNzBKxb" />
-
-## Nicaragua
-
-<Codepen id="VwXOBjG" />
-
-## Niger
-
-<Codepen id="bGvyjwG" />
-
-## Nigeria
-
-<Codepen id="eYMajdv" />
-
-## North Macedonia
-
-<Codepen id="yLKWqVa" />
-
-## Norway
-
-<Codepen id="xxWNJRp" />
-
-## Oman
-
-<Codepen id="BarePQX" />
-
-## Pakistan
-
-<Codepen id="XWEwBpa" />
-
-## Palau
-
-<Codepen id="WNzBKpQ" />
-
-## Palestine
-
-<Codepen id="qBoGyrY" />
-
-## Panama
-
-<Codepen id="NWYVBjq" />
-
-## Papua New Guinea
-
-<Codepen id="JjLqBNL" />
-
-## Paraguay
-
-<Codepen id="wvmbxev" />
-
-## Peru
-
-<Codepen id="gOeJjRN" />
-
-## Philippines
-
-<Codepen id="xxWNJLW" />
-
-## Poland
-
-<Codepen id="QWmRBqN" />
-
-## Portugal
-
-<Codepen id="zYWQLEP" />
-
-## Qatar
-
-<Codepen id="NWYVBwG" />
-
-## Romania
-
-<Codepen id="rNdgrYG" />
-
-## Russia
-
-<Codepen id="LYdoBOJ" />
-
-## Rwanda
-
-<Codepen id="bGvyjaV" />
-
-## Saint Kitts and Nevis
-
-<Codepen id="RwMmBxO" />
-
-## Saint Lucia
-
-<Codepen id="bGvyjLV" />
-
-## Saint Vincent and the Grenadines
-
-<Codepen id="ExEzpQQ" />
-
-## Samoa
-
-<Codepen id="NWYVBYx" />
-
-## San Marino
-
-<Codepen id="rNdgrdY" />
-
-## São Tomé and Príncipe
-
-<Codepen id="xxWNJWz" />
-
-## Saudi Arabia
-
-<Codepen id="zYWQLjR" />
-
-## Senegal
-
-<Codepen id="OJvYwEP" />
-
-## Serbia
-
-<Codepen id="poLmZKe" />
-
-## Seychelles
-
-<Codepen id="XWEwBYV" />
-
-## Sierra Leone
-
-<Codepen id="poLmZZe" />
-
-## Singapore
-
-<Codepen id="abYrjjK" />
-
-## Slovakia
-
-<Codepen id="YzabjjM" />
-
-## Slovenia
-
-<Codepen id="jOzopvy" />
-
-## Solomon Islands
-
-<Codepen id="oNqRMPJ" />
-
-## Somalia
-
-<Codepen id="GRxaBYK" />
-
-## South Africa
-
-<Codepen id="QWmRBZG" />
-
-## South Sudan
-
-<Codepen id="vYRwaVw" />
-
-## Spain
-
-<Codepen id="eYMajQy" />
-
-## Sri Lanka
-
-<Codepen id="BarePvj" />
-
-## Sudan
-
-<Codepen id="eYMaXBv" />
-
-## Suriname
-
-<Codepen id="oNqRVYy" />
-
-## Sweden
-
-<Codepen id="KKoLEaz" />
-
-## Switzerland
-
-<Codepen id="BarebpX" />
-
-## Syria
-
-<Codepen id="XWEwGMg" />
-
-## Taiwan
-
-<Codepen id="KKojGzx" />
-
-## Tajikistan
-
-<Codepen id="dymErvj" />
-
-## Tanzania
-
-<Codepen id="bGvyZWG" />
-
-## Thailand
-
-<Codepen id="JjLqVwj" />
-
-## Togo
-
-<Codepen id="gOeJyZW" />
-
-## Tonga
-
-<Codepen id="jOzoRXK" />
-
-## Trinidad and Tobago
-
-<Codepen id="abYrxPe" />
-
-## Tunisia
-
-<Codepen id="zYWQXeV" />
-
-## Turkey
-
-<Codepen id="YzabMMG" />
-
-## Turkmenistan
-
-<Codepen id="NWYVmmY" />
-
-## Tuvalu
-
-<Codepen id="ExEzJJq" />
-
-## Uganda
-
-<Codepen id="wvmbZbp" />
-
-## Ukraine
-
-<Codepen id="MWVdRdL" />
-
-## United Arab Emirates
-
-<Codepen id="oNqROrx" />
-
-## United Kingdom
-
-<Codepen id="BareEgJ" />
-
-## United States
-
-<Codepen id="ZExNZdP" />
-
-## Uruguay
-
-<Codepen id="YzabMmp" />
-
-## Uzbekistan
-
-<Codepen id="bGvyJXv" />
-
-## Vanuatu
-
-<Codepen id="ZExNZgP" />
-
-## Vatican City
-
-<Codepen id="ExEzzYY" />
-
-## Venezuela
-
-<Codepen id="dymEEyp" />
-
-## Vietnam
-
-<Codepen id="RwMmmwV" />
-
-## Yemen
-
-<Codepen id="WNzBBNK" />
-
-## Zambia
-
-<Codepen id="ExEzzax" />
-
-## Zimbabwe
-
-<Codepen id="vYRwwEx" />
-
-
-
-## Bonus 
-
-As I told you at the start of the article I'll attach a bonus section. Here it is. You can find all countries' flags in the following Codepen (All in One):
-
-<Codepen id="rNdEGzB" />
-
-
-## Wrapping up
-
-I have used images in some of the flags as well because it was kind of complex to create them. You can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n). I'll see you in the next one.
-
-
-## References
-
-- [Wikipedia](https://en.wikipedia.org/wiki/Gallery_of_sovereign_state_flags)
-- [seekflag.com](https://seekflag.com/)
-
-
-Thumbnail image by [@krisetya](https://unsplash.com/@krisetya) at [Unsplash](https://unsplash.com/photos/k0Jo8m6DO6k)
-
-
-
-
-
-
diff --git a/frontend/posts/create-bash-script-and-file-permissions.mdx b/frontend/posts/create-bash-script-and-file-permissions.mdx
deleted file mode 100644
index 04b46a5..0000000
--- a/frontend/posts/create-bash-script-and-file-permissions.mdx
+++ /dev/null
@@ -1,110 +0,0 @@
----
-slug: create-bash-script-and-file-permissions
-title: Create Bash Script & File Permissions
-date: 2022-04-22
-published: true
-excerpt: In this article, I have talked about how you can create a bash script and what are the permission for the files, and how you can manipulate those permissions.
-image: https://imgur.com/4Dpq4wW.png
----
-
-## Let's Recap
-
-In the previous [article](/blogs/getting-started-with-bash) we have learned what Bash is, How to install bash and how it functions on the command line. In this article, we are going to learn the bash scripting, and how we can create a bash script and how we can run it on our system.
-
-## Let's Create Bash Script
-
-### Step-1: Create the Script
-
-- To create an empty bash script, first, change the directory in which you want to save your script using **cd** command.
-- Use **touch** command to create a bash script as shown below.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-touch first.sh
-```
-
-**Note-** Her `.sh` is an extension that you have to provide for execution.
-
-### Step-2: Edit the Script
-
-- To edit the content of this file you can run `nano first.sh` it will open command line editor and you can edit your bash file.
-
-![nano first.sh](https://i.imgur.com/bLIZ2se.gif)
-
-- Now we need to add some stuff in this file first put `#! /bin/bash` in the top of the file.
-  - `#!` - is referred to as the **_shebang_** and re st of the line is the path to the interpreter specifying the location of bash shell in our operating system.
-- Now we add `echo Hello World` in the file in next line so your bash script will look like-
-
-<CodeTitle lang="bash" title="first.sh" />
-```bash
-#! /bin/bash
-echo Hello World
-```
-
-- After you are done then just save the file, to save the file in windows follow these steps-
-  - Press `Ctrl + X` first.
-  - Then press `Y`
-  - Then press `Enter`
-  - Now your changes have been saved.
-    ![save a file](https://i.imgur.com/99B5757.gif)
-
-### Step-3: Run the Script
-
-To do the type the following in the command line-
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-./<fileName>.sh
-```
-
-After runnnig this your screen will look like this-
-![permission](https://i.imgur.com/6zQdAwV.gif)
-It shows _permission denied_. It is because user don't have permission to execute the file right now. For that run the following command in the terminal-
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-chmod +x first.sh
-```
-
-**Note-** We will talk about the permissions in a second. For now it just changes the execution permission to true. `+` stands to add the permission and `x` stands for running or execution permission.
-
-Now after authourizing execution run the previous command again which was `./<fileName>.sh` in our case it is `./first.sh`.
-
-![runfirst.sh](https://i.imgur.com/GuZTZOU.png)
-As you can see in the above image we have successfully printed `Hello World`.
-
-## File Permissions
-
-Linux-based Operating System requires file permissions to secure its filesystem. There are three types of permissions associated with the files as follows-
-
-- **Read -** Permission to view the content of the file. represented as (`r`).
-- **Write -** Permission to modify the file content. represented as (`w`).
-- **Execute -** Permission to run the file or script. represented as (`x`).
-
-### Changing Permissions
-
-You can change the permission of the file by using `chmod` command. Syntax of `chmod` is -
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-chmod [class][operator][permission] file_name
-```
-
-- **Class** is represented by the indicators - **u, g, o,** and **a**, where-
-
-  - `u = user`
-  - `g = group`
-  - `o = other`
-  - `a = all the classes`
-
-- **Operator** ( `+` or `-` ) is used to add or remove the permission.
-- **Permissions** have three types as follows-
-  - `r = reading the script`
-  - `w = modifying the script`
-  - `x = running the script`
-
-Now I guess everything makes sense when we give execution permission (`+x`) to the `first.sh` script.
-
-## Wrapping Up
-
-Firstly, we learn how to create the bash script, how to edit, and how to run the script. Also, we learned about the different file permission in the Bash and how to modify them.
diff --git a/frontend/posts/creative-hover-menu-with-css.mdx b/frontend/posts/creative-hover-menu-with-css.mdx
deleted file mode 100644
index 457cf08..0000000
--- a/frontend/posts/creative-hover-menu-with-css.mdx
+++ /dev/null
@@ -1,142 +0,0 @@
----
-slug: creative-hover-menu-with-css
-title: Creative Hover Menu with CSS
-date: 2021-12-11
-published: true
-excerpt: In this article, we are going to make the navigation menu, but it will be in the verticle form, I'll recommend you to use this as the full page menu.first-letter
-image: https://imgur.com/8ilaL1R.png
----
-
-In this article, we are going to make the navigation menu, but it will be in the verticle form, I'll recommend you to use this as the full page menu, we are not going to talk about how to toggle the hamburger and that stuff if you want me to explain that, then tell me in the comment section. I can cover that in a separate article. First Let's see what are we building-
-
-## Preview
-
-![preview](https://i.imgur.com/qeWj4ly.gif)
-
-Before we look at the whole code first let me give you an overview of some effects.
-
-**Glow Effect**
-As you can see the glow effect in the text when you hover on it. this can be achieved by the following CSS property-
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa,
-  0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
-```
-
-**Text Spaceing Effect**
-I've used the animation with the letter-spacing property. you can achieve that by the following code-
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-@keyframes animate {
-  from {
-    opacity: 0;
-    letter-spacing: 50px;
-  }
-  to {
-    opacity: 1;
-    letter-spacing: 5px;
-  }
-}
-```
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<nav class="navbar">
-  <ul class="nav_list">
-    <!--....More Links...-->
-    <li>
-      <a href="">
-        <p class="link">about</p>
-        <p class="hidden_link">about</p>
-      </a>
-    </li>
-    <!--....More Links...-->
-  </ul>
-</nav>
-```
-
-In HTML we have the `.navbar` which wraps the whole navigation menu then we have the unordered list in which we have the `li` and inside that we have the anchor (`a`) tag which also contains the two paragraphs (`p`) tag one is the bigger one (`.link`) and the other one is hidden (`.hidden_link`) which will only be visible on `hover`.
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Default values */
-* {
-  margin: 0;
-  padding: 0;
-}
-ul > li {
-  list-style: none;
-}
-
-a {
-  text-decoration: none;
-}
-
-/* Relative navigation list item */
-.nav_list > li {
-  position: relative;
-  margin: 8px 0;
-}
-
-.nav_list > li > a {
-  color: #fff;
-  text-align: center;
-}
-
-.nav_list > li > a p {
-  text-transform: uppercase;
-}
-
-.nav_list > li > a > .link {
-  font-size: 2rem;
-  transition: opacity 300ms ease-in-out;
-}
-
-.nav_list > li > a .hidden_link {
-  position: absolute;
-  z-index: 10;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -40%);
-  color: #fff;
-  background: transparent;
-  text-align: center;
-  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa,
-    0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
-
-  /*  animation "from"  */
-  opacity: 0;
-  letter-spacing: 50px;
-  pointer-events: none;
-}
-
-/* Low opacity of main Link */
-.nav_list > li > a:hover > .link {
-  opacity: 0.3;
-}
-
-/* Show the Hidden link with animation */
-.nav_list > li > a:hover > .hidden_link {
-  animation: show-link 400ms ease-in-out forwards;
-}
-
-@keyframes show-link {
-  to {
-    opacity: 1;
-    letter-spacing: 5px;
-    pointer-events: all;
-  }
-}
-```
-
-<Codepen id="WNZxmpr" />
-
-## Conclusion
-
-Now you can make this by yourself as well. you should now make the hamburger or the navigation toggle button and display this navbar. with some sliding animation maybe. 
\ No newline at end of file
diff --git a/frontend/posts/css-battle-1.mdx b/frontend/posts/css-battle-1.mdx
deleted file mode 100644
index 9d9aa9e..0000000
--- a/frontend/posts/css-battle-1.mdx
+++ /dev/null
@@ -1,114 +0,0 @@
----
-slug: css-battle-1
-title: "CSS Battle: #1 - Simply Square"
-date: 2022-06-25
-published: true
-excerpt: In this article, I will solve a `Simply Square` CSS Challenge on CSS Battle.
-image: https://imgur.com/gCpXLrC.png
----
-
-
-In this article, I will solve a [Simply Square](https://cssbattle.dev/play/1) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/1) first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Simply Square](https://cssbattle.dev/targets/1.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-First, create an HTML for this, I've used the two containers to do that. you can use [Pseudo-classes](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes) as well.
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div class="box">
-  <div></div>
-</div>
-```
-
-
-### CSS
-
-Now let's style the containers. 
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-.box {
-  width: 400px;
-  height: 300px;
-  background: #5d3a3a;
-}
-```
-After applying the CSS to `.box` it will look like this: 
-
-![first](https://imgur.com/H2t0ugm.png)
-
-Now we style the child `div` of `.box`.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css {7-11}
-.box {
-  width: 400px;
-  height: 300px;
-  background: #5d3a3a;
-}
-
-.box div {
-  background: #b5e0ba;
-  width: 200px;
-  height: 200px;
-}
-```
-
-After applying the CSS, here's the result: 
-
-![result](https://imgur.com/IyYXGkR.png)
-
-Now the problem is solved by simply the above styles.
-
-<Codepen id="oNWbJbX" />
-
-## Alternate Solution 
-
-This is one more way you can do this even though there are many ways, I like the following:
-
-### HTML
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div></div>
-```
-
-### CSS
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body{
-  background: #5d3a3a;
-  margin:0;
-  
-}
-div {
-  width: 200px;
-  height: 200px;
-  background: #b5e0ba;
-}
-```
-
-<Tip>
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code that will increase score.
-</Tip>
-
-## Wrapping up
-
-If you like this then don't forget to ❤️ it. And I'll see you in the next article. See you soon.
-
-
-<NextAndPreviousButton 
-  nextHref="/blogs/css-battle-2" 
-  nextTitle="CSS Battle: #2 - Carrom"  
-/>
\ No newline at end of file
diff --git a/frontend/posts/css-battle-10.mdx b/frontend/posts/css-battle-10.mdx
deleted file mode 100644
index c601435..0000000
--- a/frontend/posts/css-battle-10.mdx
+++ /dev/null
@@ -1,98 +0,0 @@
----
-slug: css-battle-10
-title: "CSS Battle: #10 - Cloaked Spirits"
-date: 2022-07-27
-published: true
-excerpt: In this article, I will solve a `Cloaked Spirits` CSS Challenge on CSS Battle.
-image: https://imgur.com/JyZLTob.png
----
-
-
-In this article, I will solve a [Cloaked Spirits](https://cssbattle.dev/play/10) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the problem first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Cloaked Spirits](https://cssbattle.dev/targets/10.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-*Video's Code is a little bit different because in the following CSS code I've used `aspect-ratio` just to reduce character and to match the width and height which is not mentioned in the video. (Video code also works fine)*
-
-### HTML
-
-
-```html
-<p b>
-<p c>
-```
-
-
-### CSS
-
-Now let's style the containers. 
-
-
-```css
-* {
-  margin: 0;
-  background: #62306d;
-}
-body {
-  display: grid;
-  place-items: center;
-}
-p {
-  position: fixed;
-  aspect-ratio: 1;
-}
-[b] {
-  width: 100;
-  background: #f7ec7d;
-  box-shadow: -100px 100px #f7ec7d, 
-              100px 100px #f7ec7d, 
-              0 100px #f7ec7d;
-}
-[c] {
-  width: 60;
-  background: #aa445f;
-  border-radius: 1in;
-  bottom: 170;
-  box-shadow: 0 0 0 20px #e38f66, 
-              100px 100px #e38f66,
-              100px 100px 0 20px #aa445f, 
-              -100px 100px #e38f66,
-              -100px 100px 0 20px #aa445f;
-}
-```
-
-
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-
-**Minified Version:**
-```text
-<p b><p c><style>*{margin:0;background:#62306D}body{display:grid;place-items:center}p{position:fixed}[b]{height:100;width:100;background:#F7EC7D;bottom:0;left:50;box-shadow:100px -100px #F7EC7D,100px 0 #F7EC7D,200px 0 #F7EC7D}[c]{width:60;height:60;background:#AA445F;border-radius:1in;bottom:170;box-shadow:0 0 0 20px #E38F66,100px 100px #E38F66,100px 100px 0 20px #AA445F,-100px 100px #E38F66,-100px 100px 0 20px #AA445F}
-```
-
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-9"
-  prevTitle="CSS Battle: #9 - Tesseract"
-  nextHref="/blogs/css-battle-11"
-  nextTitle="CSS Battle: #11 - Eye of Sauron"
-/>
-
diff --git a/frontend/posts/css-battle-11.mdx b/frontend/posts/css-battle-11.mdx
deleted file mode 100644
index 89196ee..0000000
--- a/frontend/posts/css-battle-11.mdx
+++ /dev/null
@@ -1,101 +0,0 @@
----
-slug: css-battle-11
-title: "CSS Battle: #11 - Eye of Sauron"
-date: 2022-08-01
-published: true
-keywords: css, css battle, webdev, eye of sauron, target 11, css battle 11
-excerpt: In this article, I will solve a Eye of Sauron CSS Challenge on CSS Battle.
-image: https://imgur.com/Stj5Vhp.png
----
-
-
-In this article, I will solve a [Eye of Sauron](https://cssbattle.dev/play/11) CSS Challenge on [CSS Battle](https://cssbattle.dev). Let's look at the problem first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Eye of Sauron](https://cssbattle.dev/targets/11.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-
-```html
-<p c>
-<p l>
-<p r> 
-```
-
-- `<p c>` : For Center Circle
-- `<p l>` : For Left Semicircle
-- `<p r>` : For Right Semicircle
-
-### CSS
-
-Now let's style the containers. 
-
-```css
-body {
-  margin: 0;
-  background: #191210;
-}
-p {
-  position: fixed;
-}
-[c] {
-  width: 50;
-  height: 50;
-  background: #84271c;
-  border-radius: 1in;
-  border: 25px solid #191210;
-  box-shadow: 0 0 0 20px #eca03d;
-  left: 150;
-  top: 84;
-}
-[l],[r] {
-  width: 60;
-  height: 30;
-  border: 20px solid #eca03d;
-  border-radius: 0 0 1in 1in;
-  border-top: none;
-}
-[l] {
-  left: 50;
-  top: 134;
-}
-
-[r] {
-  right: 50;
-  bottom: 134;
-  transform: scaleY(-1);
-}
-```
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-
-**Minified Version:**
-```text
-<p c><p l><p r><style>body{margin:0;background:#191210}p{position:fixed}[c]{width:50;height:50;background:#84271C;border:25px solid #191210;border-radius:1in;box-shadow:0 0 0 20px #ECA03D;left:150;top:84}[l],[r]{width:60;height:30;border:20px solid #ECA03D;border-top:none;border-radius:0 0 1in 1in}[l]{left:50;top:134}[r]{right:50;bottom:134;transform:scaleY(-1)}
-```
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-10"
-  prevTitle="CSS Battle: #10 -  Cloaked Spirits"
-  nextHref="/blogs/css-battle-12"
-  nextTitle="CSS Battle: #12 -  Wiggly Moustache"
-/>
-
diff --git a/frontend/posts/css-battle-12.mdx b/frontend/posts/css-battle-12.mdx
deleted file mode 100644
index 1563ab7..0000000
--- a/frontend/posts/css-battle-12.mdx
+++ /dev/null
@@ -1,102 +0,0 @@
----
-slug: css-battle-12
-title: "CSS Battle: #12 - Wiggly Moustache"
-date: 2022-08-04
-published: true
-keywords: css, css battle, webdev, wiggly moustache, target 12, css battle 12
-excerpt: In this article, I will solve a Wiggly Moustache CSS Challenge on CSS Battle.
-image: https://imgur.com/HI3uAmR.png
----
-
-
-In this article, I will solve a [Wiggly Moustache](https://cssbattle.dev/play/12) CSS Challenge on [CSS Battle](https://cssbattle.dev). Let's look at the problem first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Wiggly Moustache](https://cssbattle.dev/targets/12.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<p l>
-<p m>  
-<p r>  
-<p d>  
-```
-
-- `<p l>` : For left Semicircle
-- `<p m>` : For Center Semicircle
-- `<p r>` : For Right Semicircle
-- `<p d>` : For Circular Dots
-
-### CSS
-
-Now let's style the containers. 
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #f5d6b4;
-}
-p {
-  position: fixed;
-}
-
-[l], [m], [r] {
-  width: 60;
-  height: 30;
-  border: 20px solid #d86f45;
-  border-radius: 0 0 1in 1in;
-  border-top: 0;
-  bottom: 85;
-}
-[l] { left: 70 }
-[r] { right: 70 }
-[m] {
-  transform: scaleY(-1);
-  bottom: 135;
-  left: 150;
-}
-[d] {
-  width: 20;
-  height: 20;
-  background: #d86f45;
-  border-radius: 1in;
-  left: 70;
-  bottom: 124;
-  box-shadow: 240px 0 #d86f45;
-}
-```
-
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-
-**Minified Version:**
-```text
-<p l><p m><p r><p d><style>body{margin:0;background:#F5D6B4}p{position:fixed}[l],[m],[r]{width:60;height:30;border:20px solid #D86F45;border-radius:0 0 1in 1in;border-top:0;bottom:85}[l]{left:70}[r]{right:70}[m]{transform:scaleY(-1);bottom:135;left:150}[d]{width:20;height:20;background:#D86F45;border-radius:1in;left:70;bottom:124;box-shadow:240px 0 #D86F45}
-```
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-11"
-  prevTitle="CSS Battle: #11 - Eye of Sauron"
-  nextHref="/blogs/css-battle-13"
-  nextTitle="CSS Battle: #13 - Totally Triangle"
-/>
diff --git a/frontend/posts/css-battle-13.mdx b/frontend/posts/css-battle-13.mdx
deleted file mode 100644
index 9a571b8..0000000
--- a/frontend/posts/css-battle-13.mdx
+++ /dev/null
@@ -1,90 +0,0 @@
----
-slug: css-battle-13
-title: "CSS Battle: #13 - Totally Triangle"
-date: 2022-08-09
-published: true
-keywords: css, css battle, webdev, Totally Triangle, target 13, css battle 13
-excerpt: In this article, I will solve a Totally Triangle CSS Challenge on CSS Battle.
-image: https://imgur.com/u5f0pfj.png
----
-
-In this article, I will solve a [Totally Triangle](https://cssbattle.dev/play/13) CSS Challenge on [CSS Battle](https://cssbattle.dev). Let's look at the problem first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Totally Triangle](https://cssbattle.dev/targets/13.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html 
-<p>
-```
-
-### CSS
-
-Now let's style the containers.
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-* {
-  margin: 0;
-  background: #0b2429;
-}
-p {
-  position: fixed;
-  width: 200;
-  height: 200;
-  background: #f3ac3c;
-  transform: rotate(45deg);
-  left: -100;
-  top: -100;
-}
-```
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to
-  define `px` in CSS. However, if you are using `rem` or `%`, you need to pass
-  them separately. That's why in the above CSS code there are no units mostly.
-  For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code which will increase the
-  score.
-</Tip>
-
-**Minified Version:**
-
-```text
-<p><style>*{margin:0;background:#0B2429}p{position:fixed;width:200;height:200;background:#F3AC3C;transform:rotate(45deg);left:-100;top:-100}
-```
-
-## Alternative Method
-
-### CSS
-
-```css
-body {
-  background: linear-gradient(135deg, #f3ac3c 100px, #0b2429 100px);
-}
-```
-
-You can achieve this by using [`linear-gradient()` ](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient) also which is a lot simpler. You don't even need HTML in this.
-
-## Wrapping up
-
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-12"
-  prevTitle="CSS Battle: #12 - Wiggly Moustache"
-  nextHref="/blogs/css-battle-14"
-  nextTitle="CSS Battle: #14 - Web Maker Logo"
-/>
diff --git a/frontend/posts/css-battle-14.mdx b/frontend/posts/css-battle-14.mdx
deleted file mode 100644
index fe09d4a..0000000
--- a/frontend/posts/css-battle-14.mdx
+++ /dev/null
@@ -1,108 +0,0 @@
----
-slug: css-battle-14
-title: "CSS Battle: #14 - Web Maker Logo"
-date: 2022-08-21
-published: true
-keywords: css, css battle, webdev, Web Maker Logo, target 14, css battle 14
-excerpt: In this article, I will solve a Totally Triangle CSS Challenge on CSS Battle.
-image: https://imgur.com/6SXoV4M.png
----
-
-In this article, I will solve a [Web Maker Logo](https://cssbattle.dev/play/14) CSS Challenge on [CSS Battle](https://cssbattle.dev). Let's look at the problem first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Web Maker Logo](https://cssbattle.dev/targets/14.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div wl><p l></div>
-<div wr><p r>
-```
-
-- `<div wl>` : wrapper for left polygon
-- `<div wr>` : wrapper for right polygon
-- `<p l>` : Left polygon
-- `<p r>` : Right polygon
-
-### CSS
-
-Now let's style the containers.
-
-<CodeTitle lang="css" title="style.css" />
-
-```css
-body {
-  margin: 0;
-  background: #f2f2b6;
-  display: grid;
-  place-items: center;
-}
-p {
-  position: fixed;
-  width: 150;
-  height: 130;
-  clip-path: polygon(100% 0, 0 0, 50% 100%);
-}
-
-[wl] {
-  filter: drop-shadow(20px 0 #fd4602);
-}
-
-[l] {
-  background: #ff6d00;
-  left: -140;
-  top: -6;
-}
-
-[wr] {
-  filter: drop-shadow(20px 0 #ff6d00);
-}
-
-[r] {
-  background: #fd4602;
-  transform: scaleY(-1);
-  bottom: -6;
-  left: -30;
-}
-```
-
-I am using a wrapper because we cannot add `box-shadow` to the `clip-path`. However, If you wrap the `clip-path` in some `div` and then apply the `drop-shadow` then it works. That's what I did here.
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to
-  define `px` in CSS. However, if you are using `rem` or `%`, you need to pass
-  them separately. That's why in the above CSS code there are no units mostly.
-  For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code which will increase the
-  score.
-</Tip>
-
-**Minified Version:**
-
-```text
-<div wl><p l></div><div wr><p r><style>body{margin:0;background:#F2F2B6;display:grid;place-items:center}p{position:fixed;width:150;height:130;clip-path:polygon(100% 0,0 0,50% 100%)}[wl]{filter:drop-shadow(20px 0 #FD4602)}[l]{left:-140;top:-6;background:#FF6D00}[wr]{filter:drop-shadow(20px 0 #FF6D00)}[r]{background:#FD4602;bottom:-6;left:-30;transform:scaleY(-1)}
-```
-
-## Wrapping up
-
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-13"
-  prevTitle="CSS Battle: #13 - Totally Triangle"
-  nextHref="/blogs/css-battle-15"
-  nextTitle="CSS Battle: #15 - Overlap"
-/>
diff --git a/frontend/posts/css-battle-15.mdx b/frontend/posts/css-battle-15.mdx
deleted file mode 100644
index 11bdca3..0000000
--- a/frontend/posts/css-battle-15.mdx
+++ /dev/null
@@ -1,90 +0,0 @@
----
-slug: css-battle-15
-title: "CSS Battle: #15 - Overlap"
-date: 2022-09-04
-published: true
-keywords: css, css battle, webdev, Overlap, target 15, css battle 15
-excerpt: In this article, I will solve a CSS Challenge called "Overlap" at cssbattle.dev
-image: https://imgur.com/LOE2Ala.png
----
-
-
-In this article, I will solve a [Overlap](https://cssbattle.dev/play/15) CSS Challenge on [CSS Battle](https://cssbattle.dev). Let's look at the problem first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Overlap](https://cssbattle.dev/targets/15.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<p> 
-<a> 
-```
-
-- `<p>` : Circles
-- `<a>` : overlap of both circles (transparent part in the center)
-
-### CSS
-
-Now let's style the containers. 
-
-<CodeTitle lang="css" title="style.css" />
-
-```css
-* {
-  background: #09042a;
-}
-body {
-  margin: 75;
-}
-p, a {
-  border-radius: 1in;
-  width: 150;
-  height: 150;
-}
-p {
-  background: #7b3f61;
-  position: relative;
-  overflow: hidden;
-  box-shadow: 100px 0 #e78481;
-}
-a {
-  position: absolute;
-  left: 100;
-}
-```
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to
-  define `px` in CSS. However, if you are using `rem` or `%`, you need to pass
-  them separately. That's why in the above CSS code there are no units mostly.
-  For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code which will increase the
-  score.
-</Tip>
-
-**Minified Version:**
-
-```text
-<p><a><style>*{background:#09042A}body{margin:75}p,a{border-radius:1in;width:150;height:150}p{background:#7B3F61;position:relative;overflow:hidden;box-shadow:100px 0 #E78481}a{position:absolute;left:100}
-```
-
-## Wrapping up
-
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-14"
-  prevTitle="CSS Battle: #14 - Web Maker Logo"
-/>
diff --git a/frontend/posts/css-battle-2.mdx b/frontend/posts/css-battle-2.mdx
deleted file mode 100644
index 76319d0..0000000
--- a/frontend/posts/css-battle-2.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-slug: css-battle-2
-title: "CSS Battle: #2 - Carrom"
-date: 2022-06-26
-published: true
-excerpt: In this article, I will solve a `Carrom` CSS Challenge on CSS Battle.
-image: https://imgur.com/DPPthuy.png
----
-
-
-In this article, I will solve a [Carrom](https://cssbattle.dev/play/2) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/2) first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Simply Square](https://cssbattle.dev/targets/2.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-First, create an HTML for this, I've used the two containers to do that. you can use [Pseudo-classes](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes) as well.
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div class="box">
-  <span></span>
-  <span></span>
-  <span></span>
-  <span></span>
-</div>
-```
-
-
-### CSS
-
-Now let's style the containers. 
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-}
-.box {
-  display: flex;
-  flex-wrap: wrap;
-  column-gap: 100px;
-  background: #62374e;
-}
-.box span {
-  width: 50px;
-  height: 50px;
-  background: #fdc57b;
-  align-self: center;
-  margin: 50px;
-}
-```
-
-<Codepen id="PomZXLR" />
-
-<Tip>
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code that will increase score.
-</Tip>
-
-## Wrapping up
-
-If you like this then don't forget to ❤️ it. And I'll see you in the next article. See you soon.
-
-
-<NextAndPreviousButton 
-  prevHref="/blogs/css-battle-1" 
-  prevTitle="CSS Battle: #1 - Simply Square"  
-  nextHref="/blogs/css-battle-3" 
-  nextTitle="CSS Battle: #3 - Push Button"  
-/>
diff --git a/frontend/posts/css-battle-3.mdx b/frontend/posts/css-battle-3.mdx
deleted file mode 100644
index 7492c6d..0000000
--- a/frontend/posts/css-battle-3.mdx
+++ /dev/null
@@ -1,136 +0,0 @@
----
-slug: css-battle-3
-title: "CSS Battle: #3 - Push Button"
-date: 2022-06-27
-published: true
-excerpt: In this article, I will solve a `Push Button` CSS Challenge on CSS Battle.
-image: https://imgur.com/5vGAgUr.png
----
-
-In this article, I will solve a [Push Button](https://cssbattle.dev/play/3) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/3) first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Simply Square](https://cssbattle.dev/targets/3.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-```html
-<div class="box"></div>
-<div class="circle"></div>
-```
-
-It contains two `div` one for the box and the other for circle.
-
-### CSS
-
-Now let's style the containers.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #6592CF
-}
-.box {
-  background: #243D83;
-  width: 300;
-  height: 150;
-  transform: translate(50px, 50%)
-}
-.circle {
-  position: absolute;
-  transform: translate(75px, -50%);
-  background: #243D83;
-  width: 150;
-  height: 150;
-  border: 50px solid #6592CF;
-  border-radius: 999px
-}
-.circle::before {
-  position: absolute;
-  content: "";
-  border-radius: 10rem;
-  inset: 50px;
-  width: 50;
-  height: 50;
-  background: #EEB850
-}
-```
-
-> In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%` then you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips)
-
-## Codepen
-
-<Codepen id="abWdXJJ" />
-
-## Alternate Solution
-
-There could be many Alternative Solution I've used this one because of the less characters and simplicity.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-
-```html
-<p b></p>
-<p c></p>
-```
-
-Here I am using `<p>` tag and inside them `b` stands for box and `c` stands for circle.
-
-### CSS
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #6592CF
-}
-p[b] {
-  background: #243D83;
-  width: 300;
-  height: 150;
-  transform: translate(50px, 50%)
-}
-p[c] {
-  position: absolute;
-  transform: translate(75px, -63%);
-  background: #243D83;
-  width: 150;
-  height: 150;
-  border: 50px solid #6592CF;
-  border-radius: 999px
-}
-p[c]::before {
-  position: absolute;
-  content: "";
-  border-radius: 10rem;
-  inset: 50px;
-  width: 50;
-  height: 50;
-  background: #EEB850
-}
-```
-
-<Tip>
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code that will increase score.
-</Tip>
-
-## Wrapping up
-
-If you like this then don't forget to ❤️ it. And I'll see you in the next article. See you soon.
-
-<NextAndPreviousButton 
-  prevHref="/blogs/css-battle-2" 
-  prevTitle="CSS Battle: #2 - Carrom"  
-  nextHref="/blogs/css-battle-4"
-  nextTitle="CSS Battle: #4 - Ups n Downs"
-/>
diff --git a/frontend/posts/css-battle-4.mdx b/frontend/posts/css-battle-4.mdx
deleted file mode 100644
index 8f98170..0000000
--- a/frontend/posts/css-battle-4.mdx
+++ /dev/null
@@ -1,138 +0,0 @@
----
-slug: css-battle-4
-title: "CSS Battle: #4 - Ups n Downs"
-date: 2022-06-28
-published: true
-excerpt: In this article, I will solve a `Ups n Downs` CSS Challenge on CSS Battle.
-image: https://imgur.com/pYLr8RU.png
----
-
-In this article, I will solve a [Ups n Downs](https://cssbattle.dev/play/4) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/4) first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Ups n Downs](https://cssbattle.dev/targets/4.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-```html
-<p class="left"></p>
-<p class="middle"></p>
-<p class="right"></p>
-```
-
-### CSS
-
-Now let's style the containers.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #62306d;
-}
-.middle,
-.left,
-.right {
-  position: absolute;
-  background: #f7ec7d;
-  width: 100;
-  height: 100;
-  border-radius: 10rem 10rem 0 0;
-  margin-top: 50;
-}
-.middle {
-  left: 150;
-}
-.left,
-.right {
-  transform: rotate(180deg);
-  bottom: 34;
-}
-.left {
-  left: 50;
-}
-.right {
-  right: 50;
-}
-```
-
-<Tip>
-  In CSS Battle you can use `100` instead of `100px`. You don't need to define
-  `px` in CSS. However, if you are using `rem` or `%` then you need to pass them
-  separately. That's why in the above CSS code there are no units mostly. For
-  more info [visit here](https://cssbattle.dev/tips)
-</Tip>
-
-## Codepen
-
-<Codepen id="NWjrqNL" />
-
-## Alternate Solution
-
-There could be many Alternative Solution I've used this one because of the less characters and simplicity.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-
-```html
-<p l></p>
-<p m></p>
-<p r></p>
-```
-
-Here I am using `<p>` tag and inside them `l` stands for `left`, `m` stands for `middle` and `r` stands for `right`.
-
-### CSS
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body{
-  margin:0;
-  background:#62306D;
-}
-p[m],p[l],p[r]{
-  position:absolute;
-  background:#F7EC7D;
-  width:100;
-  height:100;
-  border-radius:10rem 10rem 0 0;
-  margin-top:50;
-}
-p[m]{
-  left:150;
-}
-p[l],p[r]{
-  transform:rotate(180deg);
-  bottom:34;
-}
-p[l]{
-  left:50;
-}
-p[r]{
-  right:50;
-}
-```
-
-<Tip>
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/).
-  It helps you to reduce the characters in the code that will increase score.
-</Tip>
-
-## Wrapping up
-
-If you like this then don't forget to ❤️ it. And I'll see you in the next article. See you soon.
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-3"
-  prevTitle="CSS Battle: #3 - Push Button"
-  nextHref="/blogs/css-battle-5"
-  nextTitle="CSS Battle: #5 - Acid Rain"
-/>
diff --git a/frontend/posts/css-battle-5.mdx b/frontend/posts/css-battle-5.mdx
deleted file mode 100644
index 62432c4..0000000
--- a/frontend/posts/css-battle-5.mdx
+++ /dev/null
@@ -1,184 +0,0 @@
----
-slug: css-battle-5
-title: "CSS Battle: #5 - Acid Rain"
-date: 2022-07-03
-published: true
-excerpt: In this article, I have solved an `Acid Rain` CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.
-image: https://imgur.com/C4KbO3Q.png
----
-
-
-In this article, I will solve a [Acid Rain](https://cssbattle.dev/play/5) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/5) first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Acid Rain](https://cssbattle.dev/targets/5.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div class="one"></div>
-<div class="two"></div>
-<div class="three"></div>
-```
-
-There are three divs, each one represents a single raindrop. 
-
-### CSS
-
-Now let's style the Body first.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css {1-4}
-body {
-  margin: 0;
-  background: #0b2429;
-}
-```
-
-After doing that, we can style the raindrops.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css {5-14}
-body {
-  margin: 0;
-  background: #0b2429;
-}
-.one, .two, .three {
-  position: absolute;
-  width: 120;
-  height: 120;
-  background: #998235;
-  border-radius: 50% 0 50% 50%;  
-}
-.one, .three {
-  background: #f3ac3c; 
-}
-```
-
-In the above code, we are initializing the height and width of the raindrops to `120px` and applying the `border-radius` property to make the perfect raindrop shape.
-
-
-Now I'll define positions for all the raindrops individually with `z-index`. 
-
-<Tip>
-  The `z-index` property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. 
-</Tip>
-
-<CodeTitle title="styles.css" lang="css"/>
-```css {14-30}
-body {
-  margin: 0;
-  background: #0b2429;
-}
-.one, .two, .three {
-  position: absolute;
-  width: 120;
-  height: 120;
-  background: #998235;
-  border-radius: 50% 0 50% 50%;  
-}
-.one, .three {
-  background: #f3ac3c; 
-}
-.one {
-  left: 20%;
-  top: 50%;
-  z-index: 11;
-}
-.two {
-  z-index: 10;
-  left: 35%;
-  top: 30%;
-}
-.three {
-  transform: rotate(180deg);
-  left: 50%;
-  top: 10%;
-  z-index: 9;
-}
-```
-This is all you need to solve this CSS Problem.
-
-<Tip>
-  In CSS Battle you can use 100 instead of 100px. You don't need to define px in CSS. However, if you are using rem or % then you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips)
-</Tip>
-
-### Codepen 
-
-<Codepen id="wvdWaYN" />
-
-## Alternate Solution
-There could be many Alternative Solutions I've used this one because of the fewer characters and simplicity.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<p t></p>
-<p m></p>
-<p b></p>
-```
-
-Here I am using the `<p>` tag and inside them `t` stands for a top, `m` stands for middle and `b` stands for the bottom raindrop.
-
-### CSS
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-* {
-  margin: 0;
-}
-body {
-  background: #0b2429;
-}
-p[t],
-p[m],
-p[b] {
-  position: absolute;
-  width: 120px;
-  height: 120px;
-  background: #998235;
-  border-radius: 50% 0 50% 50%;
-}
-p[t],
-p[b] {
-  background: #f3ac3c;
-}
-p[t] {
-  transform: rotate(180deg);
-  left: 50%;
-  top: 10%;
-  z-index: 9;
-}
-p[b] {
-  left: 20%;
-  top: 50%;
-  z-index: 11;
-}
-p[m] {
-  z-index: 10;
-  left: 35%;
-  top: 30%;
-}
-```
-
-<Tip>
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-3"
-  prevTitle="CSS Battle: #3 - Push Button"
-  nextHref="/blogs/css-battle-6"
-  nextTitle="CSS Battle: #6 - Missing Slice"
-/>
-
diff --git a/frontend/posts/css-battle-6.mdx b/frontend/posts/css-battle-6.mdx
deleted file mode 100644
index d012fe6..0000000
--- a/frontend/posts/css-battle-6.mdx
+++ /dev/null
@@ -1,154 +0,0 @@
----
-slug: css-battle-6
-title: "CSS Battle: #6 - Missing Slice"
-date: 2022-07-10
-published: true
-excerpt: In this article, I have solved an Missing Slice CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.
-image: https://imgur.com/LvALKYr.png
----
-
-In this article, I will solve a [Missing Slice](https://cssbattle.dev/play/6) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/6) first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Missing Slice](https://cssbattle.dev/targets/6.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div class="one"></div>
-<div class="two"></div>
-<div class="three"></div>
-```
-
-
-I took three divs to create the shape. Each one of them represents a slice.
-
-### CSS
-
-Now let's style the body container first. 
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #e3516e;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-}
-```
-I have used a `grid` to layout the children. `grid-template-columns: 1fr 1fr` property defines that there should be two columns with `1fr`. Here `fr` represents a fraction of the available space in the grid container. 
-
-Now Let's style the individual slices
-
-<CodeTitle title="styles.css" lang="css"/>
-```css {7-25}
-body {
-  margin: 0;
-  background: #e3516e;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-}
-.one, .two, .three {
-  width: 100;
-  height: 100;
-}
-.one {
-  background: #51b5a9;
-  border-radius: 100% 0 0 0; 
-  place-self: end;
-}
-.two {
-  background: #fade8b;
-  border-radius: 0 100% 0 0;
-  place-self: end start;
-}
-.three {
-  background: #f7f3d7;
-  border-radius: 0 0 0 100%;      /* top-left , top-right, bottom-right, bottom-left */
-  place-self: start end;
-}
-```
-
-In the above code, you can see that I have used [place-self](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) in all of the slices. The `place-self` CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the `align-self` and `justify-self` properties).
-
-<Tip>
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips)
-</Tip>
-
-### Codepen 
-<Codepen id="abWZvOy" />
-
-
-## Alternate Solution
-There could be many Alternative Solutions I've used this one because of the fewer characters and simplicity.
-
-
-### HTML
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<p f>
-<p s>
-<p t>
-```
-
-Here `f` stands for the First slice, `s` stands for the Second slice, and `t` stands for the third slice.  
-
-### CSS
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-* { margin:0 }  
-body {
-  background: #e3516e;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-}
-[f], [s], [t] {
-  width: 100;
-  height: 100;
-}
-[f] {
-  background: #51b5a9;
-  border-radius: 100% 0 0 0;
-  place-self: end;
-}
-[s] {
-  background: #fade8b;
-  border-radius: 0 100% 0 0;
-  place-self: end start;
-}
-[t] {
-  background: #f7f3d7;
-  border-radius: 0 0 0 100%;
-  place-self: start end;
-}
-```
-
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-5"
-  prevTitle="CSS Battle: #5 - Acid Rain"
-  nextHref="/blogs/css-battle-7"
-  nextTitle="CSS Battle: #7 - Leafy Trail"
-/>
\ No newline at end of file
diff --git a/frontend/posts/css-battle-7.mdx b/frontend/posts/css-battle-7.mdx
deleted file mode 100644
index c6b489d..0000000
--- a/frontend/posts/css-battle-7.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-slug: css-battle-7
-title: "CSS Battle: #7 - Leafy Trail"
-date: 2022-07-20
-published: true
-excerpt: In this article, I will solve a `Leafy Trail` CSS Challenge on CSS Battle.
-image: https://imgur.com/iQKjp6h.png
----
-
-In this article, I will solve a [Leafy Trail](https://cssbattle.dev/play/7) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/7) first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Leafy Trail](https://cssbattle.dev/targets/7.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-```html
-<div class="leaf left"></div>
-<div class="leaf middle"></div>
-<div class="leaf right"></div>
-```
-
-### CSS
-
-Now let's style the leaves.
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-body{
-  margin: 0;
-  background: #0B2429;
-  display: grid;
-  place-items: center;
-}   
-.leaf {
-  position: absolute;
-  width: 150;
-  height: 150;
-  border-radius: 100px 0;
-} 
-.left {
-  z-index: 1;
-  background: #1A4341;
-  margin-left: -100;
-}
-.middle {
-  z-index: 2;
-  background: #998235;
-} 
-.right{
-  z-index:3;
-  background: #F3AC3C;
-  margin-left: 100;
-}
-```
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-
-## Codepen
-
-<Codepen id="Vwbjvrq" />
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-6"
-  prevTitle="CSS Battle: #6 - Missing Slice"
-  nextHref="/blogs/css-battle-8"
-  nextTitle="CSS Battle: #8 - Forking Crazy"
-/>
diff --git a/frontend/posts/css-battle-8.mdx b/frontend/posts/css-battle-8.mdx
deleted file mode 100644
index 30f721f..0000000
--- a/frontend/posts/css-battle-8.mdx
+++ /dev/null
@@ -1,102 +0,0 @@
----
-slug: css-battle-8
-title: "CSS Battle: #8 - Forking Crazy"
-date: 2022-07-21
-published: true
-excerpt: In this article, I will solve a `Forking Crazy` CSS Challenge on CSS Battle.
-image: https://imgur.com/pm7SplL.png
----
-
-In this article, I will solve a [Forking Crazy](https://cssbattle.dev/play/8) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/8) first.
-
-## Problem
-
-We need to create the following container by using CSS Properties only:
-![Forking Crazy](https://cssbattle.dev/targets/8.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html"/>
-```html
-<div class="root"></div>
-<div class="slot"></div>
-<div class="point"></div>
-<div class="handle"></div>
-```
-
-### CSS
-
-Now let's style the containers.
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #6592cf;
-  display: grid;
-  place-items: center;
-}
-.root {
-  position: absolute;
-  width: 140;
-  height: 190;
-  background: #060f55;
-  border-radius: 0 0 100px 100px;
-  margin-top: 10;
-}
-.slot {
-  width: 20;
-  height: 100;
-  background: #6592CF;
-  z-index: 1;
-  border-radius: 0 0 100px 100px;
-  margin:20 0 0 0;
-  box-shadow: -40px 0 0 #6592CF, 40px 0 0 #6592CF;
-}
-.point {
-  width: 20;
-  height: 20;
-  background: #060F55;
-  border-radius: 10px;
-  transform: translate(-60px, -190px);
-  box-shadow : 40px 0 0 #060F55, 80px 0 0 #060F55, 120px 0 0 #060F55; 
-}
-  
-.handle{
-  position: absolute;
-  bottom:0;
-  width: 20;
-  height:60;
-  background: #060F55;
-}
-```
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-## Codepen
-
-
-<Codepen id="vYmKVvd" />
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-7"
-  prevTitle="CSS Battle: #7 - Leafy Trail"
-  nextHref="/blogs/css-battle-9"
-  nextTitle="CSS Battle: #9 - Tesseract"
-/>
diff --git a/frontend/posts/css-battle-9.mdx b/frontend/posts/css-battle-9.mdx
deleted file mode 100644
index 597855c..0000000
--- a/frontend/posts/css-battle-9.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-slug: css-battle-9
-title: "CSS Battle: #9 - Tesseract"
-date: 2022-07-23
-published: true
-excerpt: In this article, I will solve a `Tesseract` CSS Challenge on CSS Battle.
-image: https://imgur.com/CRHbUyY.png
----
-
-
-
-In this article, I will solve a [Tesseract](https://cssbattle.dev/play/9) CSS Challenge on [CSS Battle](https://cssbattle.dev/). Let's look at the [problem](https://cssbattle.dev/play/9) first.
-
-## Problem 
-
-We need to create the following container by using CSS Properties only:
-![Tesseract](https://cssbattle.dev/targets/9.png)
-
-## Solution
-
-So now look at the Solution and how we are going to achieve this. 
-
-### HTML
-
-<CodeTitle title="index.html" lang="html"/>
-
-```html
-<div class="rect"></div>
-<div class="square"></div>
-<div class="circle"></div>
-```
-
-
-### CSS
-
-
-<CodeTitle title="styles.css" lang="css"/>
-```css
-body {
-  margin: 0;
-  background: #222730;
-  display: grid;
-  place-items: center;
-}
-.rect {
-  width: 100%;
-  height: 150px;
-  background: #4caab3;
-}
-.square {
-  position: absolute;
-  width: 150px;
-  height: 150px;
-  background: #4caab3;
-  transform: rotate(45deg);
-  box-shadow: 0 0 0 50px #222730;
-}
-.circle {
-  position: absolute;
-  width: 50px;
-  height: 50px;
-  background: #393e46;
-  border-radius: 50px;
-}
-```
-
-
-<Tip id="1">
-  Note: In CSS Battle you can use `100` instead of `100px`. You don't need to define `px` in CSS. However, if you are using `rem` or `%`, you need to pass them separately. That's why in the above CSS code there are no units mostly. For more info [visit here](https://cssbattle.dev/tips).
-</Tip>
-
-<Tip id="2">
-  Minify the code or CSS by using any [CSS Minifier](https://www.minifier.org/). It helps you to reduce the characters in the code which will increase the score.
-</Tip>
-
-## Wrapping up
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-<NextAndPreviousButton
-  prevHref="/blogs/css-battle-8"
-  prevTitle="CSS Battle: #8 - Forking Crazy"
-  nextHref="/blogs/css-battle-10"
-  nextTitle="CSS Battle: #10 - Cloaked Spirits"
-/>
\ No newline at end of file
diff --git a/frontend/posts/css-flag-india.mdx b/frontend/posts/css-flag-india.mdx
deleted file mode 100644
index 22b46d7..0000000
--- a/frontend/posts/css-flag-india.mdx
+++ /dev/null
@@ -1,321 +0,0 @@
----
-slug: css-flag-india
-title: "CSS Flag: India"
-date: 2022-08-15
-published: true
-keywords: css, css flag, webdev, indian flag, flag, india, independence day
-excerpt: On the occasion of Independence day of India, I am starting a new series called CSS Flag. This is the first post where I'll create an Indian Flag using CSS. 
-image: https://imgur.com/5j0OoY6.png
----
-
-Today is 15 August, It was the date when India became independent. So we as Indians celebrate Independence day today. So, I am starting a new series called **CSS Flag**. Where I'll be making different countries' flags starting from India.
-
-So, I guess you have an idea now what I am going to do. So let's jump right into it.
-
-## Method-1
-
-![flag](https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Flag_of_India_%28Websafe%29.svg/383px-Flag_of_India_%28Websafe%29.svg.png)
-
-Now you have seen what it looks like. let's make it.
-
-
-### Creating Flag Strips
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="flag">
-	<div class="saffron"></div>
-	<div class="white"></div>
-	<div class="green"></div>
-</div>
-```
-
-The National flag of India is a horizontal tricolor of deep saffron (Kesari) at the top, white in the middle, and dark green at the bottom in equal proportion.
-
-I have created a parent or wrapper class `.flag`. It has three `divs` representing each horizontal section of the flag. 
-
-Now let's style them with CSS:
-
-<CodeTitle lang="css" title="style.css" />
-```css
-* {
-  box-sizing: border-box;
-  margin: 0;
-}
-
-:root {
-  --saffron : #ff6600;
-  --green : #046434;
-  --blue: #1c1ca5;
-}
-
-/* You can change the body color as per your needs */ 
-body {
-   background-color: aliceblue;
-}
-
-
-/* Flag is 300x200 */
-.flag {
-  width: 300px;
-  height: 200px;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 0 1px rgba(0, 0, 0,0.5); 
-}
-
-/* It will divide each section (saffron, white, green) equally */
-.flag > * {
-  flex:1;
-}
-
-.saffron {
-  background-color: var(--saffron);
-}
-
-.white {
-  position: relative;
-  background-color: white;
-}
-.green {
-  background-color: var(--green);
-}
-```
-
-After applying these styles. Results will be like this:
-
-![first](https://i.imgur.com/tD7UwJ6.png)
-
-
-### Adding Wheel
-Now let's add a wheel in the middle of the white strip.
-
-<CodeTitle lang="html" title="index.html" />
-```html {5-19}
-<div class="flag">
-	<div class="saffron"></div>
-	<div class="white">
-        <!-- New Part Added -->
-		<div class="wheel">
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-			<span class="line"></span>
-		</div>
-       <!-- New Part End -->
-	</div>
-	<div class="green"></div>
-</div>
-```
-
-I have added the `.wheel` div inside  `.white` container class. An India Flag has 24 spokes in the wheel (Ashoka Chakra)  which represent 24 qualities of a person. So I have added 13 spokes inside `.wheel`. As I am going to use [-webkit-box-reflect](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-box-reflect) then 13 spokes are enough.
-
-Let's style the wheel:
-
-<CodeTitle lang="css" title="style.css" />
-```css
-.wheel {
-  height: 100%;
-  width: 67px;
-  border-radius: 1in;
-  margin: 0 auto;
-  border: 2q solid var(--blue);
-  position: relative;
-  display: grid;
-  place-items: center;
-}
-
-.spoke {
-  height: 50%;
-  width: 2px;
-  position: absolute;
-  top: 0;
-  clip-path: polygon(50% 0, 50% 0, 100% 70%, 50% 100%, 50% 100%, 0 70%);
-  transform-origin: bottom; /* as we are going to rotate spokes so we need to rotate from the bottom */
-  background-color: var(--blue);
-}
-
-/* Styling spoke individually */
-.spoke:nth-child(1) {
-  transform: rotate(15deg)    
-}
- 
-.spoke:nth-child(2) {
-  transform: rotate(30deg);
-}
- 
-.spoke:nth-child(3) {
-  transform: rotate(45deg)
-}
- 
-.spoke:nth-child(4) {
-  transform: rotate(60deg)
-}
- 
-.spoke:nth-child(5) {
-  transform: rotate(75deg)
-}
- 
-.spoke:nth-child(6) {
-  transform: rotate(90deg)
-}
- 
-.spoke:nth-child(7) {
-  transform: rotate(105deg)
-}
- 
-.spoke:nth-child(8) {
-  transform: rotate(120deg)
-}
- 
-.spoke:nth-child(9) {
-  transform: rotate(135deg)
-}
- 
-.spoke:nth-child(10) {
-  transform: rotate(150deg)
-}
- 
-.spoke:nth-child(11) {
-  transform: rotate(165deg)
-}
- 
-.spoke:nth-child(12) {
-  transform: rotate(180deg)
-}
-```
-
-Now we need to add *-webkit-box-reflect* to `.wheel`:
-
-<CodeTitle lang="css" title="style.css" />
-```css {3,4}
-.wheel {
-  /* .... */
-  -webkit-box-reflect: left -99%;     /* play with value -99%, 100%, 101% */
-  animation: spin 4s linear infinite;  
-  /* .... */
-}
-```
-
-### Result
-
-You can see the result in the following codepen:
-
-<Codepen id="NWYOBLm" />
-
-
-## Method-2
-
-The above solution works fine but there are many duplications and styling each `spoke` is kind of annoying and also there is overlapping in some spokes. To fix that we are going to use little bit of **javascript**.
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="flag">
-	<div class="saffron"></div>
-	<div class="white">
-		<div class="wheel"></div>
-	</div>
-	<div class="green"></div>
-</div>
-```
-
-There is nothing fancy. I have only added `.wheel` inside the `.white` strip container.
-
-### CSS
-<CodeTitle lang="css" title="style.css" />
-```css 
-* {
-  box-sizing: border-box;
-  margin: 0;
-}
-
-:root {
-  --saffron : #ff6600;
-  --green : #046434;
-  --blue: #1c1ca5;
-}
-
-.flag {
-  width: 300px;
-  height: 200px;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 0 1px rgba(0, 0, 0,0.5);
-}
-
-.flag > * {
-  flex:1;
-}
-
-.saffron {
-  background-color: var(--saffron);
-}
-
-.white {
-  background-color: white;
-  position: relative;
-}
-.green {
-  background-color: var(--green);
-}
-
-.wheel {
-  height: 100%;
-  width: 67px;
-  border-radius: 1in;
-  margin: 0 auto;
-  border: 2q solid var(--blue);
-  position: relative;
-  display: grid;
-  place-items: center;
-}
-
-.spoke {
-  height: 50%;
-  width: 2px;
-  position: absolute;
-  top: 0;
-  clip-path: polygon(50% 0, 50% 0, 100% 70%, 50% 100%, 50% 100%, 0 70%);
-  transform-origin: bottom;
-  background-color: var(--blue);
-}
-```
-
-These are the old styles only change is that I am not styling each spoke individually.
-
-
-### JavaScript
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const wheel = document.querySelector(".wheel");
-
-for (let i =1; i <= 24; i++){
-  let spoke = document.createElement('span');
-  spoke.classList.add("spoke");
-  spoke.style.rotate = `${i*15}deg`;
-  wheel.appendChild(spoke)
-}
-```
-In this, we are creating a `span` and adding `.spoke` class to it and then rotating it. For each spoke, we increase the rotation by `15deg`. After that just add the spoke to the wheel.
- 
-
-### Results
-
-<Codepen id="mdxzjZG" />
-
-## Wrapping up
-
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
diff --git a/frontend/posts/css-gradient-loading-animation.mdx b/frontend/posts/css-gradient-loading-animation.mdx
deleted file mode 100644
index d593c8e..0000000
--- a/frontend/posts/css-gradient-loading-animation.mdx
+++ /dev/null
@@ -1,67 +0,0 @@
----
-slug: css-gradient-loading-animation
-title: CSS Gradient Loading Animation
-date: 2021-10-22
-published: true
-excerpt: In this article we are gonna build a loading spinner for you website. which is in the gradient form you can customize that as you want.
-image: https://imgur.com/a2v6le1.png
----
-
-In this article we are gonna build a loading spinner for you website stay tuned for that first let's look what are we building -
-
-## Preview
-![preview](https://i.imgur.com/uPnDE58.gif)
-
-We just need simple div to create this animation. For this animation we have used pseudo classes and a normal keyframe in which we just rotate the div.
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" lang="html" />
-```html
-<div class="loader"></div>
-```
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" lang="css" />
-```css
-.loader {
-  position: relative;
-  width: 200px;
-  height: 200px;
-  border-radius: 10rem;
-  border: 3px solid white;
-  background: linear-gradient(#eb31b0, #e4c352, #7df8d6);
-  box-shadow: 0px 0px 100px -50px black;
-  animation: animate 1s linear infinite;
-}
-
-.loader::before {
-  position: absolute;
-  content: "";
-  background: #fff;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 80%;
-  height: 80%;
-  border-radius: 10rem;
-  border: 3px solid white;
-  box-shadow: inset 0px 0px 100px -70px #111;
-}
-
-@keyframes animate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-```
-
-<Codepen id="eYWGeMy" />
-
-## Wrapping up
-
-So after that you can use it anywhere in your project. And let me know what do you think about it. If you like it then consider a follow.
diff --git a/frontend/posts/css-icon-android.mdx b/frontend/posts/css-icon-android.mdx
deleted file mode 100644
index a78eb7d..0000000
--- a/frontend/posts/css-icon-android.mdx
+++ /dev/null
@@ -1,178 +0,0 @@
----
-slug: css-icon-android
-title: "CSS Icon: Android"
-date: 2022-07-18
-published: true
-excerpt: In this article, I will create a Android icon by using CSS only. Let's look at how we do that.
-image: https://imgur.com/xwY24BY.png
----
-
-
-In this article, I will create a Android icon by using CSS only. Let's look at how we do that.
-
-## Problem 
-
-![problem](https://imgur.com/ppa6xAS.png)
-
-## Solution 
-First, we need to create the structure for this logo then we will style that structure.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-
-```html
-<div class="wrapper">
-  <div class="head"></div>
-  <div class="center-square"></div>
-  <div class="left-hand"></div>
-  <div class="right-hand"></div>
-  <div class="left-foot"></div>
-  <div class="right-foot"></div>
-  <div class="eye-left"></div>
-  <div class="eye-right"></div>
-  <div class="left-ear"></div>
-  <div class="right-ear"></div>
-</div>
-```
-
-Here we have an outer container `.wrapper` and it contains multiple parts of the logo.
-
-
-### CSS
-
-Let's first style the `.wrapper` and `.center-square`:
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.wrapper {
-  --bg: #222;
-  --clr: #aac148;
-  position: relative;
-}
-.center-square {
-  width: 140px;
-  height: 115px;
-  border-radius: 5px;
-  transform: translatey(16px);
-  background: var(--clr);
-}
-```
-
-![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658159646613/BWdAvk5vv.png)
-
-
-Now let's just style `left-hand`, `right-hand`, `left-foot` and `right-foot`: 
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.left-hand,
-.right-hand,
-.left-foot,
-.right-foot {
-  position: absolute;
-  height: 95px;
-  width: 30px;
-  background: var(--clr);
-  border-radius: 100px;
-}
-
-.left-hand {
-  top: 0;
-  left: 0;
-  transform: translate(-37px, 16px);
-}
-
-.right-hand {
-  top: 0;
-  right: 0;
-  transform: translate(37px, 16px);
-}
-
-.left-foot {
-  left: 28px;
-  margin-top: -25px;
-}
-
-.right-foot {
-  margin-top: -25px;
-  right: 28px;
-}
-```
-
-![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658159728633/2NfKz7q60.png)
-
-Now adding `head` and `eyes`:
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.head {
-  position: absolute;
-  width: 100%;
-  height: 70px;
-  background: var(--clr);
-  transform: translatey(-60px);
-  border-radius: 100px 100px 5px 5px;
-}
-
-.eye-left,
-.eye-right {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  border-radius: 100px;
-  background: var(--bg);
-  top: 0;
-}
-
-.eye-left {
-  transform: translate(32px, -28px);
-}
-.eye-right {
-  right: 0;
-  transform: translate(-32px, -28px);
-}
-```
-
-
-
-![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1658159902853/58iiNO7_8.png)
-
-
-Now the last thing we need to add is ears:
-
-
-<CodeTitle title="styles.css" lang="css" />
-```css
-.left-ear,
-.right-ear {
-  position: absolute;
-  width: 6px;
-  height: 50px;
-  border-radius: 100px;
-  background: var(--clr);
-  top: 0;
-}
-
-.left-ear {
-  transform: translate(34px, -78px) rotate(-30deg);
-}
-
-.right-ear {
-  right: 0;
-  transform: translate(-34px, -78px) rotate(30deg);
-}
-```
-
-After all this, now our final product is ready.
-
-## Codepen 
-
-<Codepen id="qBoWrNa" />
-
-
-
-<NextAndPreviousButton 
-  prevHref="/blogs/css-icon-microsoft" 
-  prevTitle="CSS Icon: Microsoft"  
-/>
\ No newline at end of file
diff --git a/frontend/posts/css-icon-google-photos.mdx b/frontend/posts/css-icon-google-photos.mdx
deleted file mode 100644
index 091432d..0000000
--- a/frontend/posts/css-icon-google-photos.mdx
+++ /dev/null
@@ -1,91 +0,0 @@
----
-slug: css-icon-google-photos
-title: "CSS Icon: Google Photos"
-date: 2022-09-18
-published: true
-keywords: css, css icons, webdev, google photos, google, photos 
-excerpt: I will create the Google Photos icon in this article using HTML & CSS. Let's look at how we do that.
-image: https://imgur.com/17qloPc.png
----
-
-
-I will create the **Google Photos** icon in this article using CSS only. Let's look at how we do that.
-
-## Problem
-
-![problem](https://imgur.com/MKql9lI.png)
-
-## Solution
-
-First, we need to create the structure for this logo then we will style that structure.
-
-### HTML 
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="wrapper">
-  <div class="yellow"></div>
-  <div class="red"></div>
-  <div class="green"></div>
-  <div class="blue"></div>
-</div>
-```
-
-### CSS 
-
-<CodeTitle lang="css" title="style.css" />
-```css
-.wrapper {
-  width: 200px;
-  aspect-ratio: 1;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-}
-
-.yellow, .blue {
-  width: 100%;
-  height: 55%;
-}
-
-.red, .green {
-  width: 55%;
-  height: 100%;
-}
-
-.yellow {
-  border-radius: 1in 1in 0 7px;
-  place-self: end;
-  background: #fbbc01;
-}
-
-.red {
-  border-radius: 7px 1in 1in 0;
-  background: #ea4132;
-}
-
-.green {
-  border-radius: 1in 0 7px 1in;
-  place-self: end;
-  background: #069e57;
-}
-.blue {
-  border-radius: 0 7px 1in 1in;
-  background: #4086f4;
-}
-```
-
-### Codepen 
-
-<Codepen id="mdLWZNq" />
-
-
-**🌐 Connect with me:**
-[Twitter](https://twitter.com/j471n_)
-[Github](https://github.com/j471n)
-[Instagram](https://www.instagram.com/j471n_/)
-[Newsletter](https://www.getrevue.co/profile/j471n)
-[LinkedIn](https://www.linkedin.com/in/j471n/)
-[Website](https://j471n.in)
-[Buy me a Coffee](https://buymeacoffee.com/j471n)
-
-
diff --git a/frontend/posts/css-icon-gpay.mdx b/frontend/posts/css-icon-gpay.mdx
deleted file mode 100644
index 735e671..0000000
--- a/frontend/posts/css-icon-gpay.mdx
+++ /dev/null
@@ -1,219 +0,0 @@
----
-slug: css-icon-gpay
-title: "CSS Icon: Google Pay"
-date: 2022-08-13
-published: true
-keywords: css, css icons, webdev, gpay, google , google pay
-excerpt: I will create the Google Pay icon in this article using CSS only. Let's look at how we do that.
-image: https://imgur.com/JQBQdJW.png
----
-
-I will create the **Google Pay** icon in this article using CSS only. Let's look at how we do that.
-
-## Problem 
-
-![problem](https://imgur.com/JKi9Obf.png)
-
-
-### Solution
-
-First, we need to create the structure for this logo then we will style that structure.
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="wrapper">
-  <div class="red"></div>
-  <div class="yellow"></div>
-  <div class="green"></div>
-  <div class="blue"></div>
-</div>
-```
-
-### CSS
-
-Let's first style the `.wrapper` and it's making it's all child absolute:
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.wrapper {
-  display: grid;
-  place-items: center;
-  position: relative;
-}
-
-.wrapper > *{
-  position: absolute;
-}
-```
-
-Styling `.blue` strip: 
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.blue {
-  width: 140px;
-  height: 80px;
-  background: #297aec;
-  transform: rotate(-60deg) translate(-35px, -70px);
-  border-radius: 50px 25px 25px 0;
-}
-```
-
-![blue](https://imgur.com/t1sB4sd.png)
-
-Now, Styling `.green` strip: 
-
-<CodeTitle lang="css" title="styles.css" />
-```css 
-.green {
-  width: 170px;
-  height: 80px;
-  background: #2da94f;
-  transform: rotate(-60deg) translate(10px, -30px);
-  border-radius: 0 50px 0 25px;
-}
-```
-
-![green](https://imgur.com/2slWANZ.png)
-
-
-Now, Styling `.yellow` strip: 
-
-<CodeTitle lang="css" title="styles.css" />
-```css 
-.yellow {
-  width: 170px;
-  height: 80px;
-  background: #297aec;
-  transform: rotate(-60deg) translate(-20px, 9px);
-  border-radius: 0 25px 25px 50px;
-  position: relative;
-}
-
-.yellow::before{
-  position: absolute;
-  content: "";
-  inset:0;
-  background: #fdbd00;
-  border-radius: 50px 25px 25px 50px;
-}
-```
-
-![yellow](https://imgur.com/CDNyj0U.png)
-
-Final strip is `.red`:
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.red {
-  width: 140px;
-  height: 80px;
-  background: #2da94f;
-  transform: rotate(-60deg) translate(18%, 49px);
-  border-radius: 0 0 50px 25px;
-}
-
-.red::before{
-  position: absolute;
-  content: "";
-  inset: 0;
-  background: #ea4335;
-  border-radius: 0 50px 50px 25px;
-}
-```
-
-It's now done. 
-
-
-### Codepen
-
-You can see the codepen below:
-
-<Codepen id="LYdBBZO" />
-
-
-## Alternative Solution 
-The above solution works fine but it has a lot of repetitive code. So try the following one:
-
-### HTML 
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="wrapper">
-  <div class="red"></div>
-  <div class="yellow"></div>
-  <div class="green"></div>
-  <div class="blue"></div>
-</div>
-```
-
-HTML is the same as the previous one.
-
-
-### CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.wrapper {
-  display: grid;
-  place-items: center;
-}
-
-.wrapper > * {
-  position: absolute;
-  height: 80px;
-}
-
-.wrapper > *::before {
-  position: absolute;
-  content: "";
-  inset: 0;
-}
-
-.blue, .red {
-  width: 140px;
-  background: #297aec;
-  transform: rotate(-60deg) translate(-35px, -70px);
-  border-radius: 50px 25px 25px 0;
-}
-
-.red {
-  background: #2da94f;
-  transform: rotate(-60deg) translate(35px, 49px);
-  border-radius: 0 0 50px 25px;
-}
-
-.red::before {
-  background: #ea4335;
-  border-radius: 0 50px 50px 25px;
-}
-
-.green, .yellow {
-  width: 170px;
-  background: #2da94f;
-  transform: scaleX(-1) rotate(60deg) translate(-20px, -30px);
-  border-radius: 50px 25px 25px 0;
-}
-
-.yellow {
-  background: #297aec;
-  transform: scale(-1) rotate(-240deg) translate(-20px, 9px);
-  border-radius: 0 25px 25px 40px;
-  position: relative;
-}
-
-.yellow::before {
-  background: #fdbd00;
-  border-radius: 50px 25px 25px 50px;
-}
-```
-
-
-## Wrapping up
-
-There are many ways to solve this. You can share your approach in the comments. If you like this then you can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
-
-
diff --git a/frontend/posts/css-icon-microsoft.mdx b/frontend/posts/css-icon-microsoft.mdx
deleted file mode 100644
index 31285a2..0000000
--- a/frontend/posts/css-icon-microsoft.mdx
+++ /dev/null
@@ -1,98 +0,0 @@
----
-slug: css-icon-microsoft
-title: "CSS Icon: Microsoft"
-date: "2022-06-26T22:30"
-published: true
-excerpt: In this article, I will create a Microsoft icon by using CSS only.
-image: https://imgur.com/BEWFjTh.png
----
-
-In this article, I will create a Microsoft icon by using CSS only. Let's look at how we do that.
-
-## Problem
-
-![logo](https://imgur.com/eFnRBmo.png)
-
-## Solution
-
-First, we need to create the structure for this logo then we will style that structure.
-
-### HTML
-
-<CodeTitle title="index.html" lang="html" />
-```html
-<div class="wrapper">
-  <div class="red"></div>
-  <div class="green"></div>
-  <div class="blue"></div>
-  <div class="yellow"></div>
-</div>
-```
-
-The above HTML code has a `wrapper` container and it has four children `red`, `green`, `blue`, and `yellow`.
-
-### CSS
-
-Now let's style them one by one. First, let's style the `wrapper` container. I've created a two-column `grid` and managed spacing by using [gap](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) property.
-
-<CodeTitle title="styles.css" lang="css" /> 
-```css {1-5}
-.wrapper {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-```
-
-Now we style all the children by [Universal Selector (\*)](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors) and give them `50px` height and width.
-
-<CodeTitle title="styles.css" lang="css" /> 
-```css {6-9}
-.wrapper {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-.wrapper > * {
-  width: 50px;
-  height: 50px;
-}
-```
-
-It's time to apply the colors to the individual children.
-
-<CodeTitle title="styles.css" lang="css" /> 
-```css {10-22}
-.wrapper {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-.wrapper > * {
-  width: 50px;
-  height: 50px;
-}
-.red {
-  background: #f44336;
-}
-.green {
-  background: #4caf50;
-}
-.blue {
-  background: #2196f3;
-}
-.yellow {
-  background: #ffc107;
-}
-```
-
-## Codepen
-
-Now the result is as follows:
-
-<Codepen id="abYoBeR" />
-
-<NextAndPreviousButton
-  nextHref="/blogs/css-icon-android"
-  nextTitle="CSS Icon: Android"
-/>
diff --git a/frontend/posts/curved-timeline-in-css.mdx b/frontend/posts/curved-timeline-in-css.mdx
deleted file mode 100644
index 89dc101..0000000
--- a/frontend/posts/curved-timeline-in-css.mdx
+++ /dev/null
@@ -1,168 +0,0 @@
----
-slug: curved-timeline-in-css
-title: Curved Timeline in CSS
-date: 2021-11-28
-published: true
-excerpt: In this article, we are gonna build a curved timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.
-image: https://imgur.com/gKSTftw.png
----
-
-In this article, we are gonna build a curved timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want. Let's first look at what are we building -
-
-## Preview
-![preview](https://i.imgur.com/4PocJpY.gif)
-
-Now you have seen what we are up to so let's get hands in the code -
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="timeline">
-  <div class="outer">
-    <!-- .... card before this -->
-
-    <div class="card">
-      <div class="info">
-        <h3 class="title">Title 1</h3>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
-          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat.
-        </p>
-      </div>
-    </div>
-    <!-- ..... you can add more div with "card" class -->
-  </div>
-</div>
-```
-
-In the HTML code, the `timeline` class is the main container and the `outer` class is the wrapper for all the cards. and then we have a `card` in which we add data.
-
-Now let's look at the CSS -
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Timeline Container */
-.timeline {
-  background: #212121;
-  margin: 20px auto;
-  padding: 20px;
-}
-
-/* Card container */
-.card {
-  position: relative;
-  max-width: 400px;
-}
-
-/* setting padding based on even or odd */
-.card:nth-child(odd) {
-  padding: 30px 0 30px 30px;
-}
-.card:nth-child(even) {
-  padding: 30px 30px 30px 0;
-}
-/* Global ::before */
-.card::before {
-  content: "";
-  position: absolute;
-  width: 50%;
-  border: solid orangered;
-}
-
-/* Setting the border of top, bottom, left */
-.card:nth-child(odd)::before {
-  left: 0px;
-  top: -4.5px;
-  bottom: -4.5px;
-  border-width: 5px 0 5px 5px;
-  border-radius: 50px 0 0 50px;
-}
-
-/* Setting the top and bottom to "-5px" because earlier it was out of a pixel in mobile devices */
-@media only screen and (max-width: 400px) {
-  .card:nth-child(odd)::before {
-    top: -5px;
-    bottom: -5px;
-  }
-}
-
-/* Setting the border of top, bottom, right */
-.card:nth-child(even)::before {
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border-width: 5px 5px 5px 0;
-  border-radius: 0 50px 50px 0;
-}
-
-/* Removing the border if it is the first card */
-.card:first-child::before {
-  border-top: 0;
-  border-top-left-radius: 0;
-}
-
-/* Removing the border if it is the last card  and it's odd */
-.card:last-child:nth-child(odd)::before {
-  border-bottom: 0;
-  border-bottom-left-radius: 0;
-}
-
-/* Removing the border if it is the last card  and it's even */
-.card:last-child:nth-child(even)::before {
-  border-bottom: 0;
-  border-bottom-right-radius: 0;
-}
-
-/* Information about the timeline */
-.info {
-  display: flex;
-  flex-direction: column;
-  background: #333;
-  color: gray;
-  border-radius: 10px;
-  padding: 10px;
-}
-
-/* Title of the card */
-.title {
-  color: orangered;
-  position: relative;
-}
-
-/* Timeline dot  */
-.title::before {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background: white;
-  border-radius: 999px;
-  border: 3px solid orangered;
-}
-
-/* text right if the card is even  */
-.card:nth-child(even) > .info > .title {
-  text-align: right;
-}
-
-/* setting dot to the left if the card is odd */
-.card:nth-child(odd) > .info > .title::before {
-  left: -45px;
-}
-
-/* setting dot to the right if the card is odd */
-.card:nth-child(even) > .info > .title::before {
-  right: -45px;
-}
-```
-
-<Codepen id="vYJaLvm" />
-
-## Wrapping up
-
-This is just the beginning, you can customize it to the next level, and maybe I'll do in the future article to stay tuned for that if you have any suggestions then comment below.
diff --git a/frontend/posts/detect-when-users-switch-tabs-using-javascript.mdx b/frontend/posts/detect-when-users-switch-tabs-using-javascript.mdx
deleted file mode 100644
index 6216806..0000000
--- a/frontend/posts/detect-when-users-switch-tabs-using-javascript.mdx
+++ /dev/null
@@ -1,70 +0,0 @@
----
-slug: detect-when-users-switch-tabs-using-javascript
-title: "Detect When Users Switch Tabs using JavaScript"
-date: 2022-09-07
-published: true
-keywords: webdev, webdevelopment, javascript, events, switch tabs using js, detect
-excerpt: In this article, I'll show you how to find out when users change tabs in browsers using JavaScript. It's going to be fun, it's helpful to see how often the user loses his attention. You can even use it to add the data to the database.
-image: https://imgur.com/NQnVogI.png
----
-
-In this article, I'll show you how to find out when users change tabs in browsers using JavaScript. It's going to be fun, it's helpful to see how often the user loses his attention. You can even use it to add the data to the database (it is out of the scope of this article).
-
-There are two ways I know how to solve this problem. So, I'll be showing you both of them.
-
-## Method - 1
-
-In this method, we will you two event listeners [focus](https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event) (when the user focuses on your website or window) and [blur](https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event) (when the user loses focus)
-
-We don't need HTML actually, because when users are on another tab so they won't see your website page. Only JavaScript will do:
-
-```js
-// when the user loses focus
-window.addEventListener("blur", () => {
-  document.title = "Breakup";
-});
-
-// when the user's focus is back to your tab (website) again
-window.addEventListener("focus", () => {
-  document.title = "Patch Up";
-});
-```
-
-![Demo-1](https://i.imgur.com/jaCoow0.gif)
-
-## Method - 2
-
-In this method, we only need one event listener ([visibilitychange](https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event)). It has a property called `visibilityState` which we can use to detect the window switching state.
-
-```js
-document.addEventListener("visibilitychange", () => {
-  // it could be either hidden or visible
-  document.title = document.visibilityState;
-});
-```
-
-![demo-2](https://i.imgur.com/35DvjFq.gif)
-
-You can use these to add many functionality to your website such as stop music or video when the user loses focus:
-
-```js
-document.addEventListener("visibilitychange", () => {
-  if (document.visibilityState === "visible") {
-    music.play();
-  } else {
-    music.pause();
-  }
-});
-```
-
-If you want to try it yourself then check out [**LIVE**](https://detect-tab-switch.netlify.app/)
-
-**🌐 Connect with me:**
-
-[Twitter](https://twitter.com/j471n_)
-[Github](https://github.com/j471n)
-[Instagram](https://www.instagram.com/j471n_/)
-[Newsletter](https://www.getrevue.co/profile/j471n)
-[LinkedIn](https://www.linkedin.com/in/j471n/)
-[Website](https://j471n.in)
-[Buy me a Coffee](https://buymeacoffee.com/j471n)
diff --git a/frontend/posts/dev-to-api.mdx b/frontend/posts/dev-to-api.mdx
deleted file mode 100644
index 6313258..0000000
--- a/frontend/posts/dev-to-api.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-slug: dev-to-api
-title: How to use the dev.to API?
-date: 2021-10-19
-published: true
-excerpt: This article is the breif documentation about how you can fetch the data from the dev.to API
-image: https://imgur.com/AHJzk0J.png
----
-
-## Why do we need to use it ?
-
-In this article I am only covering the article api of Dev.to. we can use this api for our personal portfolio website. Think like you are building a portfolio website and you need to show your blogs from Dev.to in your portfolio so this api comes into play.
-
-## How to use it?
-
-I'm using the vanilla Javascript to show the demo you can use `axios` as well.
-
-## Fetch the public Articles without `API_KEY`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(`https://dev.to/api/articles?username=${username}`).then(
-  (res) => res.json()
-);
-```
-
-## Fetch the public Articles by `API_KEY`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const articles = fetch("https://dev.to/api/articles/me", {
-  headers: {
-    "api-key": process.env.API_KEY,
-  },
-}).then((res) => res.json());
-```
-
-## Fetch the Articles by Path (`slug`)
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(
-  `https://dev.to/api/articles/<your_username>/${slug}`
-).then((res) => res.json());
-```
-
-## Fetch the Articles by `article_id`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(`https://dev.to/api/articles/${articleId}`).then((res) =>
-  res.json()
-);
-```
-
-## Fetch the Comments of article by `article_id`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(
-  `https://dev.to/api/comments?a_id=${articleId}?sort=-created_at`
-).then((res) => res.json());
-```
-
-## Fetch the user by `user_id`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(`https://dev.to/api/users/${userId}`).then((res) =>
-  res.json()
-);
-```
-
-## Fetch the user by `username`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const article = fetch(
-  `https://dev.to/api/users/by_username?url=${username}`
-).then((res) => res.json());
-```
-
-So basically this is all we need to fetch the Dev.to API.
-
-[Learn How to use fetch()](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)
diff --git a/frontend/posts/getting-started-with-bash.mdx b/frontend/posts/getting-started-with-bash.mdx
deleted file mode 100644
index 31724dd..0000000
--- a/frontend/posts/getting-started-with-bash.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-slug: getting-started-with-bash
-title: Getting Started with Bash
-date: 2022-04-13
-published: true
-excerpt: In this article we are going to learn about what is bash and how we are going to install in windows?
-image: https://imgur.com/i0aRFD5.png
----
-
-
-In this article we are going to learn about what is bash and how we are going to install in windows? This is going to be a full series on Bash in which we are going to learn so much more.
-
-According to Wikipedia,
-
-> _Bash is a Unix shell and command language written by Brian Fox for the GNU Project as a free software replacement for the Bourne shell._
-
-BASH is an acronym for Bourne Again Shell, It is a shell program written by Brian Fox as an upgraded version of Bourne Shell program '**sh**'. It was first released in 1989.
-
-**Shell:** A UNIX Shell is a program or a command line interpreter that interprets the user commands which are either entered by the user directly or which can be read from a file and then pass them to the operating system for processing.
-
-## Why Bash?
-
-Bash Scripting is a powerful part of system administration and development used at an extreme level. People use Bash for **system administration, data crunching, web application deployment, automated backups, creating custom scripts for various pages,** etc. They can control their computer or OS without having to navigate menus, options, and windows within a GUI.
-
-## What is Bash Script?
-
-A Bash Shell Script is a simple and plain text file that contains various commands that we usually type in the command line. It might include loops, functions, conditional constructs, etc. Effectively. In other words **_Bash script is a computer program written in the Bash programming language._**
-
-## Install Bash on Windows
-
-### Method-1
-
-To run bash on windows you need to install it first to do that First Run you windows **_Powershell_** or **_Windows Terminal_** as _Administrator_, then run the following command-
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-wsl --install
-```
-
-This could take a few minutes because its size is several MB. after the downloading is done you need to restart your system after that It’ll start downloading and installing _Ubuntu_, and then you’ll be prompted to pick a username and password. They don’t have to be related to your Windows 11 login details. After that, all is done. Now you have installed `bash` in your system.
-For futhuer info about this [Click Here](https://www.howtogeek.com/790062/how-to-install-bash-on-windows-11/)
-
-### Method-2
-
-You can download and install [Ubuntu 20.04.4 LTS](https://www.microsoft.com/en-ms/p/ubuntu-20044-lts/9mttcl66cpxj?activetab=pivot:overviewtab) from Microsoft Store. Once its doen just open the Ubuntu Application then set username and password. And voilà your installation is done.
-
-## Running Bash
-
-After the installation is done just open your windows terminal or ubuntu terminal (in windows) and run `bash` as shown in the image below-
-
-![run bash](https://i.imgur.com/kvfTy4d.png)
-
-**Note-** You can skip this step if you are a Mac or Linux user.
-
-### Hello, World
-
-Now we are going to run out the first command or program in bash. just type the following in your terminal.
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-echo "Hello, World"
-# Output : Hello, World
-```
-
-![helloworld](https://i.imgur.com/HMhlTHE.png)
-
-**echo:** It is a built-in command in Bash, which is used to display the standard output by passing the arguments. It is the most widely used command for printing the lines of text/String to the screen.
-
-![preview](https://i.imgur.com/H6Pn30L.gif)
-
-As you can see in the above gif you don't even need `""` to print something on-screen you can simply type `echo` followed by the text you want to print. You can create a file to do the same. That's for another article.
-
-## Wrapping up
-
-In this article we have learned that what bash is? why we wanna use it? How to Install `ubuntu` in windows and a simple `echo` command to print something on the screen. This is just begenning we are going to dive into the ocean of bash.
diff --git a/frontend/posts/glassmorphism-circle-loading-animation.mdx b/frontend/posts/glassmorphism-circle-loading-animation.mdx
deleted file mode 100644
index ad8ea58..0000000
--- a/frontend/posts/glassmorphism-circle-loading-animation.mdx
+++ /dev/null
@@ -1,77 +0,0 @@
----
-slug: glassmorphism-circle-loading-animation
-title: Glassmorphism Circle Loading Animation
-date: 2021-11-02
-published: true
-excerpt: In this article we are gonna build a loading spinner with the glassmorphism with transform rotations
-image: https://imgur.com/jYvR0Y7.png
----
-
-In this article we are gonna build a loading spinner with the glassmorphism, stay tuned for that first let's look what are we building -
-
-## Preview
-![preview](https://i.imgur.com/xPPG8l8.gif)
-
-We just need simple `div` to create this animation. For this animation we have used pseudo classes and a normal keyframe in which we just `rotate` the `.loader`.
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="loader"></div>
-```
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Main Loader */
-.loader {
-  position: relative;
-  width: 180px;
-  height: 180px;
-  overflow: hidden;
-  border-radius: 50%;
-  animation: circleAnimation 1s linear infinite;
-}
-
-.loader::before,
-.loader::after {
-  content: "";
-  position: absolute;
-}
-
-/* Glassmorphism */
-.loader::before {
-  inset: 10px;
-  background: rgba(233, 30, 99, 0.05);
-  border-radius: 50%;
-  backdrop-filter: blur(10px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  z-index: 1;
-}
-
-/* animated Circle */
-.loader::after {
-  top: -50%;
-  left: -50%;
-  width: 100%;
-  height: 100%;
-  background: #ff6198;
-}
-
-@keyframes circleAnimation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-```
-
-<Codepen id="KKvmNbz" />
-
-## Wrapping up
-
-So after that, you can use it anywhere in your project. And let me know what do you think about it. If you like it then consider a follow, because I am gonna build more things like this.
diff --git a/frontend/posts/glassmorphism-loading-animation.mdx b/frontend/posts/glassmorphism-loading-animation.mdx
deleted file mode 100644
index ab62e80..0000000
--- a/frontend/posts/glassmorphism-loading-animation.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-slug: glassmorphism-loading-animation
-title: Glassmorphism Loading Animation
-date: 2021-10-27
-published: true
-excerpt: In this article we are gonna build a loading spinner with the glassmorphism UI.
-image: https://imgur.com/6fkoOvi.png
----
-
-In this article we are gonna build a loading spinner with the glassmorphism, stay tuned for that first let's look what are we building -
-
-## Preview
-![preview](https://i.imgur.com/3qp2yPz.gif)
-
-We just need simple `div` to create this animation. For this animation we have used pseudo classes and a normal keyframe in which we just `translate` the `::before` and `::after`
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="loader"></div>
-```
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Main Loader */
-.loader {
-  position: relative;
-  width: 180px;
-  height: 180px;
-}
-
-.loader::before,
-.loader::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-}
-
-/* Loader Blue Circle */
-.loader::before {
-  background: #5989ff;
-  animation: animate 2s ease-in-out infinite;
-}
-
-/* Loader Glassmorphism */
-.loader::after {
-  background: rgba(56, 109, 241, 0.05);
-  backdrop-filter: blur(10px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  animation: animate 2s ease-in-out infinite;
-  z-index: 1;
-  animation-delay: -1s;
-}
-
-/* Animation */
-@keyframes animate {
-  0%,
-  100% {
-    transform: translateX(-80px);
-  }
-  50% {
-    transform: translateX(80px);
-  }
-}
-```
-
-<Codepen id="LYjybwJ" />
-
-## Wrapping up
-
-So after that, you can use it anywhere in your project. And let me know what do you think about it. If you like it then consider a follow, because I am gonna build more things like this.
diff --git a/frontend/posts/google-analytics-data-api.mdx b/frontend/posts/google-analytics-data-api.mdx
deleted file mode 100644
index f948782..0000000
--- a/frontend/posts/google-analytics-data-api.mdx
+++ /dev/null
@@ -1,186 +0,0 @@
----
-slug: google-analytics-data-api
-title: How to use Google Analytics Data API
-date: 2022-12-27
-keywords: css, web development, google analytics, API, reporting API, How to use Google Analytics Data API, google
-published: true
-excerpt: In this article, I am going to walk you through that how you Google Analytics Data API to fetch data from Google Analytics in the simplest way I can. After reading this article you'll be able to use this in your project with ease.
-image: https://imgur.com/ocVrYSZ.png
----
-
-In this article, I am going to walk you through that how you [Google Analytics Data API](https://developers.google.com/analytics/devguides/reporting/data/v1) to fetch data from [Google Analytics](https://analytics.google.com/) in the simplest way I can. After reading this article you'll be able to use this in your project with ease. So without further due, Let's jump into it.
-
-In my [portfolio](https://j471n.in/), I have just implemented [Google Analytics Data API](https://developers.google.com/analytics/devguides/reporting/data/v1) so that I can show how many people have visited this site in the last 7 days. As my Portfolio is already using Google Analytics to track user visits. I just need to use its API to fetch that data.
-
-But first, look at how it's showing in [my portfolio](https://j471n.in/):
-
-![](https://i.imgur.com/gFNCTvQ.png)
-
-## Requirements
-
-We need three values to fetch the data:
-
-- `GA_PROPERTY_ID`
-- `GA_CLIENT_EMAIL`
-- `GA_PRIVATE_KEY`
-
-### `GA_PROPERTY_ID`
-
-First, you need to get `GA_PROPERTY_ID` of the Google Analytics project from which you want to fetch the data.
-
-To get this you need to follow these steps:
-
-- Visit [Google Analytics](https://analytics.google.com/).
-- Select Admin.
-- Select the Property.
-- Select Property Settings.
-
-If the Property Settings shows a numeric `PROPERTY ID` such as "123...", this is the numeric Id of your Google Analytics 4 property.
-
-![](https://i.imgur.com/scjFbin.png)
-
-### `GA_CLIENT_EMAIL` and `GA_PRIVATE_KEY`
-
-To get `GA_CLIENT_EMAIL` and `GA_PRIVATE_KEY` you need to visit Google Analytics Data API's [documentation](https://developers.google.com/analytics/devguides/reporting/data/v1/quickstart-client-libraries) and then click on **Enable the Google Analytics Data API v1** button as shown in the image below:
-
-![](https://i.imgur.com/WrN2YwC.png)
-
-And then you will be prompted to enter the name of the project. After entering the name click on the **Next** button
-
-![](https://i.imgur.com/2BwwX84.png)
-
-Then you will be prompted to download the credential file as JSON.
-
-![](https://i.imgur.com/TU6qYrV.png)
-
-After downloading that file. You will find `private_key` and `client_email` properties in that JSON file. Save these two in your `.env.local`.
-
-Now you have all the necessary information or keys.
-
-## Installing Dependency
-
-To fetch the data you need to install a [@google-analytics/data](https://www.npmjs.com/package/@google-analytics/data) package. You can do that by simply running the following command in the terminal.
-
-```bash
-yarn add @google-analytics/data
-# or
-npm i @google-analytics/data
-# or
-pnpm i @google-analytics/data
-```
-
-## Using Google Analytics Data API in Project
-
-As I am using [Next.js](https://nextjs.org/) for my portfolio so I will use [Next.js API Routes](https://nextjs.org/docs/api-routes/introduction). You can do the same thing with different frameworks.
-
-I will create an API route `pages/api/ga.ts`:
-
-```typescript
-import { NextApiRequest, NextApiResponse } from "next";
-import { BetaAnalyticsDataClient } from "@google-analytics/data";
-
-// 👇 Setting PropertyId
-const propertyId = process.env.GA_PROPERTY_ID;
-
-const analyticsDataClient = new BetaAnalyticsDataClient({
-  credentials: {
-    client_email: process.env.GA_CLIENT_EMAIL,
-    private_key: process.env.GA_PRIVATE_KEY?.replace(/\n/gm, "\n"), // replacing is necessary
-  },
-});
-
-export default async function handler(
-  _req: NextApiRequest,
-  res: NextApiResponse
-) {
-  // 👇 Running a simple report
-  const [response] = await analyticsDataClient.runReport({
-    property: `properties/${propertyId}`,
-    dateRanges: [
-      {
-        startDate: `7daysAgo`, //👈  e.g. "7daysAgo" or "30daysAgo"
-        endDate: "today",
-      },
-    ],
-    dimensions: [
-      {
-        name: "year", // I wanted the data be year wised
-      },
-    ],
-    metrics: [
-      {
-        name: "activeUsers", // it returs the active users
-      },
-    ],
-  });
-
-  // Returning the respose.
-  return res.status(200).json({
-    response,
-  });
-}
-```
-
-The response would be:
-
-<CodeTitle lang="json" title="Response" />
-```json
-{
-  "data": {
-    "dimensionHeaders": [
-      {
-        "name": "year"
-      }
-    ],
-    "metricHeaders": [
-      {
-        "name": "activeUsers",
-        "type": "TYPE_INTEGER"
-      }
-    ],
-    "rows": [
-      {
-        "dimensionValues": [
-          {
-            "value": "2023",
-            "oneValue": "value"
-          }
-        ],
-        "metricValues": [
-          {
-            "value": "357",
-            "oneValue": "value"
-          }
-        ]
-      }
-    ],
-    "totals": [
-      
-    ],
-    "maximums": [
-      
-    ],
-    "minimums": [
-      
-    ],
-    "rowCount": 1,
-    "metadata": {
-      "dataLossFromOtherRow": false,
-      "currencyCode": "USD",
-      "_currencyCode": "currencyCode",
-      "timeZone": "America/Los_Angeles",
-      "_timeZone": "timeZone"
-    },
-    "propertyQuota": null,
-    "kind": "analyticsData#runReport"
-  }
-}
-```
-
-This is all you need to fetch the data. and It will return the response. My portfolio code can be found on [GitHub](https://github.com/j471n/j471n.in/blob/main/pages/api/ga.ts) you can check out How I used it.
-
-You can play with [Dimensions and Metrics](https://developers.google.com/analytics/devguides/reporting/data/v1/api-schema) to get your desired data.
-
-## Wrapping up
-
-In this article, I have explained how you can use the Google Analytics Data API to fetch data from Google Analytics. After reading this article, you should now be able to easily implement this API on your projects.
diff --git a/frontend/posts/image-slider-with-vanila-js.mdx b/frontend/posts/image-slider-with-vanila-js.mdx
deleted file mode 100644
index 22196fb..0000000
--- a/frontend/posts/image-slider-with-vanila-js.mdx
+++ /dev/null
@@ -1,424 +0,0 @@
----
-slug: image-slider-with-vanila-js
-title: Image Slider with Vanila JS
-date: 2021-12-31
-published: true
-excerpt: In this article, we are going to make an Image Slider also known as carousel with a clean UI. It can slide the images with awesome animation and it will track the current image which you can see via dots on the bottom. First, Let's see what are we building.
-image: https://imgur.com/xLOTd8n.png
----
-
-In this article, we are going to make an Image Slider also known as carousel with a clean UI. It can slide the images with awesome animation and it will track the current image which you can see via dots on the bottom. First, Let's see what are we building.
-
-## Preview
-
-![preview](https://i.imgur.com/0VPV8kU.gif)
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="container-slider">
-  <!-- Slider Container with images...  -->
-  <div class="slides"></div>
-
-  <!--  Previous Button  -->
-  <button class="btn-slide prev">
-    <img src="https://imgur.com/SUyRJqI.png" alt="prevBtn" />
-  </button>
-
-  <!--  Next Button  -->
-  <button class="btn-slide next">
-    <img src=" https://imgur.com/M6rDsRR.png" alt="nextBtn" />
-  </button>
-
-  <!--  Container for dots  -->
-  <div class="container-dots"></div>
-</div>
-```
-
-We will have an outer `div` with class `.container-slider`. It will have four separate children.
-
-- `.slides`: It will contain images, but we have not added them in the HTML, we will add them using JS.
-- `.btn-slide`: In the parent container (`.container-slider`) there will be two buttons, one for the next image (`.next`) and the other for the previous image (`.prev`)
-- `.container-dots`: It is the container for `.dot` which we have not added yet. It will also be done by JS same as the images.
-
-I guess now you have an overview of what are we doing. Now let's get into the CSS.
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-* {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  background: azure;
-  min-height: 100vh;
-  padding: 0 25px;
-}
-
-/* Main Wrapper Container */
-.container-slider {
-  position: relative;
-  max-width: 700px;
-  width: 100%;
-  height: 400px;
-  border-radius: 20px;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-  overflow: hidden;
-}
-
-/* Slider Container which contains images */
-.slides {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-/* Default Image Properties */
-.slides img {
-  position: absolute;
-  width: 50px;
-  height: 50px;
-  object-fit: cover;
-  object-position: center;
-  opacity: 0;
-  transform: scale(0);
-  transition: all 0.5s ease-in-out;
-  transition-delay: 500ms;
-}
-
-/* Active Image or Current image to display */
-.slides > img[data-active] {
-  opacity: 1;
-  transform: scale(1);
-  transition-delay: 0ms;
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-}
-
-/* Image Slider Next And Previous Buttons */
-.btn-slide {
-  position: absolute;
-  background: #f1f1f1;
-  width: 40px;
-  height: 40px;
-  padding: 10px;
-  border-radius: 50%;
-  opacity: 0;
-  border: 1px solid rgba(34, 34, 34, 0.287);
-  transition: opacity 300ms ease-in-out;
-  cursor: pointer;
-  overflow: hidden;
-  z-index: 10;
-}
-
-.btn-slide > img {
-  width: 100%;
-}
-
-/* Show Buttons when user hover on the slider Container */
-.container-slider:hover > .btn-slide {
-  opacity: 1;
-}
-
-/* Previous and Next Button Position Absolute */
-.prev,
-.next {
-  top: 50%;
-  transform: translateY(-60%);
-}
-
-.prev {
-  left: 20px;
-}
-.next {
-  right: 20px;
-}
-
-/* Bottom Dots Container  */
-.container-dots {
-  position: absolute;
-  bottom: 20px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  z-index: 10;
-}
-
-/* Sigle Dot style */
-.dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: 3px solid #f1f1f1;
-  margin: 0 5px;
-  background: #f1f1f1;
-  cursor: pointer;
-  transition: background-color 500ms ease-in-out;
-}
-
-/* Change the color of bg when user hover on it. */
-.dot:hover {
-  opacity: 0.9;
-  background: rgb(32, 32, 32);
-}
-
-/* Current or active dot */
-.dot[data-active="true"] {
-  background: rgb(32, 32, 32);
-}
-```
-
-Everything in the CSS is self-explanatory so I am not going to talk about that. If you have any queries about CSS then comment down.
-
-## Javascript
-
-This is where the fun begins. Let's see, from scratch.First, we need to import the two containers which will be `. Slides` and the `. Container-dots`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const slides = document.querySelector(".slides");
-const containerDots = document.querySelector(".container-dots");
-```
-
-Now we need images to add to the `.slides` container. And we also need a global counter or global index to track which image is displaying right now.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Global Index to track Image
-var slideIndex = 1;
-
-// Images container
-const images = [
-  { src: "https://rb.gy/ohx0bd" },
-  { src: "https://rb.gy/gggxy8" },
-  { src: "https://rb.gy/z2a0fy" },
-  { src: "https://rb.gy/nsefjh" },
-  { src: "https://rb.gy/dssu2a" },
-];
-```
-
-Now we have images, now let's add them to the `.slides` and also we need to add `.dot` to the `.container-dots`. Total images and total dots should be the same e.g. there are five images, then there should be five dots. So let's see how we are going to do that.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Adding images and dots to the Respective Container
-images.map((img) => {
-  // Creating Image Element and adding src of that image
-  var imgTag = document.createElement("img");
-  imgTag.src = img.src;
-
-  // Creating Dot (div) Element adding 'dot' class to it
-  var dot = document.createElement("div");
-  dot.classList.add("dot");
-
-  //  Appending the image and dots to respective container
-  slides.appendChild(imgTag);
-  containerDots.appendChild(dot);
-});
-```
-
-It will do the trick ad it will add them to their respective container. Now we need buttons to add to the slider. Let's do it also. We need two buttons `.prev` and `.next` we have already added those into the HTML now we just need to make them work.
-
-### Next Slide Button
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Slide Next Button Click Event
-const nextSlide = () => {
-  // it will update the slideIndex on the basis of the images.length as it gets greater than images.length, this will initialize to the 1
-  if (slideIndex !== images.length) {
-    ++slideIndex;
-  } else if (slideIndex === images.length) {
-    slideIndex = 1;
-  }
-};
-
-const nextBtn = document.querySelector(".next");
-nextBtn.onclick = nextSlide;
-```
-
-### Previous Slide Button
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Slide Previous Button Click Event
-const prevSlide = () => {
-  // It will check if the slideIndex is less equal to 1 then change it to the images.legnth, it will enable infinite scrolling
-  if (slideIndex !== 1) {
-    --slideIndex;
-  } else if (slideIndex === 1) {
-    slideIndex = images.length;
-  }
-};
-
-const prevBtn = document.querySelector(".prev");
-prevBtn.onclick = prevSlide;
-```
-
-Now these buttons will allow you to scroll infinite according to the `slideIndex`
-
-But after implementing it you will see the image is not displaying it is because we are not updating the image according to the `slideIndex` right now, let's implement that.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Update Image And Slide Dot according to the [data-active]
-function updateImageAndDot() {
-  /* ...........Updating Image.............. */
-  const activeSlide = slides.querySelector("[data-active]");
-  slides.children[slideIndex - 1].dataset.active = true;
-  activeSlide && delete activeSlide.dataset.active;
-
-  /* ...........Updating Dots.............. */
-  const activeDot = containerDots.querySelector("[data-active]");
-  containerDots.children[slideIndex - 1].dataset.active = true;
-  activeDot && delete activeDot.dataset.active;
-}
-```
-
-Here we are getting the `activeSlide` and `activeDot`. Which will have a `[data-active]` attribute, then we are setting the `.slides` and `.container-dots` children to active (data-active="true)" based on the `slideIndex` then if there is an `activeSlide` which we have queried earlier then delete it (which was the previously active slide and dot). After this, we will only have one slide and dot which is currently active.
-
-Now we need to call this function inside the `nextSlide` and `prevSlide` function in the end.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const nextSlide = () => {
-  /* .... */
-  updateImageAndDot();
-};
-
-const prevSlide = () => {
-  /* .... */
-  updateImageAndDot();
-};
-```
-
-We also need to call the `updateImageAndDot` in the global scope. This will allow it to show the image and dot as the page loads.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Show the Image as the page loads;
-updateImageAndDot();
-```
-
-Now we are going to implement one more feature which is when the user press the dots it should take the user to the respective images.
-
-### Preview-2
-![preview-2](https://i.imgur.com/QmikK4O.gif)
-
-It's not that hard we just need to make a function in our case called `moveDot` and just add the Event Listener to every dot. Let's see it in action.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// It helps to move the dot, it take "index" as parameter and update the slideIndex
-function moveDot(index) {
-  slideIndex = index;
-  updateImageAndDot(); // to update the image and dot
-}
-
-// Adding EventListener to All dots so that when user click on it trigger move dots;
-const dots = containerDots.querySelectorAll("*").forEach((dot, index) => {
-  dot.addEventListener("click", () => {
-    moveDot(index + 1);
-  });
-});
-```
-
-Now we have covered all the aspects of this now let's see the full Javascript file or code.
-
-### Full Javascript Code
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const slides = document.querySelector(".slides");
-const containerDots = document.querySelector(".container-dots");
-
-var slideIndex = 1;
-
-// Images container
-const images = [
-  { src: "https://rb.gy/ohx0bd" },
-  { src: "https://rb.gy/gggxy8" },
-  { src: "https://rb.gy/z2a0fy" },
-  { src: "https://rb.gy/nsefjh" },
-  { src: "https://rb.gy/dssu2a" },
-];
-
-// Adding images and dots to the Respective Container
-images.map((img) => {
-  // Creating Image Element and adding src of that image
-  var imgTag = document.createElement("img");
-  imgTag.src = img.src;
-
-  // Creating Dot (div) Element adding 'dot' class to it
-  var dot = document.createElement("div");
-  dot.classList.add("dot");
-
-  //  Appending the image and dots to respective container
-  slides.appendChild(imgTag);
-  containerDots.appendChild(dot);
-});
-
-// Adding EventListener to All dots so that when user click on it trigger move dots;
-const dots = containerDots.querySelectorAll("*").forEach((dot, index) => {
-  dot.addEventListener("click", () => {
-    moveDot(index + 1);
-  });
-});
-
-// It helps to move the dot, it take "index" as parameter and update the slideIndex
-function moveDot(index) {
-  slideIndex = index;
-  updateImageAndDot();
-}
-
-// Update Image And Slide Dot according to the [data-active]
-function updateImageAndDot() {
-  /* ...........Updating Image.............. */
-  const activeSlide = slides.querySelector("[data-active]");
-  slides.children[slideIndex - 1].dataset.active = true;
-  activeSlide && delete activeSlide.dataset.active;
-
-  /* ...........Updating Dots.............. */
-  const activeDot = containerDots.querySelector("[data-active]");
-  containerDots.children[slideIndex - 1].dataset.active = true;
-  activeDot && delete activeDot.dataset.active;
-}
-
-// Slide Next Button Click Event
-const nextSlide = () => {
-  // it will update the slideIndex on the basis of the images.length as it gets greater than images.length, this will initialize to the 1
-  if (slideIndex !== images.length) {
-    ++slideIndex;
-  } else if (slideIndex === images.length) {
-    slideIndex = 1;
-  }
-  updateImageAndDot();
-};
-
-const nextBtn = document.querySelector(".next");
-nextBtn.onclick = nextSlide;
-
-// Slide Previous Button Click Event
-const prevSlide = () => {
-  // It will check if the slideIndex is less equal to 1 then change it to the images.legnth, it will enable infinite scrolling
-  if (slideIndex !== 1) {
-    --slideIndex;
-  } else if (slideIndex === 1) {
-    slideIndex = images.length;
-  }
-  updateImageAndDot();
-};
-
-const prevBtn = document.querySelector(".prev");
-prevBtn.onclick = prevSlide;
-
-// Show the Image as the Page Loads;
-updateImageAndDot();
-```
-
-<Codepen id="BawpOLB" />
diff --git a/frontend/posts/ip-address-and-classes.mdx b/frontend/posts/ip-address-and-classes.mdx
deleted file mode 100644
index 31c2aa0..0000000
--- a/frontend/posts/ip-address-and-classes.mdx
+++ /dev/null
@@ -1,244 +0,0 @@
----
-slug: ip-address-and-classes
-title: IP Address & Classes
-date: 2022-07-06
-published: true
-excerpt: In this article, I have solved an `Acid Rain` CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.
-image: https://imgur.com/YWgz8mL.png
----
-
-
-In this article, I will explain the concept of IP Addresses, How it works, and its classifications and types in detail. I'll cover each one of these ones by one as simple as possible.  
-
-
-## What is IP Address? 
-
-An IP address, or Internet Protocol address, is a series of numbers that identifies any device on a network.
-
-## Terminologies
-
-### IP Addressing
-**IP addressing** is the process of finding a unique IP address. A unique IP address is required for each host and network component that communicates using TCP/IP protocol.
-
-### TCP/IP Protocol 
-
-**TCP/IP** stands for Transmission Control Protocol/Internet Protocol and is a suite of communication protocols used to interconnect network devices on the internet. TCP/IP is also used as a communications protocol in a private computer network
-
-
-
-## Working of IP Addresses 
-
-The IP Address identifies a system's location on the network. An IP must be globally unique and have a uniform format.
-
-Each IP address has two parts: 
-- **Network ID**: It identifies the system that is located on the same physical networkID. It is also known as the network address.
-
-- **Host ID**: It identifies the workstation, server, router, or other TCP/IP host within a network. The address for each host must be unique. to the networkID.
-
-The use of the term networkID refers to any IP networkID, whether it is class-based, a subnet, or a supernet.
-
-
-![netid](https://imgur.com/RD64rwK.png)
-
-
-### Octets
-
-An IP Address is `32-bits` long. It is a common practice to segment the `32-bits` of the IP address into four `8-bit` fields called **octets**. Each octet is converted to a decimal number (the base 10 numbering system) in the range of `0-255` and separated by a period (a dot). This format is called dotted decimal notation.
-
-**Example IPv4 Address-** `128.168.112.201`
-
-![octet](https://imgur.com/knjVN3z.png)
-
-
-## Classes in IP Addresses 
-
-TCP/IP defines five classes of IP addresses: Class A, B, C, D, and E. Each class has a range of valid IP addresses. The **value of the first octet** determines the class.
-
-
-<table>
-  <thead>
-    <tr>
-      <th>Class</th>
-      <th>Range</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>A</td>
-      <td>0-127</td>
-    </tr>
-    <tr>
-      <td>B</td>
-      <td>128-191</td>
-    </tr>
-    <tr>
-      <td>C</td>
-      <td>192-223</td>
-    </tr>
-    <tr>
-      <td>D</td>
-      <td>224-239</td>
-    </tr>
-    <tr>
-      <td>E</td>
-      <td>240-255</td>
-    </tr>
-  </tbody>
-</table>
-
-
-### Class A
-
-Class A addresses are assigned to networks with a very large number of hosts. The high-order bit in a class A address is always set to `0`. The next seven bits (completing the first octets) complete networkID. The remaining `24 bits` (the last three octets) represent the host ID. 
-
-![classA](https://imgur.com/mTzFoci.png)
-
-
-#### Maximum Possible Networks in Class A
-
-As shown in the above image the network ID only has `8-bits` the first bit is `0` (fixed bit for Class A) and the other `7-bits` are empty. So there can only be **2<sup>7</sup> - 2 (126)** maximum possible networks. I have subtracted the `2` from possible networks because [IANA](https://www.iana.org/) does not allow to use of the first and last bits of the address which are (`00000000` and `01111111`).
-
-#### Maximum Possible Hosts in Class A 
-
-As there are only `24-bits` left and we could do the math **2<sup>24</sup> - 2 (16777214)**. Now here I've also subtracted the 2 that is because in host id first bits of the host address represent the whole network. and the last address is used as the broadcasting address to the whole network.
-
-![](https://imgur.com/nUdk2eG.png)
-
-In the above, I have taken a network with IP address `72.0.0.0` in this `72`  represents the network ID and that is in the range of  `0-127` so we know it is a Class A IP address, and `0.0.0` represent host ID but we cannot assign to the user or host because this IP represents the whole network. 
-
-And Broadcasting IP Address means that if anyone has to send the message or data to all the hosts then It can be done with the `72.255.255.255` which can also not be assigned to the host.
-
-
-<table>
-  <thead>
-    <tr>
-      <th>Summary</th>
-      <th>Values</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Max. Networks</td>
-      <td>2<sup>7</sup> - 2  (126)</td>
-    </tr>
-    <tr>
-      <td>Max. Hosts</td>
-      <td>2<sup>24</sup> - 2 (16777214)</td>
-    </tr>
-    <tr>
-      <td>Example IP Address</td>
-      <td>72.21.96.242</td>
-    </tr>
-  </tbody>
-</table>
-
-
-### Class B 
-
-Class B addresses are assigned to medium-sized to large-sized networks. The two high-order bits in a class B address are always set to binary `10`. The next `14-bits` (completing the first and second octets) complete the network ID. The remaining `16-bits` (last two octets) represent the host ID.
-
-![classB](https://imgur.com/5XyUZ8X.png)
-
-#### Maximum Possible Networks in Class B
-
-As shown in the above image, the network ID has `16-bits` in which `2-bits` are fixed (`10`) and there are `14-bits` left empty. So there can be maximum of **2<sup>14 </sup> (16384)** networks. There is no restriction by [IANA](https://www.iana.org/) as it was in Class A.
-
-#### Maximum Possible Hosts in Class B
-
-As there are only `16-bits` left and we could do the math **2<sup>16</sup> - 2 (65534)**. Now here I've also subtracted the 2 that is because in host id first bits of the host address represent the whole network. and the last address is used as the broadcasting address to the whole network as I mentioned in the Class A section.
-
-<table>
-  <thead>
-    <tr>
-      <th>Summary</th>
-      <th>Values</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Max. Networks</td>
-      <td>2<sup>14</sup> (16384)</td>
-    </tr>
-    <tr>
-      <td>Max. Hosts</td>
-      <td>2<sup>16</sup> - 2 (65534)</td>
-    </tr>
-    <tr>
-      <td>Example IP Address</td>
-      <td>168.211.236.201</td>
-    </tr>
-  </tbody>
-</table>
-
-### Class C
-
-Class C addresses are used for small networks. The three high-order bits in class C are always set to binary `110`. The next `21-bits` (completing the first three octets) complete the network ID. The remaining `8-bits` (last octet) represent the host ID. 
-
-![classC](https://imgur.com/QDZg7vS.png)
-
-
-
-#### Maximum Possible Networks in Class C
-
-As shown in the above image, the network ID has `24-bits` in which `3-bits` are fixed (`110`) and there are `21-bits` left empty. So there can be maximum of **2<sup>21 </sup> (2097152)** networks. There is no restriction by [IANA](https://www.iana.org/) as it was in Class A.
-
-#### Maximum Possible Hosts in Class C
-
-As there are only `8-bits` left and we can do the math **2<sup>8</sup> - 2 (254)**. Now here I've also subtracted the 2 that is because in host id first bits of the host address represent the whole network. and the last address is used as the broadcasting address to the whole network as I mentioned in the Class A section.
-
-<table>
-  <thead>
-    <tr>
-      <th>Summary</th>
-      <th>Values</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Max. Networks</td>
-      <td>2<sup>21</sup> (2097152)</td>
-    </tr>
-    <tr>
-      <td>Max. Hosts</td>
-      <td>2<sup>8</sup> - 2 (254)</td>
-    </tr>
-    <tr>
-      <td>Example IP Address</td>
-      <td>192.168.216.105</td>
-    </tr>
-  </tbody>
-</table>
-
-### Class D
-
-Class D addresses are reserved for IP multicast addresses. The four high-order bits in a Class D address are always set to binary `1110`. The remaining bits are for the address that the interested host will recognize. Class D is never used for regular networking operations. It is a `32-bits` network address. Thus, there is no need to extract the host address from the IP address. 
-
-**Example IP Address**: `225.231.47.153`
-
-
-![classD](https://imgur.com/PDgrbGn.png)
-
-### Class E
-
-Class E addresses are reserved for experimental purposes only for R&D (Research and development) or Study. The high order bits in Class E are set to `1111`. 
-
-**Example IP Address**: `244.171.88.113`
-
-![classE](https://imgur.com/Iu0FmVv.png)
-
-## Summary 
-
-
-- An Ip address is assigned to devices connected to a computer network.
-- An IP address works in a network like a postal address
-- In a Class A type of network, the first `8-bits` (first octet) identify the network, and the remaining `24-bits` represent the host.
-- In a Class B type of network, the first `16-bits` (first two octets) identify the network, and the remaining `16-bits` represent the host.
-- In Class C, `24-bits` (first three octets) are used to represent the network, and the remaining `8-bits` represent the host. -
-- Class D addresses are `32-bit` network addresses. There is no need to extract the host address from the IP.
-- Class E IP address is defined by including the starting four network address bits as 1.
-
-
-![summary](https://imgur.com/oEHzuM9.png)
-
-
-
diff --git a/frontend/posts/js-cheatsheet.mdx b/frontend/posts/js-cheatsheet.mdx
deleted file mode 100644
index 750a95a..0000000
--- a/frontend/posts/js-cheatsheet.mdx
+++ /dev/null
@@ -1,2159 +0,0 @@
----
-slug: js-cheatsheet
-title: JavaScript Cheat Sheet that you should bookmark
-date: 2022-02-01
-published: true
-excerpt: This is the Cheat Sheet of JavaScript. It contains explanations, code examples, basic and important operators, functions, principles, methods, and many more. It provides a good overview of the language.
-image: https://imgur.com/jnLZxMw.png
----
-
-This is the Cheat Sheet of JavaScript. It contains explanations, code examples, basic and important operators, functions, principles, methods, and many more. It provides a good overview of the language.
-
-## Javascript
-
-JavaScript is a programming language that powers the dynamic behavior on most websites. Alongside HTML and CSS, it is a core technology that makes the web run.
-
-### console.log()
-
-The `console.log()` method is used to log or print messages to the console. It can also be used to print objects and other info.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-console.log("Hi there!");
-// Prints: Hi there!
-```
-
-[Learn about console.log()](https://developer.mozilla.org/en-US/docs/Web/API/Console/log)
-
-### Strings
-
-Strings are a primitive data type. They are any grouping of characters (letters, spaces, numbers, or symbols) surrounded by single quotes `'` or double quotes `"` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let single = "Wheres my bandit hat?";
-let double = "Wheres my bandit hat?";
-```
-
-[Learn more about String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)
-
-### Numbers
-
-Numbers are a primitive data type. They include the set of all integers and floating point numbers.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let amount = 6;
-let price = 4.99;
-```
-
-[Learn more about Numbers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number)
-
-### Boolean
-
-Booleans are a primitive data type. They can be either `true` or `false` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let lateToWork = true;
-let isHoliday = false;
-```
-
-[Learn more about Boolean](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean)
-
-### Null
-
-Null is a primitive data type. It represents the intentional absence of value. In code, it is represented as `null`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let x = null;
-```
-
-[Learn more about null](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null)
-
-### Arithmetic Operators
-
-JavaScript supports arithmetic operators for:
-
-- - addition
-- - subtraction
-- - multiplication
-- / division
-- % modulo
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Addition
-5 + 5;
-// Subtraction
-10 - 5;
-// Multiplication
-5 * 10;
-// Division
-10 / 5;
-// Modulo
-10 % 5;
-```
-
-[Learn more](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Math)
-
-### String.length
-
-The `.length` property of a string returns the number of characters that make up the string.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let message = "good nite";
-console.log(message.length);
-// Prints: 9
-console.log("howdy".length);
-// Prints: 5
-```
-
-### Methods
-
-Methods return information about an object, and are called by appending an instance with a period `.` , the method name, and parentheses.
-
-### Libraries
-
-Libraries contain methods that can be called by appending the library name with a period `.` , the method name, and a set of parentheses.
-
-### Math.random()
-
-The `Math.random()` function returns a floating-point random number in the range from 0 (inclusive) up to but not including 1.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Returns a number between 0 and 1
-Math.random();
-```
-
-[More about Math.random()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random)
-
-### Math.floor()
-
-The `Math.floor()` function returns the largest integer less than or equal to the given number.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-console.log(Math.floor(5.95));
-// Prints: 5
-```
-
-[More about Math.floor()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor)
-
-### Single Line Comments
-
-In JavaScript, single-line comments are created with two consecutive forward slashes `//` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// This line will denote a comment
-```
-
-### Multi-line Comments
-
-In JavaScript, multi-line comments are created by surrounding the lines with `/*` at the beginning and `*/` at the end. Comments are good ways for a variety of reasons like explaining a code block or indicating some hints, etc.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-/*
-The below configuration must be
-changed before deployment.
-*/
-let baseUrl = "https://google.com/";
-```
-
-[More about Comments](https://www.geeksforgeeks.org/javascript-comments/)
-
-### Variables
-
-A variable is a container for data that is stored in computer memory. It is referenced by a descriptive name that a programmer can call to assign a specific value and retrieve it.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// examples of variables
-let name = "Tammy";
-const found = false;
-var age = 3;
-console.log(name, found, age);
-// Tammy, false, 3
-```
-
-[Learn more about Variables](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types)
-
-### `const` Keyword
-
-A constant variable can be declared using the keyword `const` . It must have an assignment. Any attempt of reassigning a `const` variable will result in JavaScript runtime error.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const numberOfColumns = 4;
-numberOfColumns = 8;
-// TypeError: Assignment to constant variable.
-```
-
-### `let` Keyword
-
-`let` creates a local variable in JavaScript & can be reassigned. Initialization during the declaration of a `let` variable is optional. A `let` variable will contain undefined if nothing is assigned to it.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let count;
-console.log(count); // Prints: undefined
-count = 10;
-console.log(count); // Prints: 10
-```
-
-### Undefined
-
-`undefined` is a primitive JavaScript value that represents lack of defined value. Variables that are declared but not initialize to a vale will have the value `undefined`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a;
-console.log(a);
-// Prints: undefined
-```
-
-### Assignment Operators
-
-An assignment operator assigns a value to its left operand based on the value of its right operand. Here are some of them:
-
-- += addition assignment
-- -= subtraction assignment
-- \*= multiplication assignment
-- /= division assignment
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let number = 100;
-// Both statements will add 10
-number = number + 10;
-number += 10;
-console.log(number);
-// Prints: 120
-```
-
-### String Concatenation
-
-In JavaScript, multiple strings can be concatenated together using the `+` operator. In the example, multiple strings and variables containing string values have been concatenated. After execution of the code block, the `displayText` variable will contain the concatenated string.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let service = 'credit card';
-let month = 'May 30th';
-let displayText = 'Your ' + service + ' bill
-is due on ' + month + '.';
-console.log(displayText);
-// Prints: Your credit card bill is due on May 30th.
-```
-
-[Learn more about String Concatenation](https://masteringjs.io/tutorials/fundamentals/string-concat)
-
-### String Interpolation
-
-String interpolation is the process of evaluating string literals containing one or more placeholders (expressions, variables, etc). It can be performed using template literals: `text ${expression} text`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let age = 7;
-// String concatenation
-"Tommy is " + age + " years old.";
-// String interpolation
-`Tommy is ${age} years old.`;
-```
-
-[Learn more about String interpolation](https://dmitripavlutin.com/string-interpolation-in-javascript/)
-
-### Template Literals
-
-Template literals are strings that allow embedded expressions, `${expression}` . While regular strings use single `'` or double `"` quotes, template literals use backticks instead.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let name = "Codecademy";
-console.log(`Hello, ${name}`);
-// Prints: Hello, Codecademy
-console.log(`Billy is ${6 + 8} years old.`);
-// Prints: Billy is 14 years old.
-```
-
-[Learn more about Template Literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
-
----
-
-## Conditionals
-
-### Control Flow
-
-Control Flow is the order in which statements are executed in a program. The default control Flow is for statements to be read and executed in order from left-to-right, top-to-bottom in a program file.
-
-Control structures such as conditionals ( if statements and the like) alter control Flow by only executing blocks of code if certain conditions are met. These structures essentially allow a program to make decisions about which code is executed as the program runs.
-
-[More info about Control Flow](https://developer.mozilla.org/en-US/docs/Glossary/Control_flow)
-
-### Truthy and Falsy
-
-In JavaScript, values evaluate to `true` or `false` when evaluated as Booleans.
-
-- Values that evaluate to `true` are known as _truthy_
-- Values that evaluate to `false` are known as _falsy_
-
-Falsy values include `false` , `0` , empty strings, `null`, `undefined` , and `NaN`. All other values are truthy
-
-[Learn about Truthy and Falsy](https://developer.mozilla.org/en-US/docs/Glossary/Truty)
-
-### Comparison Operators
-
-Comparison operators are used to comparing two values and return `true` or `false` depending on the validity of the comparison:
-
-<table>
-  <thead>
-    <tr>
-      <th>Symbol</th>
-      <th>Name</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>===</td>
-      <td>Strict Equal</td>
-    </tr>
-    <tr>
-      <td>!==</td>
-      <td>Strict Not Equal</td>
-    </tr>
-    <tr>
-      <td>==</td>
-      <td>Loosed Equal</td>
-    </tr>
-    <tr>
-      <td>&gt;</td>
-      <td>Greater than</td>
-    </tr>
-    <tr>
-      <td>&gt;=</td>
-      <td>Greater than or Equal</td>
-    </tr>
-    <tr>
-      <td>&lt;</td>
-      <td>Less than</td>
-    </tr>
-    <tr>
-      <td>&lt;=</td>
-      <td>Less than or Equal</td>
-    </tr>
-  </tbody>
-</table>
-
-<CodeTitle lang="js" title="script.js" />
-```js
-1 > 3; // false
-3 > 1; // true
-250 >= 250; // true
-1 === 1; // true
-1 === 2; // false
-1 === "1"; // false
-1 == "1"; // true
-```
-
-[More about comparision operators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness)
-
-### `if` Statement
-
-An `if` statement accepts an expression with a set of parentheses:
-
-- If the expression evaluates to a truthy value, then the code within its code body executes.
-- If the expression evaluates to a falsy value, its code body will not execute.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const isMailSent = true;
-
-if (isMailSent) {
-  console.log("Mail sent to recipient");
-}
-```
-
-### `if...else` Statement
-
-An `else` block can be added to an `if` block or series of `if-else if` blocks. The `else` block will be executed only if the `if` condition fails.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const isTaskCompleted = false;
-
-if (isTaskCompleted) {
-  console.log("Task completed");
-} else {
-  console.log("Task incomplete");
-}
-```
-
-### `else if` Clause
-
-After an initial `if` block, `else if` blocks can each check an additional condition. An optional `else` block can be added after the `else if` block(s) to run by default if none of the conditionals evaluated to truthy.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const size = 10;
-
-if (size > 100) {
-  console.log("Big");
-} else if (size > 20) {
-  console.log("Medium");
-} else if (size > 4) {
-  console.log("Small");
-} else {
-  console.log("Tiny");
-}
-// Print: Small
-```
-
-[More about control flow statements](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else)
-
-### Logical NOT Operator
-
-The logical NOT operator `!` can be used to do one of the following:
-
-- Invert a Boolean value.
-- Invert the truthiness of non-Boolean values.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let lateToWork = true;
-let oppositeValue = !lateToWork;
-
-console.log(oppositeValue);
-// Prints: false
-```
-
-[More about Logical NOT](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_NOT)
-
-### Logical AND Operator
-
-The logical AND operator `&&` checks two values and returns a boolean. If both values are truthy, then it returns `true` . If one, or both, of the values is falsy, then it returns `false`.
-
-|   A   |   B   | A && B |
-| :---: | :---: | :----: |
-| false | false | false  |
-| false | true  | false  |
-| true  | false | false  |
-| true  | true  |  true  |
-
-<CodeTitle lang="js" title="script.js" />
-```js
-true && true; // true
-1 > 2 && 2 > 1; // false
-true && false; // false
-4 === 4 && 3 > 1; // true
-```
-
-[Learn more about Logical AND](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND)
-
-### Logical OR Operator
-
-The logical OR operator `||` checks two values and returns a boolean. If one or both values are truthy, it returns true . If both values are falsy, it returns `false` .
-
-|   A   |   B   | A ll B |
-| :---: | :---: | :----: |
-| false | false | false  |
-| false | true  |  true  |
-| true  | false |  true  |
-| true  | true  |  true  |
-
-<CodeTitle lang="js" title="script.js" />
-```js
-true || false; // true
-10 > 5 || 10 > 20; // true
-false || false; // false
-10 > 100 || 10 > 20; // false
-```
-
-[Learn more about Logical OR](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR)
-
-### `switch` Statement
-
-The `switch` statements provide a means of checking an expression against multiple `case` clauses. If a case matches, the code inside that clause is executed. The `case` clause should finish with a `break` keyword. If no case matches but a `default` clause is included, the code inside `default` will be executed.
-
-**Note**: If break is omitted from the block of a case , the switch statement will continue to check against case values until a break is encountered.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const food = "salad";
-
-switch (food) {
-  case "oyster":
-    console.log("The taste of the sea 🦪");
-    break;
-  case "pizza":
-    console.log("A delicious pie 🍕");
-    break;
-  default:
-    console.log("Enjoy your meal");
-}
-// Prints: Enjoy your meal
-```
-
-[Learn more about switch statement](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch)
-
-### Ternary Operator
-
-The ternary operator allows for a compact syntax in the case of binary (choosing between two choices) decisions. It accepts a condition followed by a `?` operator, and then two expressions separated by a `:` . If the condition evaluates to truthy, the first expression is executed, otherwise, the second expression is executed.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let price = 10.5;
-let day = "Monday";
-
-day === "Monday" ? (price -= 1.5) : (price += 1.5);
-
-// Price will be 9
-```
-
-[Learn more about Ternary Operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator)
-
----
-
-## Functions
-
-Functions are one of the fundamental building blocks in JavaScript. A _function_ is a reusable set of statements to perform a task or calculate a value. Functions can be passed one or more values and can return a value at the end of their execution. In order to use a function, you must define it somewhere in the scope where you wish to call it.
-
-The example code provided contains a function that takes in 2 values and returns the sum of those.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Defining the function:
-function sum(num1, num2) {
-  return num1 + num2;
-}
-// Calling the function:
-sum(3, 6); // 9
-```
-
-[More about Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions)
-
-### Calling Functions
-
-Functions can be _called_, or executed, elsewhere in code using parentheses following the function name. When a function is called, the code inside its function body runs. _Arguments_ are values passed into a function when it is called.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Defining the function
-function sum(num1, num2) {
-  return num1 + num2;
-}
-// Calling the function
-sum(2, 4); // 6
-```
-
-### Function Parameters
-
-Inputs to functions are known as parameters when a function is declared or defined. Parameters are used as variables inside the function body. When the function is called, these parameters will have the values of whatever is passed in as arguments. It is possible to define a function without parameters.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// The parameter is name
-function sayHello(name) {
-  return `Hello, ${name}!`;
-}
-
-// function without parameter
-function sayHello() {
-  return `Hello, World!`;
-}
-```
-
-[More about Parameters](https://developer.mozilla.org/en-US/docs/Glossary/Parameter)
-
-### `return` Keyword
-
-Functions return (pass back) values using the `return` keyword. `return` ends function execution and returns the specified value to the location where it was called. A common mistake is to forget the `return` keyword in which case the function will return `undefined` by default.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// With return
-function sum(num1, num2) {
-  return num1 + num2;
-}
-// Without return, so the function doesn't output the sum
-function sum(num1, num2) {
-  num1 + num2;
-}
-```
-
-[More about return](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return)
-
-<a href="#function-declaration"></a>
-
-### Function Declaration
-
-Function declarations are used to create named functions. These functions can be called using their declared name. Function declarations are built from:
-
-- The `function` keyword.
-- The function name.
-- An optional list of parameters separated by commas enclosed by a set of parentheses `()` .
-- A function body enclosed in a set of curly braces
-  `{}`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function add(num1, num2) {
-  return num1 + num2;
-}
-```
-
-[More about Function Declaration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function)
-
-### Anonymous Functions
-
-Anonymous functions in JavaScript do not have a name property. They can be defined using the `function` keyword, or as an arrow function. See the code example for the difference between a named function and an anonymous function.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Named function
-function rocketToMars() {
-  return "BOOM!";
-}
-// Anonymous function
-const rocketToMars = function () {
-  return "BOOM!";
-};
-```
-
-[Learn more about Anonymous functions](https://www.javascripttutorial.net/javascript-anonymous-functions/)
-
-### Arrow Functions
-
-Arrow function expressions were introduced in ES6. These expressions are clean and concise. The syntax for an arrow function expression does not require the `function` keyword and uses a fat arrow `=>` to separate the parameter(s) from the body. There are several variations of arrow functions:
-
-- Arrow functions with a single parameter do not require `()` around the parameter list.
-
-- Arrow functions with a single expression can use the concise function body which returns the result of the expression without the `return` keyword.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Arrow function with two arguments
-const sum = (firstParam, secondParam) => {
-  return firstParam + secondParam;
-};
-console.log(sum(2, 5)); // Prints: 7
-
-// Arrow function with no arguments
-const printHello = () => {
-  console.log("hello");
-};
-printHello(); // Prints: hello
-
-// Arrow functions with a single argument
-const checkWeight = (weight) => {
-  console.log(`Baggage weight : ${weight} kilograms.`);
-};
-checkWeight(25); // Prints: Baggage weight : 25 kilograms.
-
-// Concise arrow functions
-const multiply = (a, b) => a * b;
-console.log(multiply(2, 30)); // Prints: 60
-```
-
-[Learn more about the arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
-
----
-
-## Scope
-
-Scope is a concept that refers to where values and functions can be accessed. Various scopes include:
-
-- Global scope (a value/function in the global scope can be used anywhere in the entire program).
-- File or module scope (the value/function can only be accessed from within the file).
-- Function scope (only visible within the function).
-- Code block scope (only visible with in a `{...}` codeblock)
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function myFunction() {
-  var pizzaName = "Volvo";
-  // Code here can use pizzaName
-}
-// Code here can't use pizzaName
-```
-
-[Learn more about the scope](https://developer.mozilla.org/en-US/docs/Glossary/Scope)
-
-### Block Scoped Variables
-
-`const` and `let` are block scoped variables, meaning they are only accessible in their block or nested blocks. In the given code block, trying to print the `statusMessage` using the `console.log()` method will result in a `ReferenceError` . It is accessible only inside that `if` block.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const isLoggedIn = true;
-
-if (isLoggedIn == true) {
-  const statusMessage = "User is logged in.";
-}
-console.log(statusMessage);
-// Uncaught ReferenceError: statusMessage is not defined
-```
-
-### Global Variables
-
-JavaScript variables that are declared outside of blocks or functions can exist in the global scope, which means they are accessible throughout a program. Variables declared outside of smaller block or function scopes are accessible inside those smaller scopes.
-
-**Note**: It is best practice to keep global variables to a minimum.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Variable declared globally
-const color = "blue";
-
-function printColor() {
-  console.log(color);
-}
-printColor(); // Prints: blue
-```
-
----
-
-## Arrays
-
-Arrays are lists of ordered, stored data. They can hold items that are of any data type. Arrays are created by using square brackets, with individual elements separated by commas
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// An array containing numbers
-const numberArray = [0, 1, 2, 3];
-
-// An array containing different data types
-const mixedArray = [1, "chicken", false];
-```
-
-[More about Arrays](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
-
-### Index
-
-Array elements are arranged by index values, starting at `0` as the first element index. Elements can be accessed by their index using the array name, and the index surrounded by square brackets `[]`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Accessing an array element
-const myArray = [100, 200, 300];
-
-console.log(myArray[0]); // 100
-console.log(myArray[1]); // 200
-console.log(myArray[2]); // 300
-```
-
-### Property `.length`
-
-The `.length` property of a JavaScript array indicates
-the number of elements the array contains.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const numbers = [1, 2, 3, 4];
-
-numbers.length; // 4
-```
-
-### Method `.push()`
-
-The `.push()` method of JavaScript arrays can be used to add one or more elements to the end of an array. `.push()` mutates the original array returns the new length of the array.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Adding a single element:
-const cart = ["apple", "orange"];
-cart.push("pear");
-
-// Adding multiple elements:
-const numbers = [1, 2];
-numbers.push(3, 4, 5);
-```
-
-### Method `.pop()`
-
-The `.pop()` method removes the last element from an
-array and returns that element.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const ingredients = ["eggs", "flour", "chocolate"];
-
-const poppedIngredient = ingredients.pop(); // ("chocolate");
-
-console.log(ingredients); // ['eggs', 'flour']
-```
-
-### Mutable
-
-JavaScript arrays are mutable, meaning that the values they contain can be changed.
-
-Even if they are declared using `const`, the contents can be manipulated by reassigning internal values or using methods like `.push()` and `.pop()` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const names = ["Alice", "Bob"];
-
-names.push("Carl");
-// ['Alice', 'Bob', 'Carl']
-```
-
-[More about Mutable](https://developer.mozilla.org/en-US/docs/Glossary/Mutable)
-
----
-
-## Loops
-
-A loop is a programming tool that is used to repeat a set
-of instructions. Iterate is a generic term that means “to
-repeat” in the context of loops. A loop will continue to
-iterate until a specified condition, commonly known as _stopping condition_ is met.
-
-[More about Loops](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration)
-
-### `for` loop
-
-A `for` loop declares looping instructions, with three important pieces of information separated by semicolons `;`
-
-- The initialization defines where to begin the loop by declaring the iterator variable.
-- The _stopping condition_ determines when to stop looping.
-- The _iteration statement_ updates the iterator each time the loop is completed.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-for (let i = 0; i < 3; i += 1) {
-  console.log(i);
-}
-// Output: 0, 1, 2
-```
-
-[learn More about For loop](https://www.w3schools.com/js/js_loop_for.asp)
-
-### Reverse Loop
-
-A `for` loop can iterate “in reverse” by initializing the loop variable to the starting value, testing for when the variable hits the ending value, and decrementing (subtracting from) the loop variable at each iteration.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const items = ["apricot", "banana", "cherry"];
-
-for (let i = items.length - 1; i >= 0; i -= 1) {
-  console.log(`${i}. ${items[i]}`);
-}
-
-// Prints: 2. cherry
-// Prints: 1. banana
-// Prints: 0. apricot
-```
-
-### Looping Through Arrays
-
-An array's length can be evaluated with the `.length` property. This is extremely helpful for looping through arrays, as the `.length` of the array can be used as the stopping condition in the loop.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-for (let i = 0; i < array.length; i++) {
-  console.log(array[i]);
-}
-
-// Output: Every item in the array
-```
-
-### Nested For Loop
-
-A nested `for` loop is when a for loop runs inside another `for` loop. The inner loop will run all its iterations for each iteration of the outer loop.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-for (let outer = 0; outer < 2; outer += 1) {
-  for (let inner = 0; inner < 3; inner += 1) {
-    console.log(`${outer}-${inner}`);
-  }
-}
-
-/*
-Output:
-0-0
-0-1
-0-2
-1-0
-1-1
-1-2
-*/
-```
-
-[Learn more about Nested for loops](https://www.freecodecamp.org/news/nesting-for-loops-in-javascript/)
-
-### While Loop
-
-The `while` loop creates a loop that is executed as long as a specified condition evaluates to `true`. The loop will continue to run until the condition evaluates to `false`. The condition is specified before th loop, and usually some variable is incremented or altered in the `while` loop body to determine when the loop should stop.
-
-**Syntax :**
-
-<CodeTitle lang="js" title="script.js" />
-```js
-while (condition) {
-  // code block to be executed
-}
-```
-
-**Example:**
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let i = 0;
-
-while (i < 5) {
-  console.log(i);
-  i++;
-}
-```
-
-[Learn more about while loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while)
-
-### Do…While Statement
-
-A `do...while` statement creates a loop that executes a block of code once, checks if a condition is true, and then repeats the loop as long as the condition is true. They are used when you want the code to always execute at least once. The loop ends when the condition evaluates to false.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-x = 0;
-i = 0;
-do {
-  x = x + i;
-  console.log(x);
-  i++;
-} while (i < 5);
-// Prints: 0 1 3 6 10
-```
-
-[Learn more about do...while](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/do...while)
-
-### `break` Keyword
-
-Within a loop, the break keyword may be used to exit the loop immediately, continuing execution after the loop body.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-for (let i = 0; i < 99; i += 1) {
-  if (i > 5) {
-    break;
-  }
-  console.log(i);
-}
-// Output: 0 1 2 3 4 5
-```
-
-Here, the `break` keyword is used to exit the loop when `i` is greater than 5.
-
-[Learn more about break](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/break)
-
----
-
-## Iterators
-
-### Functions Assigned to Variables
-
-In JavaScript, functions are a data type just as strings, numbers, and arrays are data types. Therefore, functions can be assigned as values to variables, but are different form all other data types because they can be invoked.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let plusFive = (number) => {
-  return number + 5;
-};
-// f is assigned the value of plusFive
-let f = plusFive;
-
-plusFive(3); // 8
-// Since f has a function value, it can be invoked.
-
-f(9); // 14
-```
-
-### Higher-Order Functions
-
-In Javascript, functions can be assigned to variables in the same way that strings or arrays can. They can be passed into other functions as parameters or returned from them as well.
-
-A “higher-order function” is a function that accepts functions as parameters and/or returns a function.
-
-### Callback Functions
-
-In JavaScript, a callback function is a function that is passed into another function as an argument. This function can then be invoked during the execution of that higher order function (that it is an argument of).
-
-Since, in JavaScript, functions are objects, functions can be passed as arguments.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const isEven = (n) => {
-  return n % 2 == 0;
-};
-
-let printMsg = (evenFunc, num) => {
-  const isNumEven = evenFunc(num);
-  console.log(`The number ${num} is an even
-number: ${isNumEven}.`);
-};
-
-// Pass in isEven as the callback function
-printMsg(isEven, 4);
-// Prints: The number 4 is an even number: True.
-```
-
-[Learn more about Callback functions](https://developer.mozilla.org/en-US/docs/Glossary/Callback_function)
-
-<a href="#array-method-foreach"></a>
-
-### Array Method `.forEach()`
-
-The `.forEach()` method executes a callback function on each of the elements in an array in order. Here, the callback function containing a `console.log()` method will be executed `5` times, once for each element.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const numbers = [28, 77, 45, 99, 27];
-
-numbers.forEach((number) => {
-  console.log(number);
-});
-```
-
-[More about .forEach()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
-
-### Array Method `.map()`
-
-The `.map()` method executes a callback function on each element in an array. It returns a new array made up of the return values from the callback function.
-
-The original array does not get altered, and the returned array may contain different elements than the original array.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const finalParticipants = ["Taylor", "Donald", "Don", "Natasha", "Bobby"];
-
-const announcements = finalParticipants.map((member) => {
-  return member + " joined the contest.";
-});
-console.log(announcements);
-```
-
-[Learn more about .map()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
-
-### Array Method `.filter()`
-
-The `.filter()` method executes a callback function on each element in an array. The callback function for each of the elements must return either `true` or `false`. The returned array is a new array with any elements for which the callback function returns `true`. Here, the array `filteredArray` will contain all the elements of `randomNumbers` but `4` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const randomNumbers = [4, 11, 42, 14, 39];
-
-const filteredArray = randomNumbers.filter((n) => {
-  return n > 5;
-});
-```
-
-[More about .filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
-
-### Array Method `.reduce()`
-
-The `.reduce()` method iterates through an array and returns a single value. It takes a callback function with two parameters **(accumulator, currentValue)** as arguments. On each iteration, `accumulator` is the value returned by the last iteration, and the currentValue is the current element. Optionally, a second argument can be passed which acts as the initial value of the accumulator. Here, the `.reduce()` method will sum all the elements of the array.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const arrayOfNumbers = [1, 2, 3, 4];
-
-const sum = arrayOfNumbers.reduce((accumulator, currentValue) => {
-  return accumulator + currentValue;
-});
-
-console.log(sum); // 10
-```
-
-[More about .reduce](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)
-
----
-
-## Objects
-
-An object is a built-in data type for storing key-value pairs. Data inside objects are unordered, and the values can be of any type.
-
-[More about Objects](https://www.javascripttutorial.net/javascript-objects/)
-
-### Properties and values of a JavaScript object
-
-A JavaScript object literal is enclosed with curly braces `{}` . Values are mapped to keys in the object with a colon (`:`), and the key-value pairs are separated by commas. All the keys are unique, but values are not. Key-value pairs of an object are also referred to as _properties_.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const classOf2018 = {
-  students: 38,
-  year: 2018,
-};
-```
-
-### Restrictions in Naming Properties
-
-JavaScript object key names must adhere to some restrictions to be valid. Key names must either be strings or valid identifier or variable names (i.e. special characters such as `-` are not allowed in key names that are not strings).
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Example of invalid key names
-const trainSchedule = {
-    platform num: 10, // Invalid because of the space between words.
-    40 - 10 + 2: 30,  // Expressions cannot be keys.
-    +compartment: 'C' // The use of a + sign is invalid unless it is enclosed in quotations.
-}
-```
-
-### Dot Notation for Accessing Object Properties
-
-Properties of a JavaScript object can be accessed using the dot notation in this manner:
-
-`object.propertyName` Nested properties of an object can be accessed by chaining key names in the correct order.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const apple = {
-  color: "Green",
-  price: {
-    bulk: "$3/kg",
-    smallQty: "$4/kg",
-  },
-};
-
-console.log(apple.color); // 'Green'
-console.log(apple.price.bulk); // '$3/kg'
-```
-
-### Delete operator
-
-Once an object is created in JavaScript, it is possible to remove properties from the object using the delete operator. The `delete` keyword deletes both the value of the property and the property itself from the object. The `delete` operator only works on properties, not on variables or functions.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const person = {
-  firstName: "Matilda",
-  age: 27,
-  hobby: "knitting",
-  goal: "learning JavaScript",
-};
-
-delete person.hobby; // or delete person[hobby];
-
-console.log(person);
-
-/*
-{
-  firstName: "Matilda"
-  age: 27
-  goal: "learning JavaScript"
-}
-*/
-```
-
-### Accessing non-existent JavaScript properties
-
-When trying to access a JavaScript object property that
-has not been defined yet, the value of `undefined` will be returned by default.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const classElection = {
-  date: "January 12",
-};
-console.log(classElection.place); // undefined
-```
-
-### JavaScript Objects are Mutable
-
-JavaScript objects are mutable, meaning their contents can be changed, even when they are declared as `const`. New properties can be added, and existing property values can be changed or deleted. It is the reference to the object, bound to the variable, that cannot be changed.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const student = {
-  name: "Sheldon",
-  score: 100,
-  grade: "A",
-};
-
-console.log(student);
-// { name: 'Sheldon', score: 100, grade: 'A' }
-
-delete student.score;
-student.grade = "F";
-console.log(student);
-// { name: 'Sheldon', grade: 'F' }
-
-student = {};
-// TypeError: Assignment to constant variable
-```
-
-### JavaScript Object Methods
-
-JavaScript objects may have property values that are functions. These are referred to as object methods. Methods may be defined using anonymous functions arrow function expression, or with shorthand method syntax. Object methods are invoked with the syntax: `objectName.methodName(arguments)`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const engine = {
-  // method shorthand, with one argument
-  start(adverb) {
-    console.log(`The engine starts up ${adverb}...`);
-  },
-  // anonymous arrow function expression with no arguments
-  sputter: () => {
-    console.log("The engine sputters...");
-  },
-};
-
-engine.start("noisily");
-engine.sputter();
-
-/* Console output:
-The engine starts up noisily...
-The engine sputters...
-*/
-```
-
-### Javascript passing objects as arguments
-
-When JavaScript objects are passed as arguments to functions or methods, they are passed by reference, not by value. This means that the object itself (not a copy) is accessible and mutable (can be changed) inside that function.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const origNum = 8;
-const origObj = { color: "blue" };
-
-const changeItUp = (num, obj) => {
-  num = 7;
-  obj.color = "red";
-};
-
-changeItUp(origNum, origObj);
-
-// Will output 8 since integers are passed by value.
-console.log(origNum);
-
-// Will output 'red' since objects are passed
-// by reference and are therefore mutable.
-console.log(origObj.color);
-```
-
-### JavaScript for...in loop
-
-The JavaScript `for...in` loop can be used to iterate over the keys of an object. In each iteration, one of the properties from the object is assigned to the variable of that loop.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let mobile = {
-  brand: "Samsung",
-  model: "Galaxy Note 9",
-};
-
-for (let key in mobile) {
-  console.log(`${key}: ${mobile[key]}`);
-}
-```
-
-[Learn more about for...in loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in)
-
-### this Keyword
-
-The reserved keyword this refers to a method’s calling object, and it can be used to access properties belonging to that object.
-
-Here, using the `this` keyword inside the object function to refer to the `cat` object and access its `name` property.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const cat = {
-  name: "Goose",
-  age: 8,
-  whatName() {
-    return this.name;
-  },
-};
-console.log(cat.whatName());
-// Output: Goose
-```
-
-[What is this?](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this)
-
-### Javascript function `this`
-
-Every JavaScript function or method has a this context. For a function defined inside of an object, `this` will refer to that object itself. For a function defined outside of an object `this` will refer to the global object (`window` in browser, `global` in Node.js).
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const restaurant = {
-  numCustomers: 45,
-  seatCapacity: 100,
-  availableSeats() {
-    // this refers to the restaurant object
-    // and it's used to access its properties
-    return this.seatCapacity - this.numCustomers;
-  },
-};
-```
-
-### JavaScript Arrow Function `this` Scope
-
-JavaScript arrow functions do not have their own `this` context, but use the `this` of the surrounding lexical context. Thus, they are generally a poor choice for writing object methods.
-
-Consider the example code:
-
-- `loggerA` is a property that uses arrow notation to define the function. Since `data` does not exist in the global context, accessing `this.data` returns `undefined`.
-
-- `loggerB` uses method syntax, Since `this` refers to the enclosing object, the value of the `data` property is accessed as expected, returning `"abc"`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const myObj = {
-  data: "abc",
-  loggerA: () => {
-    console.log(this.data);
-  },
-  loggerB() {
-    console.log(this.data);
-  },
-};
-
-myObj.loggerA(); // undefined
-myObj.loggerB(); // 'abc'
-```
-
-### Javascript getters and setters restricted
-
-JavaScript object properties are not private or protected. Since JavaScript objects are passed by reference, there is no way to fully prevent incorrect interactions with object properties.
-
-One way to implement more restricted interactions with object properties is to use getter and setter methods. Typically, the internal value is stored as a property with an identifier that matches the _getter_ and _setter_ method names, but begins with an underscore (`_`)
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const myCat = {
-  _name: "Dottie",
-  get name() {
-    return this._name;
-  },
-  set name(newName) {
-    this._name = newName;
-  },
-};
-// Reference invokes the getter
-console.log(myCat.name);
-
-// Assignment invokes the setter
-myCat.name = "Yankee";
-```
-
-### getters and setters intercept property access
-
-JavaScript getter and setter methods are helpful in part because they offer a way to intercept property access and assignment, and allow for additional actions to be performed before these changes go into effect.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const myCat = {
-  _name: 'Snickers',
-  get name(){
-    return this._name
-  },
-  set name(newName){
-    //Verify that newName is a non-empty
-    string before setting as name property
-    if (typeof newName === 'string' && newName.length > 0){
-      this._name = newName;
-    } else {
-      console.log("ERROR: name must be a nonempty string");
-    }
-  }
-}
-```
-
-### Javascript factory functions
-
-A JavaScript function that returns an object is known as a **factory function**. Factory functions often accept parameters in order to customize the returned object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// A factory function that accepts 'name',
-// 'age', and 'breed' parameters to return
-// a customized dog object.
-
-const dogFactory = (name, age, breed) => {
-  return {
-    name: name,
-    age: age,
-    breed: breed,
-    bark() {
-      console.log("Woof!");
-    },
-  };
-};
-```
-
-[Lear more about Factory functions](https://www.geeksforgeeks.org/what-are-factory-functions-in-javascript/)
-
-### JavaScript destructuring assignment shorthand syntax
-
-The JavaScript _destructuring assignment_ is a shorthand syntax that allows object properties to be extracted into specific variable values.
-
-It uses a pair of curly braces `{}` with property names on the left-hand side of an assignment to extract vales from objects. The number of variable can be less than the total properties of an object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const rubiksCubeFacts = {
-  possiblePermutations: "43,252,003,274,489,856,000",
-  invented: "1974",
-  largestCube: "17x17x17",
-};
-const { possiblePermutations, invented, largestCube } = rubiksCubeFacts;
-console.log(possiblePermutations); //
-("43,252,003,274,489,856,000");
-console.log(invented); // '1974'
-console.log(largestCube); // '17x17x17'
-```
-
-### shorthand property name syntax for object creation
-
-The shorthand property name syntax in JavaScript allows creating objects without explicitly specifying the property names (ie. explicitly declaring the value after the key). In this process, an object is created where the property names of that object match variables which already exist in that context. Shorthand property names populate an object with a key matching the identifier and a value matching the identifier's value.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const activity = "Surfing";
-const beach = { activity };
-console.log(beach); // { activity: 'Surfing' }
-```
-
----
-
-## Classes
-
-JavaScript supports the concept of classes as a syntax for creating objects. Classes specify the shared properties and methods that objects produced from the class will have.
-
-When an object is created based on the class, the new object is referred to as an instance of the class. New instances are created using the `new` keyword.
-
-The code sample shows a class that represents a `Song`. A new object called `mySong` is created underneath and the `.play()` method on the class is called. The result would be the text Song `playing!` printed in the console.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-class Song {
-  constructor() {
-    this.title;
-    this.author;
-  }
-  play() {
-    console.log("Song playing!");
-  }
-}
-
-const mySong = new Song();
-mySong.play();
-```
-
-[More about Classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes)
-
-### Class Constructor
-
-Classes can have a `constructor` method. This is a special method that is called when the object is created (instantiated). Constructor methods are usually used to set initial values for the object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-class Song {
-  play() {
-    console.log("Playing!");
-  }
-  stop() {
-    console.log("Stopping!");
-  }
-}
-```
-
-### `extends`
-
-JavaScript classes support the concept of inheritance — a child class can extend a parent class. This is accomplished by using the extends keyword as part of the class definition.
-
-Child classes have access to all of the instance properties and methods of the parent class. They can add their own properties and methods in addition to those. A child class constructor calls the parent class constructor using the `super()` method.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Parent class
-class Media {
-  constructor(info) {
-    this.publishDate = info.publishDate;
-    this.name = info.name;
-  }
-}
-// Child class
-class Song extends Media {
-  constructor(songData) {
-    super(songData);
-    this.artist = songData.artist;
-  }
-}
-const mySong = new Song({
-  artist: "Queen",
-  name: "Bohemian Rhapsody",
-  publishDate: 1975,
-});
-```
-
-[Learn more about extends](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/extends)
-
-### Static Methods
-
-Within a JavaScript class, the `static` keyword defines a static method for a class. Static methods are not called on individual instances of the class, but are called on the class itself. Therefore, they tend to be general (utility) methods.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-class Dog {
-  constructor(name) {
-    this._name = name;
-  }
-  introduce() {
-    console.log("This is " + this._name + "!");
-  }
-  // A static method
-  static bark() {
-    console.log("Woof!");
-  }
-}
-
-const myDog = new Dog("Buster");
-myDog.introduce();
-
-// Calling the static method
-Dog.bark();
-```
-
----
-
-## Modules
-
-### Import Javascript modules with the require function
-
-In Node.js, the `require` function can used to import code from another file into the current script.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var moduleA = require("./module-a.js");
-
-// The .js extension is optional
-var moduleA = require("./module-a");
-// Both ways will produce the same result.
-
-// Now the functionality of moduleA can be used
-console.log(moduleA.someFunctionality);
-```
-
-### Intermediate Javascript: Export Module
-
-To make an object in our Javascript file exportable as a module in Node.js we assign the object to the `exports` property of `module`.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let Course = {};
-Course.name = "Javascript Node.js";
-module.exports = Course;
-```
-
-### Javascript export default
-
-As of ES6, the export default keywords allow for a single variable or function to be exported, then, in another script, it will be straightforward to import the default export.
-
-After using the export default it is possible to import a variable or function without using the `require()` function.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// module "moduleA.js"
-export default function cube(x) {
-  return x * x * x;
-}
-// In main.js
-import cube from "./moduleA.js";
-// Now the `cube` function can be used
-straightforwardly.console.log(cube(3)); // 27
-```
-
-[Learn more about javascript export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export)
-
-### Using the `import` keyword in Javascript
-
-As of ES6, the `import` keyword can be used to import
-functions, objects or primitives previously exported into
-the current script.
-
-There are many ways to use the `import` keyword, for
-example, you can import all the exports from a script by
-using the `*` selector as follows:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-import * from 'module_name';
-```
-
-A single function can be imported with curly brackets as
-follows:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-import {funcA} as name from 'module_name';
-```
-
-Or many functions by name:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-import {funcA, funcB} as name from 'module_name';
-```
-
-[Learn more about import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)
-
----
-
-## Promises
-
-### JavaScript Promise Object
-
-A JavaScript `Promise` is an object that can be used to
-get the outcome of an asynchronous operation when that
-result is not instantly available.
-
-Since JavaScript code runs in a non-blocking manner,
-promises become essential when we have to wait for
-some asynchronous operation without holding back the
-execution of the rest of the code.
-
-[More about Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)
-
-### States of a JavaScript Promise
-
-A JavaScript Promise object can be in one of three states: **pending** , **resolved** , or **rejected** . While the value is not yet available, the **Promise** stays in the `pending` state. Afterwards, it transitions to one of the two states: `resolved` or `rejected` . A resolved promise stands for a successful completion. Due to errors, the promise may go in the `rejected` state.
-
-In the given code block, if the **Promise** is on `resolved` state, the first parameter holding a callback function of the `then()` method will print the resolved value. Otherwise, an alert will be shown.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise = new Promise((resolve, reject) => {
-  const res = true;
-  // An asynchronous operation.
-  if (res) {
-    resolve("Resolved!");
-  } else {
-    reject(Error("Error"));
-  }
-});
-
-promise.then(
-  (res) => console.log(res),
-  (err) => alert(err)
-);
-```
-
-### Creating a Javascript Promise object
-
-An instance of a JavaScript **Promise** object is created using the `new` keyword.
-
-The constructor of the **Promise** object takes a function, known as the _executor function_, as the argument. This function is responsible for resolving or rejecting the promise.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const executorFn = (resolve, reject) => {
-  console.log("The executor function of the promise!");
-};
-
-const promise = new Promise(executorFn);
-```
-
-### Executor function of JavaScript Promise object
-
-A JavaScript promise’s executor function takes two functions as its arguments. The first parameter represents the function that should be called to resolve the promise and the other one is used when the promise should be rejected. A `Promise` object may use any oe or both of them inside its executor function.
-
-In the given example, the promise is always resolved unconditionally by the `resolve` function. The `rejected` function could be used for a rejection.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const executorFn = (resolve, reject) => {
-  resolve("Resolved!");
-};
-const promise = new Promise(executorFn);
-```
-
-#### setTimeout()
-
-`setTimeout()` is an asynchronous JavaScript function that executes a code block or evaluates an expression through a callback function after a delay set in milliseconds.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const loginAlert = () => {
-  alert("Login");
-};
-setTimeout(loginAlert, 6000);
-```
-
-[Learn more about setTimeout()](https://developer.mozilla.org/en-US/docs/Web/API/setTimeout)
-
-### `.then()` method of a JavaScript Promise object
-
-The `.then()` method of a JavaScript Promise object can be used to get the eventual result (or error) of the asynchronous operation.
-
-`.then()` accepts two function arguments. The first handler supplied to it will be called if the promise is resolved. The second one will be called if the promise is rejected.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise = new Promise((resolve, reject) => {
-  setTimeout(() => {
-    resolve("Result");
-  }, 200);
-});
-
-promise.then(
-  (res) => {
-    console.log(res);
-  },
-  (err) => {
-    alert(err);
-  }
-);
-```
-
-[More about .then()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then)
-
-### Chaining multiple `.then()` methods
-
-The `.then()` method returns a Promise, even if one or both of the handler functions are absent. Because of this, multiple `.then()` methods can be chained together. This is known as composition.
-
-In the code block, a couple of `.then()` methods are chained together. Each method deals with the resolved value of their respective promises.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise = new Promise((resolve) =>
-  setTimeout(() => resolve("dAlan"), 100)
-);
-
-promise
-  .then((res) => {
-    return res === "Alan"
-      ? Promise.resolve("Hey Alan!")
-      : Promise.reject("Who are you?");
-  })
-  .then(
-    (res) => {
-      console.log(res);
-    },
-    (err) => {
-      alert(err);
-    }
-  );
-```
-
-### The `.catch()` method for handling rejection
-
-The function passed as the second argument to a `.then()` method of a promise object is used when the promise is rejected. An alternative to this approach is to use the JavaScript `.catch()` method of the promise object. The information for the rejection is available to the handler supplied in the `.catch()` method.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise = new Promise((resolve, reject) => {
-  setTimeout(() => {
-    reject(Error("Promise Rejected Unconditionally."));
-  }, 1000);
-});
-
-promise.then((res) => {
-  console.log(value);
-});
-
-promise.catch((err) => {
-  alert(err);
-});
-```
-
-[Learn more about .catch()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/catch)
-
-### Avoiding nested Promise and `.then()`
-
-In JavaScript, when performing multiple asynchronous operations in a sequence, promises should be composed by chaining multiple `.then()` methods. This is better practice than nesting.
-
-Chaining helps streamline the development process because it makes the code more readable and easier to debug.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise = new Promise((resolve, reject) => {
-  setTimeout(() => {
-    resolve("*");
-  }, 1000);
-});
-
-const twoStars = (star) => {
-  return star + star;
-};
-
-const oneDot = (star) => {
-  return star + ".";
-};
-
-const print = (val) => {
-  console.log(val);
-};
-
-// Chaining them all together
-promise.then(twoStars).then(oneDot).then(print);
-```
-
-### JavaScript `Promise.all()`
-
-The JavaScript `Promise.all()` method can be used to execute multiple promises in parallel. The function accepts an array of promises as an argument. If all of the promises in the argument are resolved, the promise returned from `Promise.all()` will resolve to an array containing the resolved values of all the promises in the order of the initial array. Any rejection from the list of promises will cause the greater promise to be rejected. In the code block, `3` and `2` will be printed respectively even though `promise1` will be resolved after `promise2` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const promise1 = new Promise((resolve, reject) => {
-  setTimeout(() => {
-    resolve(3);
-  }, 300);
-});
-
-const promise2 = new Promise((resolve, reject) => {
-  setTimeout(() => {
-    resolve(2);
-  }, 200);
-});
-
-Promise.all([promise1, promise2]).then((res) => {
-  console.log(res[0]);
-  console.log(res[1]);
-});
-```
-
-[More about Promise.all()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all)
-
----
-
-## Async-Await
-
-The async...await syntax in ES6 offers a new way write more readable and scalable code to handle promises. It uses he same features that were already built into JavaScript.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function helloWorld() {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve("Hello World!");
-    }, 2000);
-  });
-}
-
-async function msg() {
-  const msg = await helloWorld();
-  console.log("Message:", msg);
-}
-msg(); // Message: Hello World! <-- after 2 seconds
-```
-
-[Learn more about Async-await](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await)
-
-### Asynchronous JavaScript function
-
-An asynchronous JavaScript function can be created with the `async` keyword before the `function` name, or before `()` when using the async arrow function. An `async` function always returns a promise.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function helloWorld() {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve("Hello World!");
-    }, 2000);
-  });
-}
-
-const msg = async function () {
-  //Async Function Expression
-  const msg = await helloWorld();
-  console.log("Message:", msg);
-};
-
-const msg1 = async () => {
-  //Async Arrow Function
-  const msg = await helloWorld();
-  console.log("Message:", msg);
-};
-
-msg(); // Message: Hello World! <-- after 2 seconds
-msg1(); // Message: Hello World! <-- after 2 seconds
-```
-
-### JavaScript `async...await` operator
-
-The JavaScript `async...await` syntax in ES6 offers a new way write more readable and scalable code to handle promise. A JavaScript `async` function can contain statements preceded by an `await` operator. The operand of `await` is a promise. At an `await` expression, the execution of the `async` function is pause and waits for the operand promise to resolve. The `await` operator returns the promise's resolved value. An `await` operand can only be used inside an `async` function.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function helloWorld() {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve("Hello World!");
-    }, 2000);
-  });
-}
-
-async function msg() {
-  const msg = await helloWorld();
-  console.log("Message:", msg);
-}
-
-msg(); // Message: Hello World! <-- after 2 seconds;
-```
-
-[Learn about async...await](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)
-
-### JavaScript async…await advantage
-
-The JavaScript `async...await` syntax allows multiple promises to be initiated and then resolved for values when required during execution of the program. As an alternate to chaining `.then()` functions, it offers better maintainability of the code and a close resemblance synchronous code.
-
-### Async Function Error Handling
-
-JavaScript `async` functions uses `try...catch` statements for error handling. This method allows shared error handling for synchronous and asynchronous code.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let json = '{ "age": 30 }'; // incomplete data
-try {
-  let user = JSON.parse(json); // <-- no
-  errors;
-  alert(user.name); // no name!
-} catch (e) {
-  alert("Invalid JSON data!");
-}
-```
-
-### Using async await syntax
-
-Constructing one or more promises or calls without `await` can allow multiple `async` functions to execute simultaneously. Through this approach, a program can take advantage of concurrency, and asynchronous actions can be initiated within an `async` function. Since using the `await` keyword halts the execution of an `async` function, each async function can be awaited once its value is required by program logic.
-
-### Resolving JavaScript Promises
-
-When using JavaScript `async...await` , multiple asynchronous operations can run concurrently. If the resolved value is required for each promise initiated, `Promise.all()` can be used to retrieve the resolved value, avoiding unnecessary blocking.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let promise1 = Promise.resolve(5);
-let promise2 = 44;
-let promise3 = new Promise(function (resolve, reject) {
-  setTimeout(resolve, 100, "foo");
-});
-
-Promise.all([promise1, promise2, promise3]).then(function (values) {
-  console.log(values);
-});
-
-// expected output: Array [5, 44, "foo"]
-```
-
----
-
-## Requests
-
-### Asynchronous calls with XMLHttpRequest
-
-AJAX enables HTTP requests to be made not only during the load time of a web page but also anytime after a page initially loads. This allows adding dynamic behavior to a webpage. This is essential for giving a good user experience without reloading the webpage for transferring data to and from the web server.
-
-The XMLHttpRequest (XHR) web API provides the ability to make the actual asynchronous request and uses AJAX to handle the data from the request.
-
-The given code block is a basic example of how an HTTP GET request is made to the specified URL.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const xhr = new XMLHttpRequest();
-xhr.open("GET", "mysite.com/api/getjson");
-```
-
-[Learn more about XMLHttpRequest](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest)
-
-### HTTP POST request
-
-`HTTP` `POST` requests are made with the intention of sending new information to the source (server) that will receive it.
-
-For a `POST` request, the new information is stored in the body of the request.
-
-[Learn more about POST](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST)
-
-### HTTP GET request
-
-`HTTP` `GET` requests are made with the intention of retrieving information or data from a source (server) over the web.
-
-`GET` requests have no body, so the information that the source requires, in order to return the proper response, must be included in the request URL path or query string.
-
-[Learn more about GET](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET)
-
-### The query string in a URL
-
-Query strings are used to send additional information to the server during an HTTP GET request.
-
-The query string is separated from the original URL using the question mark character `?`. In a query string, there can be one or more key-value pairs joined by the equal character `=` . For separating multiple key-value pairs, an ampersand character `&` is used.
-
-Query strings should be url-encoded in case of the presence of URL unsafe characters.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const requestUrl = "http://mysite.com/api/vendor?name=kavin&id=35412";
-```
-
-### JSON: JavaScript Object Notation
-
-JSON or _JavaScript Object Notation_ is a data format suitable for transporting data to and from a server. It is essentially a slightly stricter version of a Javascript object. A JSON object should be enclosed in curly braces and may contain one or more property-value pairs. JSON names require double quotes, while standard Javascript objects do not.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const jsonObj = {
-  name: "Rick",
-  id: "11A",
-  level: 4,
-};
-```
-
-### XMLHttpRequest GET Request Requirements
-
-The request type, response type, request URL, and handler for the response data must be provided in order to make an HTTP GET request with the JavaScript `XMLHttpRequest API`.
-
-The URL may contain additional data in the query string. For an HTTP `GET` request, the request type must be `GET` .
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const req = new XMLHttpRequest();
-req.responseType = "json";
-req.open("GET", "/myendpoint/getdata?id=65");
-req.onload = () => {
-  console.log(xhr.response);
-};
-req.send();
-```
-
-### HTTP POST request with the XMLHttpRequest API
-
-To make an HTTP `POST` request with the JavaScript `XMLHttpRequest` API, a request type, response type, request URL, request body, and handler for the response data must be provided. The request body is essential because the information sent via the `POST` method is not visible in the URL. The request type must be `POST` for this case. The response type can be a variety of types including array buffer, json, etc.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const data = {
-  fish: "Salmon",
-  weight: "1.5 KG",
-  units: 5,
-};
-const xhr = new XMLHttpRequest();
-xhr.open("POST", "/inventory/add");
-xhr.responseType = "json";
-xhr.send(JSON.stringify(data));
-xhr.onload = () => {
-  console.log(xhr.response);
-};
-```
-
-### `fetch()` method
-
-A JavaScript Fetch API is used to access and manipulate requests and responses within the HTTP pipeline, fetching resources asynchronously across a network. A basic `fetch((` request will accept a URL parameter, send a request and contain a success and failure promise handler function.
-
-In the example, the block of code begins by calling the `fetch()` function. Then a `then()` method is chained to the end of the `fetch()` . It ends with the response callback to handle success and the rejection callback to handle failure.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-fetch("url").then(
-  (response) => {
-    console.log(response);
-  },
-  (rejection) => {
-    console.error(rejection.message);
-  }
-);
-```
-
-[Learn more about fetch()](https://developer.mozilla.org/en-US/docs/Web/API/fetch)
-
-### `Response.ok` property fetch api
-
-In a Fetch API function `fetch()` the `ok` property of a response checks to see if it evaluates to `true` or `false` . In the code example the .ok property will be `true` when the HTTP request is successful. The `.ok` property will be `false` when the HTTP request is unsuccessful.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-fetch(url, {
-  method: "POST",
-  headers: {
-    "Content-type": "application/json",
-    "api-key": apiKey,
-  },
-  body: data,
-}).then(
-  (response) => {
-    if (response.ok) {
-      return response.json();
-    }
-    throw new Error("Request failed!");
-  },
-  (networkError) => {
-    console.log(networkError.message);
-  }
-);
-```
-
-[Learn more about Response.ok](https://developer.mozilla.org/en-US/docs/Web/API/Response/ok)
-
-### Fetch API Function
-
-The Fetch API function `fetch()` can be used to create requests. Though accepting additional arguments, the request can be customized. This can be used to change the request type, headers, specify a request body, and much more as shown in the example block of code.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-fetch("https://api-to-call.com/endpoint", {
-  method: "POST",
-  body: JSON.stringify({ id: "200" }),
-})
-  .then(
-    (response) => {
-      if (response.ok) {
-        return response.json();
-      }
-      throw new Error("Request failed!");
-    },
-    (networkError) => {
-      console.log(networkError.message);
-    }
-  )
-  .then((jsonResponse) => {
-    console.log(jsonResponse);
-  });
-```
-
-[Learn more about fetch()]
-
-### JSON Formatted response body
-
-The `.json()` method will resolve a returned promise to a JSON object, parsing the body text as JSON. The example block of code shows `.json()` method that returns a promise that resolves to a JSON-formatted response body as a JavaScript object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-fetch("url-that-returns-JSON")
-  .then((response) => response.json())
-  .then((jsonResponse) => {
-    console.log(jsonResponse);
-  });
-```
-
-### fetch with `Async...Await`
-
-The `async…await` syntax is used with the JS Fetch API `fetch()` to work with promises. In the code block example we see the keyword `async` placed the function. This means that the function will return a promise. The keyword `await` makes the JavaScript wait until the problem is resolved.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const getSuggestions = async () => {
-  const wordQuery = inputField.value;
-  const endpoint = `${url}${queryParams}${wordQuery}`;
-  try {
-    const response = await fetch(endpoint, { cache: "no-cache" });
-    if (response.ok) {
-      const jsonResponse = await response.json();
-    }
-  } catch (error) {
-    console.log(error);
-  }
-};
-```
-
----
-
-## Wrapping up
-
-This cheatsheet all you need to learn or revise any concept of javascript. It is very long and I know I haven't cover everything in this such as DOM manipulation, that can be explained in the separate article. **SAVE FOR LATER USE ⌛** See you.
diff --git a/frontend/posts/next-google-docs.mdx b/frontend/posts/next-google-docs.mdx
deleted file mode 100644
index 28e6757..0000000
--- a/frontend/posts/next-google-docs.mdx
+++ /dev/null
@@ -1,250 +0,0 @@
----
-slug: next-google-docs
-title: Google Docs with Next.js
-date: 2022-02-20
-published: true
-excerpt: In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.
-image: https://imgur.com/O7sV6Vo.png
----
-
-In this article, I am going to explain how I made the Google Docs clone with the help of Next.js and Tailwind CSS. I am not going to explain the whole code in this article but will discuss some key features of the code which are important.
-
-
-## Technologies I've used
-
-- [Next.js](https://nextjs.org/) is an open-source development framework built on top of Node.js enabling [React](https://reactjs.org/) based web applications functionalities such as server-side rendering and generating static websites.
-- [NextAuth.js](https://next-auth.js.org/) is **a complete open source authentication solution for Next.** **js applications**. It is designed from the ground up to support Next. js and Serverless.
-- [Draft.js](https://draftjs.org/) fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.
-- [Firebase](https://firebase.google.com/) is a platform developed by Google for creating mobile and web applications. I am using Cloud Firestroe from the Firebase which lets you store all the users' info and also the documents.
-- [Material Tailwind](https://material-tailwind.com/) is an easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines.
-- [Tailwind CSS](https://tailwindcss.com/) is basically **a utility-first CSS framework for rapidly building custom user interfaces**. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need.
-
-## How to start?
-
-### Create Next app
-
-To create a Next.js app, open your terminal, `cd` into the directory you’d like to create the app in, and run the following command:
-
-<CodeTitle lang="bash" title="bash" />
-
-```bash
-npx create-next-app <project-name>
-```
-
-After that visit the directory and start the server by using-
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-cd <project-name>
-npm run dev
-```
-
-if you are using `yarn` then to start the server type `yarn dev` in the terminal.
-
-For more info about Create Next app [Visit Here](https://nextjs.org/learn/basics/create-nextjs-app/setup)
-
-### Setup Tailwind CSS
-
-<CodeTitle lang="bash" title="bash" />
-```bash
-npm install -D tailwindcss postcss autoprefixer
-npx tailwindcss init -p
-```
-
-We need to update `tailwind.config.js` to do that look at [Tailwind CSS Guide](https://tailwindcss.com/docs/guides/nextjs) and folllow the steps.
-
-### Other dependencies
-
-<CodeTitle lang="json" title="package.json" />
-```json
-"dependencies": {
-	"@emotion/react": "^11.7.1",
-	"@material-tailwind/react": "0.3.4",
-	"@next-auth/firebase-adapter": "^0.1.3",
-	"draft-js": "^0.11.7",
-	"firebase": "^9.6.6",
-	"next": "12.0.10",
-	"next-auth": "3.29.0",
-	"next-nprogress-emotion": "^2.0.0",
-	"next-pwa": "^5.4.4",
-	"react": "17.0.2",
-	"react-dom": "17.0.2",
-	"react-draft-wysiwyg": "^1.14.7",
-	"react-firebase-hooks": "^5.0.2"
-},
-"devDependencies": {
-	"autoprefixer": "^10.4.2",
-	"eslint": "8.8.0",
-	"eslint-config-next": "12.0.10",
-	"postcss": "^8.4.6",
-	"tailwindcss": "^3.0.18"
-}
-```
-
-You can install each dependency as you progress further in the project. such as firebase and next-auth etc you can visit their setups.
-
-### Setting `.env.local`
-
-`.env.local` has three values which you need to pass to run this project.
-
-- **`NEXTAUTH_URL`**: In the development mode, it should be https://localhost:3000 and in production, you need to change it to your website homepage URL.
-- **`GOOGLE_CLIENT_ID`** & **`GOOGLE_CLIENT_SECRET`**: go to [Google Cloud Console](https://console.cloud.google.com/) and login with you gmail. Then Create a new Project and fill all the necessary information and click on **Create** button.
-  ![newproject](https://i.imgur.com/s98aDln.png)
-  After creating a project there will be a search bar in that search for **APIs & Services** or just [click here](https://console.cloud.google.com/apis/dashboard). After visiting the page you need to make sure that you have selected you project or swithc the project if needed.
-  ![selectproject](https://i.imgur.com/7HctR6n.png)
-  After selecting you desided project the visit the **Credentials** section on the left sidebar
-  ![credentials](https://i.imgur.com/hTeIqRp.png)
-  After that there will be an new option to **Create Credentials** click on it.
-  ![create Credential](https://i.imgur.com/9OZheKd.png)
-  There will be a new menu then click on **OAuth client ID**
-  ![oauth](https://i.imgur.com/reUPgFy.png)
-  It will show you a warning to **Configure Consent Screen** click on it.
-  ![consent screen](https://i.imgur.com/1HxVd2A.png)
-  After that select the user type as **External** and click on **Create** button.
-  ![option](https://i.imgur.com/8IZ1kAN.png)
-  After that there will a form which needs to be filled. After filling that form save the data. And go to credential again and Create a new Credentials.
-  As you progress further then there will be some field which you need to fill very carefully.
-  It should be the **Domain** of your web app such as `https://example.com`
-  ![js auth domain](https://i.imgur.com/FiQOzvT.png)
-  After that you need to fill the redirect URI or callback URL which will show when you click on login button.
-  For the producation it should be like `https://example.com/api/auth/callback/google`
-  ![callbackuri](https://i.imgur.com/eMNN9Zt.png)
-  After completing all the process you'll get your **Client ID** and **Client Secret** on the top-right corner which will look something like this-
-  ![secret](https://i.imgur.com/kJgsZcS.png)
-  And after that you are done just paste these in the project and restart your server.
-
-## How does it look like?
-
-### LoginScreen
-
-<Figcaption
-  src="https://i.imgur.com/zyEQWwR.png"
-  alt="Login Screen for desktop"
-  caption="Login Screen for desktop"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/D1ifDG4.png"
-  alt="Login Screen for Tablets"
-  caption="Login Screen for Tablets"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/lFCNUQW.png"
-  alt="Login Screen for Mobile"
-  caption="Login Screen for Mobile"
-/>
-
-### Home Screen after Login
-
-<Figcaption
-  src="https://i.imgur.com/762sH1K.png"
-  alt="Dashboard Page in Desktop (Light mode)"
-  caption="Dashboard Page in Desktop (Light mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/3UumU6S.png"
-  alt="Dashboard Page in Desktop (Dark mode)"
-  caption="Dashboard Page in Desktop (Dark mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/2e1R5w0.png"
-  alt="Dashboard Page in Mobile (Light mode)"
-  caption="Dashboard Page in Mobile (Light mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/RIOvsAy.png"
-  alt="Dashboard Page in Mobile (Dark mode)"
-  caption="Dashboard Page in Mobile (Dark mode)"
-/>
-
-### Document Screen
-
-<Figcaption
-  src="https://i.imgur.com/1bpGTpc.png"
-  alt="Document Page in Desktop (Light mode)"
-  caption="Document Page in Desktop (Light mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/PG7lHPP.png"
-  alt="Document Page in Desktop (Dark mode)"
-  caption="Document Page in Desktop (Dark mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/cXkIGdJ.png"
-  alt="Document Page in Mobile (Light mode)"
-  caption="Document Page in Mobile (Light mode)"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/2KsdqlE.png"
-  alt="Document Page in Mobile (Dark mode)"
-  caption="Document Page in Mobile (Dark mode)"
-/>
-
-## Features
-
-Now we have looked at the UI and let's look at what kind of feature does it have in detail-
-
-### Dark Mode Support
-
-It has dark mode support based on user preference. User can switch between dark mode and light mode whenever he wants.
-
-![darkmode](https://i.imgur.com/Tus9rT5.gif)
-
-### Creating New Document
-
-You can create a new document by clicking the **+** icon and then it will show you a pop up to enter the name and click on the submit button and you'll be sent to the document page where you can edit your file.
-
-![create](https://i.imgur.com/cp3f9Hg.gif)
-
-### Open document in the new tab
-
-You can directly open the document from your docs list or else you can click on the three dots, then select the Open in new tab option then it will automatically open that in a new tab.
-
-![open in newtab](https://i.imgur.com/8nswhFB.gif)
-
-### Delete a document
-
-To delete any document just click on three dots and select the **Delete** option and it will ask for the confirmation, then confirm it and it will permanently delete that document.
-
-![delete a document](https://i.imgur.com/Mcmr0SL.gif)
-
-### Edit you Document
-
-You can edit your document as you want, you can change the font style or font size or whatever you want easily with the help of the Editor bar on the top.
-
-![edit you doc](https://i.imgur.com/MbJGuG8.gif)
-
-### Download your document as PDF
-
-You can download or save your file in the pdf format by just clicking the top-right button in the.
-
-![dowload](https://i.imgur.com/3zyMXLy.png)
-
-### Logging Out
-
-To logout from the website, click your profile icon on the top-right section.
-![logout](https://i.imgur.com/mkhpPYv.png)
-
-<Warning
-  text={
-    "I want to inform you in advance that it is not very secure and the admin (which is me) can see the documents created by the other users for now. It's not end-to-end encrypted. I have made this just for fun and to learn something new. It is my responsibility to let you know about the downside of it. The below images show how It looks like from my perspective."
-  }
-/>
-
-![warning](https://imgur.com/fWwTSNy.png)
-
-## Inspiration
-
-I've taken inspiration from [Sonny Sangha](https://bit.ly/3v4JPrl) and he made a full tutorial for this if you are interested then visit his YT channel and watch his content he is doing the really amazing Job. I've added some more features and other things to create something new.
-
-## Quick Links
-
-- [View the code on Github 🐈‍⬛](https://bit.ly/3LMp3Tt)
-- [Visit the Production 🚀](https://google-next-docs.vercel.app)
diff --git a/frontend/posts/next-google.mdx b/frontend/posts/next-google.mdx
deleted file mode 100644
index e5a2b50..0000000
--- a/frontend/posts/next-google.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
----
-slug: next-google
-title: Fully functional google search with next.js
-date: 2021-11-04
-published: true
-excerpt: In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time.
-image: https://imgur.com/boIfrIi.png
----
-
-In this article, I am going to tell you about how I made Google fully functional Clone with `next.js` and `tailwind`. So Let's dive in.
-
-In this we are not redirecting user to the google page, instead we are using google custom search API to perform all operation in the same domain _User can only fetch this API about 100 times so be careful with that you cannot search more that 100 times_
-
-**Note** - If you are developing this by yourself then must use mock data so don't exhaust your API request limit
-
-## Features
-
-- Realtime and Accurate Google Search
-- Full Screen mode
-- Installable PWA
-- Search Any Query
-- Full Responsiveness
-- Show your location based on you IP
-- Dark Theme support based on user's device setting
-
-## Technologies I've used
-
-- [Next.js](https://nextjs.org/)
-- [TailwindCSS](https://tailwindcss.com/)
-- [Custom Search JSON API](https://rb.gy/0lfupd)
-
-## Screenshots
-
-<Figcaption
-  src="https://rb.gy/snaajr"
-  alt="Desktop - Home Page"
-  caption="Desktop - Home Page"
-/>
-
-<Figcaption
-  src="https://rb.gy/zsiyme"
-  alt="Desktop - Results Page"
-  caption="Desktop - Results Page"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/3CxDBaG.png"
-  alt="Mobile - Home Page"
-  caption="Mobile - Home Page"
-/>
-
-<Figcaption
-  src="https://i.imgur.com/PovTPVT.png"
-  alt="Mobile - Result Page"
-  caption="Mobile - Result Page"
-/>
-
-This is obvious that I cannot share all the code there for that you have to visit the repository, which link is given below, this is not a complex application it is very easy to set up you just need to have a basic understanding of React and TailwindCSS.
-First, you need to create the next.js app and install all the dependencies which are required you can look at my `package.json`, and then you just code.
-
-For detailed info about this project [Visit Here](https://github.com/j471n/next-google#readme)
-
-## Important Links
-
-- [👨‍💻 Get the Code ](https://github.com/j471n/next-google)
-- [🚀 LIVE Demo ](https://next-gooogle.vercel.app/)
diff --git a/frontend/posts/notification-panel.mdx b/frontend/posts/notification-panel.mdx
deleted file mode 100644
index 66d4fd3..0000000
--- a/frontend/posts/notification-panel.mdx
+++ /dev/null
@@ -1,101 +0,0 @@
----
-slug: notification-panel
-title: Notification Panel
-date: 2022-01-23
-published: true
-excerpt: In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.
-image: https://imgur.com/0UH4796.png
----
-
-In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do, just follow the below code.
-
-## Preview
-
-![preview](https://imgur.com/S60LlTA.png)
-
-**Requirements-**
-
-To get all the icons you can Sign Up to the [FontAwesome](https://fontawesome.com/). It has various types of icons that are free to use, you can also upgrade to the paid version if needed.
-
-## HTML
-
-<CodeTitle lang="html" title="index.html" />
-
-```html
-<div class="container">
-  <button class="icon">
-    <i class="fas fa-wifi"></i>
-  </button>
-</div>
-```
-
-I'm showing just a single icon button (`.icon`), but there are more than just one. And you can add as many you want.
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css 
-:root {
-  --icon-bg: #212121;
-  --icon-fg: gray;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-.container {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 10px;
-}
-
-.icon {
-  all: unset; /_ removing all the pre defined style _/
-  font-size: 1.4rem;
-  width: 40px;
-  height: 40px;
-  padding: 0.5rem;
-  border-radius: 999px;
-
-  display: grid; /_ making icon center horizontally and vertically _/
-  place-items: center;
-
-  background: var(--icon-bg);
-  color: var(--icon-fg);
-  border: 2px solid transparent;
-
-  transition: background 200ms ease-in-out;
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent; /_ Removing Blue Highlight box _/
-}
-
-/* To Prevent Hover on smaller Devices */
-@media screen and (min-width: 500px) {
-  .icon:hover {
-    border: 2px solid white;
-    box-shadow: 0 0 20px -5px white;
-  }
-  /* Change the bg and fg */
-  .active-icon {
-    --icon-bg: white;
-    --icon-fg: black;
-  }
-}
-```
-
-## Javascript
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const icons = document.querySelectorAll(".icon");
-// Adding an event listener to the icons to change the active status
-icons.forEach((icon) =>
-  icon.addEventListener("click", () => {
-    icon.classList.toggle("active-icon");
-  })
-);
-````
-
-<Codepen id="QWqeOjg" />
diff --git a/frontend/posts/os-conepts.mdx b/frontend/posts/os-conepts.mdx
deleted file mode 100644
index cf15bf5..0000000
--- a/frontend/posts/os-conepts.mdx
+++ /dev/null
@@ -1,172 +0,0 @@
----
-slug: os-concepts
-title: Operating System and it's concepts
-date: 2023-02-11
-keywords: os, operating system, cpu, batch system, relatime system
-published: true
-excerpt: In this article, I'll be explaining what is an operating system, its functions, types and services. What are kernel, shell and system calls? and what is CPU scheduling? This will be a short or brief introduction about each of the mentioned topics.
-image: https://imgur.com/uoSZMJ6.png
----
-
-In this article, I'll be explaining what is an operating system, its functions, types and services. What are kernel, shell and system calls? and what is CPU scheduling? This will be a short or brief introduction about each of the mentioned topics.
-
-## What is an operating system?
-
-An operating system acts as an intermediary between the user of a computer and computer hardware. An operating system is a software that manages computer hardware. The hardware must provide appropriate mechanisms to ensure the correct operation of the computer system and to prevent user programs from interfering with the proper operation of the system.
-
-## Functions of an Operating System
-
-The operating system has the following functions:
-
-### Booting
-
-* Use diagnostic routines to test the system for equipment failure.
-* Copies BIOS (Basic Input/Output System) programs from ROM chips to main memory.
-* Loads operating system into computer's main memory.
-    
-
-### Managing Computer Resources
-
-* Keeps track of locations in main memory where programs and data are stored (memory management).
-* Move data and programs back and forth between main memory and secondary storage (swapping) via partitioning, using foreground, using a and background areas, and using buffers and queues.
-    
-
-### Managing files
-
-* Copies files/programs from one disk to another.
-* Backup files/programs.
-* Erases (deletes) files/programs.    
-* Renames files.
-    
-
-## Services provided by the operating system
-
-There is various type of services that the operating system provides. These services are:
-
-### Program Execution
-
-* The purpose of the computer system is to allow users to execute programs efficiently.  
-* The operating system provides an environment where the user can conveniently run these programs.
-* To run a program, the program is required to be loaded into the RAM first and then assigned CPU time for its execution.
-
-### I/O Operations
-
-* Each program requires an input and after processing the input submitted by the user it produces an output.
-* This involves the user of I/O devices.
-* The I/O service cannot be provided by user-level programs and it must be provided by the operating system.
-
-### File System Manipulation
-
-* While working on the computer, generally a user is required to manipulate various types of files like opening a file, saving a file and deleting a file from the storage disk.
-* This is an important task that is also performed by the operating system.
-    
-### Communication
-
-* The operating system performs communication among various types of processes in the form of shared memory.
-* Communications may be implemented via shared memory, in which two or more processes read and write to a shared section of memory.
-
-### Error Detection
-
-* The main function of the operating system is to detect and the errors like bad sector on the hard disk, memory overflow and errors related to I/O devices and other components.
-* After detecting the errors, the operating system takes an appropriate action fo consistent computing.
-
-### Resource Allocation
-
-* In the multitasking environment, when multiple processes are running at the same time, it is the responsibility of the operating system to allocate the required resources to each process for its better utilization.
-* These resources include CPU, main memory, tape drive or secondary storage, etc.
-
-### Protection and Security
-
-* Protection involved ensuring that all access to system resources is controlled.
-* Such security starts with requiring each user to authenticate him or her to the system, usually using a password, to gain access to system resources.
-
-## Type of Operating System
-
-There are various types of operating systems:
-
-### Batch System
-
-This type of operating system was used in the earlier age, to speed up processing, jobs with similar needs were batched together and were run through the computer as a group. The definitive feature of a batch system is the lack of interaction between the user and the job while the job is executing. In this execution environment, the CPU is often idle.
-
-### Multi-programming System
-
-In this type of OS, more than one program will reside in the main memory. The OS picks and begins to execute one of the jobs in the memory. Eventually, the job may have to wait for some task, the operating system simply switches to another job and executes it. When the first job finishes, the waiting job gets the CPU back. As long as there is always some job to execute, the CPU will never be idle.
-
-### Time-sharing System
-
-A time-shared OS, allows many users to share the computer simultaneously. A time-shared operating system uses CPU scheduling and multi-programming to provide each user with a small portion of a time-shared computer.
-
-### Real-time Operating System
-
-The real-time operating system is a special-purpose operating system, used when there are rigid time requirements for the operation of a processor or the flow of data.
-
-## Difference between shell and kernel
-
-<table>
-    <thead>
-        <tr>
-            <th>Shell</th>
-            <th>Kernel</th>
-        </tr>
-    </thead>
-    <tbody>
-        <tr>
-            <td>When a user logs in, the login program checks the username and password and then starts another program called a shell.</td>
-            <td>The kernel is the hub of the operating systems, it allocates time and memory to programs and handles file storage and communications in response to system calls.</td>
-        </tr>
-        <tr>
-            <td>Shell gives an interface between the user and the kernel.</td>
-            <td>The kernel gives the hardware interaction with the user.</td>
-        </tr>
-        <tr>
-            <td>The shell is the GUI or interface to the kernel</td>
-            <td>The kernel is part of the operating system that interacts with the hardware.</td>
-        </tr>
-    </tbody>
-</table>
-
-
-## What are system calls?
-
-System calls provide an interface to the services made available by an operating system. These calls are generally available as routines written in C and C++, although certain low-level tasks (for example, tasks where hardware must be accessed directly), may need to write using assembly language.
-
-Following are some system calls used in process management:
-
-* **fork()**: To create a new process.
-    
-* **exec()**: To execute a new program in a process.
-    
-* **wait()**: To wait until a created process completes its execution.
-    
-* **exit()**: To exit from a process execution.
-    
-* **getpid():** To get a process identifier of the current process.
-    
-* **getppid()**: To get parent process identifier.
-    
-* **brk()**: To increase/decrease the data segment size of a process.
-    
-
-## What is CPU scheduling?
-
-CPU scheduling is the management of CPU resources. The scheduling mechanism is part of the process manager that handles the removal of the running process from the CPU and the selection of another process based on a particular strategy. CPU scheduling is the basis of muli-programmed operating systems. The scheduler is responsible for multiplexing processes on the CPU. CPU scheduling is used to increase CPU utilization.
-
-### Wrapping up
-
-In this article, I've explained what is an operating system, its functions, types and services. What are kernel, shell and system calls? and what is CPU scheduling? Now you have a little bit of an understanding of each of the topics. If you want more explanation on these or another topic just let me know. I'll see you in the next one.
-
-**Connect with me**
-
-* [Twitter](https://twitter.com/j471n_)
-    
-* [GitHub](https://github.com/j471n)
-    
-* [LinkedIn](https://www.linkedin.com/in/j471n/)
-    
-* [Instagram](https://instagram.com/j471n_)
-    
-* [Website](https://j471n.in)
-    
-* [Newsletter](https://j471n.substack.com/)
-    
-* [Buy me a coffee](https://www.buymeacoffee.com/j471n)
diff --git a/frontend/posts/paths-and-comments-in-bash.mdx b/frontend/posts/paths-and-comments-in-bash.mdx
deleted file mode 100644
index 5e1d45a..0000000
--- a/frontend/posts/paths-and-comments-in-bash.mdx
+++ /dev/null
@@ -1,120 +0,0 @@
----
-slug: paths-and-comments-in-bash
-title: Paths and Comments in Bash
-date: 2022-05-09
-published: true
-excerpt: In this article, I've discussed about the Absolute and Relative paths and how you can use them and also how you can write the Single and Multiline comments in the bash script.
-image: https://imgur.com/XTEK4al.png
----
-
-## What is Path?
-
-A **path** to a file is to determine the unique location of a file or directory in an OS filesystem. You can travel or change the location of the current directory through a terminal or command line.
-
-In file system, there are two types of paths by which you can locate the directory or a file.
-
-- Absolute Path
-- Relative Path
-
-### Absolute Path
-
-An **Absolute Path** is the full path of the file or directory from root to the file. An Absolute path of any directory always starts with a slash (/) representing the directory root.
-
-<CodeTitle lang="bash" title="Example" />
-```bash 
-/home/jatinsharma/Desktop/Bash 
-```
-
-Now if you are in the some directory `x` and you want to determine the absolute path of that you just run `pwd` command which is stands for **Print work directory**. It gives you the absolute path of the current directory as shown below-
-
-![pwd](https://i.imgur.com/LdcwcVi.gif)
-
-### Relative Path
-
-The **Relative Path** of a file is its location relative to the current working directory. It never starts with a slash (/) or root. It begins with the current work directory.
-
-<CodeTitle lang="bash" title="Example" />
-```bash 
-Desktop/Bash 
-```
-
-## Commands
-
-- `cd .` refers to the currect directory
-- `cd ..` moves the directory back one directory
-- `cd ~ ` this send you to the /root directory
-- `cd ../..` this sends you the back by two directory
-- `pwd` prints the absolute path of the current directory
-  ![](https://i.imgur.com/5uj6QIV.gif)
-
-## Bash Comments
-
-It does not matter which language you are using comments are one of the essential things. In our case, you can also create comments in the bash. There are two types of comments-
-
-- Single Line Comments
-- Multiline Comments
-
-## Single Line Comments
-
-To write single line comment in bash, we have to use hash `#` symbol at the starting of the comment. Following is an example of Bash Script which contains single-line comments in between commands:
-
-<CodeTitle lang="bash" title="single-line-comment.sh" />
-```bash 
-# !/bin/bash
-
-# This is a single-line comment in Bash Script.
-
-echo "hello world"
-
-# echo output, its also a single line comment
-
-echo "hiii, good morning"
-
-# This is another single line comment
-
-```
-
-## Multiline Comments
-
-In bash there are two ways to write multiline comments. You can use any of them according to your preference.
-
-### Method-1
-
-<CodeTitle lang="bash" title="multiline-comment.sh" />
-```bash
-#!/bin/bash
-
-<<COMMENTS
-    This is the first comment
-    This is the second comment
-    This is the example of multiline comments
-    This is not going to print on screen
-COMMENTS
-
-echo "Hello World"
-```
-
-### Method-2
-
-<CodeTitle lang="bash" title="multiline-comment.sh" />
-```bash 
-#!/bin/bash
-
-:'
-This is the first comment
-This is the second comment
-This is also the example of multiline comments
-'
-echo "Hello World"
-
-```
-
-## Wrapping up
-
-In this article I've discussed about the Absolute and Relative paths and how you can use them and also how you can write the Single and Multiline comments in the bash script.
-
-## Bash series
-
-- [Part 1: Getting Started With Bash](/blogs/getting-started-with-bash)
-- [Part 2: Create Bash Script & File Permission](/blogs/create-bash-script-and-file-permissions)
-
diff --git a/frontend/posts/pip-web-api.mdx b/frontend/posts/pip-web-api.mdx
deleted file mode 100644
index 696368a..0000000
--- a/frontend/posts/pip-web-api.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-slug: pip-web-api
-title: Make Your Video Player Float Using PiP API
-date: 2022-12-13
-published: true
-keywords: web development, javascript, beginner, tutorial, webdev, web api, PIP mode
-excerpt: In this article, I am going to make your video player float by using Picture-in-Picture (PiP) JavaScript Web API. This could be an important feature you can add to your website. If your website is showing a demo or has many videos.
-image: https://imgur.com/SqIfhCV.png
----
-
-In this article, I am going to make your video player float by using Picture-in-Picture (PiP) JavaScript Web API. This could be an important feature you can add to your website. If your website is showing a demo or has many videos.
-
-Most of you might have heard of this [Picture-in-Picture Extension](https://chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg?hl=en). It allows you to watch videos in a floating window (always on top of other windows). It works mostly on every site.
-
-But we will create our custom Button that makes this feature available for our website by default. So our users won't need this extension. Let's dive into it.
-
-## What is Picture-in-Picture API?
-
-The **Picture-in-Picture API allows** websites to create a floating video window always on top of other windows so that users may continue consuming media while they interact with other content sites or applications on their devices. Simple, Right?
-
-## Let's look at the demo
-
-The following gif shows the demo of how that works:
-
-![demo](https://i.imgur.com/7HB3aTR.gif)
-
-## Let's build it
-
-First, we need a structure means HTML so for that I have simply used two things `video` and `button`.
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="video-container">
-   <video id="videoElement" controls loop src="https://imgur.com/yIVEIR9.mp4"></video>
-   <button id="toggleButton">Enable Floating Video</button>
-</div>
-```
-
-CSS for this can be found at the end of the article in the Codepen. Now the main thing is **JavaScript.** Let's add that.
-
-First getting the `video` and `button`:
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
-const video = document.getElementById("videoElement");
-const toggleBtn = document.getElementById("toggleButton");
-```
-
-After that, we need to verify if your browser supports that or not. You can do like the following:
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
-// 👇Checking that if it is working or not
-if ("pictureInPictureEnabled" in document) {
-    /// .... other code
-}
-```
-
-Now we need to add an event listener on the `toggleBtn` and when it is clicked then we will run a function called `togglePiPMode`
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
- // 👇Checking that if it is working or not
-if ("pictureInPictureEnabled" in document) {
-  // 👇 Running 'togglePiPMode' function when user click the button
-  toggleBtn.addEventListener("click", togglePiPMode);
-}
-```
-
-Now it's time to create `togglePiPMode` function. First, I check if the user is already in PiP mode or not. If he is not the only then request for Picture-in-Picture mode. otherwise simply just exit from PiP. I have wrapped the code in `try...catch` block to make sure if something goes wrong then it will `console` the error.
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
-function togglePiPMode() {
-  try {
-    // 👇 Checking that if user should not be in PiP mode
-    if (video !== document.pictureInPictureElement) {
-      video.requestPictureInPicture();
-    } else {
-      document.exitPictureInPicture(); // 👈 If already in PIP Mode then exit
-    }
-  } catch (error) {
-    console.log(error); // Console any error if any
-  }
-}
-```
-
-Now Picture-in-Picture mode will work flawlessly.
-
-## Let's understand events in PiP
-
-*The Picture-in-Picture API defines three events, which can be used to detect when picture-in-picture mode is toggled and when the floating video window is resized.*
-
-*   `enterpictureinpicture`: Sent to a `HTMLVideoElement` when it enters picture-in-picture mode.
-*   `leavepictureinpicture` : Sent to a `HTMLVideoElement` when it leaves picture-in-picture mode.
-*   `resize` : Sent to a `PictureInPictureWindow` when it changes size.
-    
-
-Let's use `enterpictureinpicture` & `leavepictureinpicture` in our little project. I'll be changing the Button Text as these events are fired. Let's take a look at the code:
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
- // 👇 event trigger when you enter in PiP mode
-  video.addEventListener("enterpictureinpicture", () => {
-    toggleBtn.textContent = "Exit PiP Mode";
-  });
-
-  // 👇 event trigger when you leave the PiP mode
-  video.addEventListener("leavepictureinpicture", () => {
-    toggleBtn.textContent = "Enter PiP Mode";
-  });
-```
-
-Now, Let's take a look at the `resize` event. When we run `requestPictureInPicture` then it returns a promise and we add `resize` event on `pictureInPictureWindow` when it fires then we call a function `windowDimensions`.
-
-<CodeTitle lang="js" title="index.js" />
-```javascript
-// 👇 This will print the dimensions of the window
-function windowDimensions(evt) {
-  const pipWindow = evt.target;
-  console.log(`Floating window Dimensions : ${pipWindow.width}x${pipWindow.height}px`);
-}
-
-// 👇 resize event on pip window
-video.requestPictureInPicture().then((pictureInPictureWindow) => {
-  pictureInPictureWindow.onresize = windowDimensions;
-});
-```
-
-From `PictureInPictureWindow` interface we can get the `width` and `height` and `resize event` of the floating video window.
-
-## Codepen
-<Codepen id="qBKzbbo" />
-
-## Conclusion
-
-In this article, I have explained how you can make a floating video player by using Picture-in-Picture (PiP) JavaScript Web API. Now, you can try to add this functionality to your website.
diff --git a/frontend/posts/portfolio-tutorial.mdx b/frontend/posts/portfolio-tutorial.mdx
deleted file mode 100644
index f10f028..0000000
--- a/frontend/posts/portfolio-tutorial.mdx
+++ /dev/null
@@ -1,7773 +0,0 @@
----
-slug: portfolio-tutorial
-title: How I Made My Portfolio with Next.js
-date: 2022-10-13
-published: true
-keywords: portfolio, jatin's portfolio, mdx, tailwindcss, next.js, Spotify, Certificates, Stats, Dev, react
-excerpt: In this article you will be looking at my portfolio built with Next.js. Blog and Styling is powered by MDX and TailwindCSS respectively.
-image: https://imgur.com/QJCoqqE.png
----
-
-Everyone needs to establish a portfolio or personal website so that potential employers can get a better sense of your work. I believe everyone should make one, even if it's very simple or doesn't have much to show. Having one is always a good idea.
-
-We will be looking at my portfolio built with Next.js, which includes many things (which we will explore later). Without further ado, let's get started.
-
-Initially, I didn't have a great design in mind. So I just started coding and it turned out better than I expected (trust me, I thought worse). You will see two versions of my portfolio. There is an older one and a newer one.
-
-## Older Version
-
-Previously, I had only four main pages: Homepage (About me), Skills, Blog, and Projects. I was using [Dev.to API](https://developers.forem.com/api) to fetch my blogs and their data.
-
-### Homepage
-
-![homepage](https://imgur.com/DvS3grE.gif)
-
-There were seven sections on the old homepage: About me, Top Skills, Recent blogs, Certification, Projects, FAQ, and Contact. Rather than showing all blogs and projects, it just shows 10 cards.
-
-### Skills
-
-![skills](https://i.imgur.com/gM0fuRo.gif)
-
-The skill page had a progress bar showing how well I knew the language or skill, along with a brief description.
-
-### Blogs
-
-![blogs](https://imgur.com/DG7QhLK.gif)
-
-There are a lot of things going on in the blog. First, here is a search bar and then the Blog sorting system. After that, you have a blog card.
-
-![sortingsystem](https://i.imgur.com/EtFtH2i.png.png)
-
-When hovering over a blog card, you see two options, **view** and **dev.to**, along with a brief description of the blog.
-
-![blog](https://imgur.com/0Hu5nID.png)
-
-As you click on the **View** Button, then it would have taken you to the Blog. Which looks like this:
-
-![blog](https://i.imgur.com/06SkfC3.png)
-
-### Projects
-
-![projects](https://i.imgur.com/diOPK8o.gif)
-
-In Projects, there are only three buttons through which you can just go to the GitHub link Live Project, and can share it.
-
-> This was my old portfolio. You can also share your insights about this portfolio. I look forward to hearing what you have to say.
-
-## Current Version
-
-The current version of the portfolio has many things. We will be looking at them one by one along with how I implemented them. Lets' just build it.
-
-Take a look at the current version of my portfolio by vising [j471n.in](https://j471n.in)
-
-## Setup Project
-
-### Create Project
-
-Start by creating a new Next.js project if you don’t have one set up already. The most common approach is to use Create Next App.
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-npx create-next-app my-project
-cd my-project
-```
-
-### Install Tailwind CSS
-
-Install `tailwindcss` and its peer dependencies via npm, and then run the init command to generate both `tailwind.config.js` and `postcss.config.js`.
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-npm install -D tailwindcss postcss autoprefixer
-npx tailwindcss init -p
-```
-
-### Add the Tailwind directives to your CSS
-
-Add the `@tailwind` directives for each of Tailwind's layers to your `./styles/globals.css` file.
-
-<CodeTitle title="styles/globals.css" lang="css" />
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-```
-
-### Configure your template paths
-
-Add the paths to all of your template files in your `tailwind.config.js` file.
-
-<CodeTitle title="tailwind.config.js" lang="js" />
-```js
-module.exports = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
-    "./layout/*.{js,jsx,ts,tsx}",
-  ],
-  darkMode: "class", // to setup dark mode
-  theme: {
-    // Adding New Fonts
-    fontFamily: {
-      inter: ["Inter", "sans-serif"],
-      sarina: ["Sarina", "cursive"],
-      barlow: ["Barlow", "sans-serif"],
-      mono: ["monospace"],
-    },
-    extend: {
-      colors: {
-        darkPrimary: "#181A1B",
-        darkSecondary: "#25282A",
-        darkWhite: "#f2f5fa",
-      },
-      listStyleType: {
-        square: "square",
-        roman: "upper-roman",
-      },
-      animation: {
-        wiggle: "wiggle 1s ease-in-out infinite",
-        "photo-spin": "photo-spin 2s 1 linear forwards",
-      },
-      keyframes: {
-        wiggle: {
-          "0%, 100%": { transform: "rotate(-3deg)" },
-          "50%": { transform: "rotate(3deg)" },
-        },
-        "photo-spin": {
-          "0%": { transform: "rotate(0deg)" },
-          "100%": { transform: "rotate(360deg)" },
-        },
-      },
-      screens: {
-        // Custom Screen styles
-        "3xl": "2000px",
-        xs: "480px",
-      },
-    },
-    // Adding Tailwind Plugins
-    plugins: [
-      require("@tailwindcss/line-clamp"),
-      require("@tailwindcss/typography"),
-      require("tailwind-scrollbar-hide"),
-    ],
-  },
-};
-```
-
-I am going to use [pnpm](https://pnpm.io/) as the package manager instead of npm. You can use npm or yarn according to your preference.
-
-Now we need to install the tailwindcss plugins that we just added to `tailwind.config.js`
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm install @tailwindcss/line-clamp @tailwindcss/typography tailwind-scrollbar-hide
-```
-
-`@tailwindcss/typography` will be used in styling the blog.
-
-### Start the server
-
-Run your build process with `pnpm run dev`. And your project will be available at [http://localhost:3000](http://localhost:3000)
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-npm run dev
-```
-
-### Setup `next.config.js`
-
-**Installing `@next/bundle-analyzer`**
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i @next/bundle-analyzer next-pwa
-```
-
-- [next-pwa](https://www.npmjs.com/package/next-pwa): To generate PWA which we will cover later
-- [@next/bundle-analyzer](https://www.npmjs.com/package/@next/bundle-analyzer): Analyze your bundle (optional)
-
-<CodeTitle title="next.config.js" lang="next" />
-```js
-const withBundleAnalyzer = require("@next/bundle-analyzer")({
-  enabled: process.env.ANALYZE === "true",
-});
-
-const withPWA = require("next-pwa");
-
-module.exports = withBundleAnalyzer(
-  withPWA({
-    webpack: true,
-    webpack: (config) => {
-      // Fixes npm packages that depend on `fs` module
-      config.resolve.fallback = { fs: false };
-      return config;
-    },
-    reactStrictMode: true,
-    images: {
-      domains: [
-        "cdn.buymeacoffee.com",
-        "res.cloudinary.com",
-        "imgur.com",
-        "i.imgur.com",
-        "cutt.ly",
-        "activity-graph.herokuapp.com",
-        "i.scdn.co", // images from spotify
-        "images.unsplash.com",
-      ],
-    },
-
-    // Pwa Setting
-    pwa: {
-      dest: "public",
-      register: true,
-      skipWaiting: true,
-      disable: process.env.NODE_ENV === "development",
-      publicExcludes: ["!resume.pdf"], // don't cache pdf which I'll add later
-    },
-  })
-);
-```
-
-### Setup `jsconfig.json`
-
-Setting up `jsconfig.json` to make import easier. You don't need to use `../../../..` anymore, you can just use `@` to refer to any folder.
-
-![json](https://imgur.com/6th4OL3.png)
-
-<CodeTitle title="jsconfig.json" lang="json" />
-```json
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@components/*": ["components/*"],
-      "@lib/*": ["lib/*"],
-      "@utils/*": ["utils/*"],
-      "@content/*": ["content/*"],
-      "@styles/*": ["styles/*"],
-      "@context/*": ["context/*"],
-      "@layout/*": ["layout/*"],
-      "@hooks/*": ["hooks/*"]
-    }
-  }
-}
-```
-
-### Disabling some ESLint rules
-
-<CodeTitle title=".eslintrc.json" lang="json" />
-```json
-{
-  "extends": "next/core-web-vitals",
-  "rules": {
-    "react/no-unescaped-entities": 0,
-    "@next/next/no-img-element": "off"
-  }
-}
-```
-
-## Adding DarkMode Support
-
-This is just to create a Dark mode Support using Context API:
-
-<CodeTitle title="context/darkModeContext.js" lang="jsx" />
-```js
-import React, { useState, useContext, useEffect, createContext } from "react";
-const DarkModeContext = createContext(undefined);
-
-export function DarkModeProvider({ children }) {
-  const [isDarkMode, setDarkMode] = useState(false);
-
-  function updateTheme() {
-    const currentTheme = localStorage.getItem("isDarkMode") || "false";
-    if (currentTheme === "true") {
-      document.body.classList.add("dark");
-      setDarkMode(true);
-    } else {
-      document.body.classList.remove("dark");
-      setDarkMode(false);
-    }
-  }
-  useEffect(() => {
-    updateTheme();
-  }, []);
-  function changeDarkMode(value) {
-    localStorage.setItem("isDarkMode", value.toString());
-    // setDarkMode(value);
-    updateTheme();
-  }
-
-  return (
-    <DarkModeContext.Provider value={{ isDarkMode, changeDarkMode }}>
-      {children}
-    </DarkModeContext.Provider>
-  );
-}
-
-export const useDarkMode = () => {
-  const context = useContext(DarkModeContext);
-  if (context === undefined) {
-    throw new Error("useAuth can only be used inside AuthProvider");
-  }
-  return context;
-};
-```
-
-Now Wrap the `_app.js` with `DarkModeProvider`:
-
-<CodeTitle title="_app.js" lang="jsx" />
-```js
-import "@styles/globals.css";
-import { DarkModeProvider } from "@context/darkModeContext";
-
-function MyApp({ Component, pageProps }) {
-  return (
-   {/* Adding Darkmode Provider */}
-    <DarkModeProvider>
-        <Component {...pageProps} />
-    </DarkModeProvider>
-  );
-}
-```
-
-## Creating Layout
-
-<CodeTitle title="layout/Layout.js" lang="jsx" />
-```jsx
-import { useState } from "react";
-import TopNavbar from "../components/TopNavbar";
-import ScrollToTopButton from "../components/ScrollToTopButton";
-import Footer from "../components/Footer";
-import QRCodeContainer from "@components/QRCodeContainer";
-
-export default function Layout({ children }) {
-  const [showQR, setShowQR] = useState(false);
-  return (
-    <>
-      <TopNavbar />
-      <main>{children}</main>
-      <Footer setShowQR={setShowQR} showQR={showQR} />
-      <ScrollToTopButton />
-      <QRCodeContainer showQR={showQR} setShowQR={setShowQR} />
-    </>
-  );
-}
-```
-
-Don't worry we will create all of them one by one:
-
-### Creating Navbar
-
-This is what we are going to create:
-![navbar](https://imgur.com/LAUt2rp.png)
-
-Before we build Navbar we need to install some dependencies first:
-
-- [react-icons](https://react-icons.github.io/react-icons/): To use icons in the project
-- [framer-motion](https://www.npmjs.com/package/framer-motion) : To Add animation in project
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm install react-icons framer-motion
-```
-
-Let's set up routes first. I am using a static Array where I can add a new route and it will automatically be visible to the navbar:
-
-<CodeTitle title="utils/utils.js" lang="js" />
-```js
-export const navigationRoutes = [
-  "home",
-  "about",
-  "stats",
-  "utilities",
-  "blogs",
-  "certificates",
-  "projects",
-  "newsletter",
-  "rss",
-];
-```
-
-These are the routes we are going to create. Let's look at the `TopNavbar` component now:
-
-<CodeTitle title="components/TopNavbar.js" lang="jsx" />
-```js
-/* Importing modules */
-
-import React, { useEffect, useState, useRef, useCallback } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { motion, useAnimation, AnimatePresence } from "framer-motion";
-import {
-  FadeContainer,
-  hamFastFadeContainer,
-  mobileNavItemSideways,
-  popUp,
-} from "../content/FramerMotionVariants";
-import { useDarkMode } from "../context/darkModeContext";
-import { navigationRoutes } from "../utils/utils";
-import { FiMoon, FiSun } from "react-icons/fi";
-```
-
-We imported many things, but we have not created `FramerMotionVariants` yet. So let's create them:
-
-<CodeTitle title="content/FramerMotionVariants.js" lang="js" />
-```js
-export const FadeContainer = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: { delayChildren: 0, staggerChildren: 0.1 },
-  },
-};
-
-export const hamFastFadeContainer = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      delayChildren: 0,
-      staggerChildren: 0.1,
-    },
-  },
-};
-
-export const mobileNavItemSideways = {
-  hidden: { x: -40, opacity: 0 },
-  visible: {
-    x: 0,
-    opacity: 1,
-  },
-};
-
-export const popUp = {
-  hidden: { scale: 0, opacity: 0 },
-  visible: {
-    opacity: 1,
-    scale: 1,
-  },
-  transition: {
-    type: "spring",
-  },
-};
-```
-
-These are the variants for Navbar Animation for desktop and mobile devices as well.
-
-[Learn about Framer motion](https://www.framer.com/docs/animation/)
-
-Now, back to the `TopNavbar`:
-
-<CodeTitle title="components/TopNavbar.js" lang="jsx" />
-```js
-/* Importing Modules */
-import React, { useEffect, useState, useRef, useCallback } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { motion, useAnimation, AnimatePresence } from "framer-motion";
-import {
-  FadeContainer,
-  hamFastFadeContainer,
-  mobileNavItemSideways,
-  popUp,
-} from "../content/FramerMotionVariants";
-import { useDarkMode } from "../context/darkModeContext";
-import { navigationRoutes } from "../utils/utils";
-import { FiMoon, FiSun } from "react-icons/fi";
-
-/* TopNavbar Component */
-export default function TopNavbar() {
-  const router = useRouter();
-  const navRef = useRef(null);
-
-  /*  Using to control animation as I'll show the name to the mobile navbar when you scroll a bit
-   * demo: https://i.imgur.com/5LKI5DY.gif
-   */
-  const control = useAnimation();
-  const [navOpen, setNavOpen] = useState(false);
-  const { isDarkMode, changeDarkMode } = useDarkMode();
-
-  // Adding Shadow, backdrop to the navbar as user scroll the screen
-  const addShadowToNavbar = useCallback(() => {
-    if (window.pageYOffset > 10) {
-      navRef.current.classList.add(
-        ...[
-          "shadow",
-          "backdrop-blur-xl",
-          "bg-white/70",
-          "dark:bg-darkSecondary",
-        ]
-      );
-
-      control.start("visible");
-    } else {
-      navRef.current.classList.remove(
-        ...[
-          "shadow",
-          "backdrop-blur-xl",
-          "bg-white/70",
-          "dark:bg-darkSecondary",
-        ]
-      );
-      control.start("hidden");
-    }
-  }, [control]);
-
-  useEffect(() => {
-    window.addEventListener("scroll", addShadowToNavbar);
-    return () => {
-      window.removeEventListener("scroll", addShadowToNavbar);
-    };
-  }, [addShadowToNavbar]);
-
-  // to lock the scroll when mobile is open
-  function lockScroll() {
-    const root = document.getElementsByTagName("html")[0];
-    root.classList.toggle("lock-scroll"); // class is define in the global.css
-  }
-
-  /* To Lock  the Scroll when user visit the mobile nav page */
-  function handleClick() {
-    lockScroll();
-    setNavOpen(!navOpen);
-  }
-
-  return (
-    <div
-      className="fixed w-full dark:text-white top-0 flex items-center justify-between px-4 py-[10px] sm:p-4 sm:px-6 z-50 print:hidden"
-      ref={navRef}
-    >
-      {/* Mobile Navigation Hamburger and MobileMenu */}
-      <HamBurger open={navOpen} handleClick={handleClick} />
-      <AnimatePresence>
-        {navOpen && (
-          <MobileMenu links={navigationRoutes} handleClick={handleClick} />
-        )}
-      </AnimatePresence>
-
-      <Link href="/" passHref>
-        <div className="flex gap-2 items-center cursor-pointer z-50">
-          <motion.a
-            initial="hidden"
-            animate="visible"
-            variants={popUp}
-            className="relative hidden sm:inline-flex mr-3"
-          >
-            <h1 className="font-sarina text-xl">JS</h1>
-          </motion.a>
-          <motion.p
-            initial="hidden"
-            animate={control}
-            variants={{
-              hidden: { opacity: 0, scale: 1, display: "none" },
-              visible: { opacity: 1, scale: 1, display: "inline-flex" },
-            }}
-            className="absolute sm:!hidden w-fit left-0 right-0 mx-auto flex justify-center  text-base font-sarina"
-          >
-            Jatin Sharma
-          </motion.p>
-        </div>
-      </Link>
-
-      {/* Top Nav list */}
-      <motion.nav className="hidden sm:flex z-10 md:absolute md:inset-0 md:justify-center">
-        <motion.div
-          initial="hidden"
-          animate="visible"
-          variants={FadeContainer}
-          className="flex items-center md:gap-2"
-        >
-          {navigationRoutes.slice(0, 7).map((link, index) => {
-            return (
-              <NavItem
-                key={index}
-                href={`/${link}`}
-                text={link}
-                router={router}
-              />
-            );
-          })}
-        </motion.div>
-      </motion.nav>
-
-      {/* DarkMode Container */}
-      <motion.div
-        initial="hidden"
-        animate="visible"
-        variants={popUp}
-        className="cursor-pointer rounded-full z-30 transition active:scale-75"
-        title="Toggle Theme"
-        onClick={() => changeDarkMode(!isDarkMode)}
-      >
-        {isDarkMode ? (
-          <FiMoon className="h-6 w-6 sm:h-7 sm:w-7 select-none transition active:scale-75" />
-        ) : (
-          <FiSun className="h-6 w-6 sm:h-7 sm:w-7 select-none transition active:scale-75" />
-        )}
-      </motion.div>
-    </div>
-  );
-}
-
-// NavItem Container
-function NavItem({ href, text, router }) {
-  const isActive = router.asPath === (href === "/home" ? "/" : href);
-  return (
-    <Link href={href === "/home" ? "/" : href} passHref>
-      <motion.a
-        variants={popUp}
-        className={`${
-          isActive
-            ? "font-bold text-gray-800 dark:text-gray-100"
-            : " text-gray-600 dark:text-gray-300"
-        } sm:inline-block transition-all text-[17px] hidden px-2 md:px-3 py-[3px] hover:bg-gray-100 dark:hover:bg-neutral-700/50 rounded-md`}
-      >
-        <span className="capitalize">{text}</span>
-      </motion.a>
-    </Link>
-  );
-}
-
-// Hamburger Button
-function HamBurger({ open, handleClick }) {
-  return (
-    <motion.div
-      style={{ zIndex: 1000 }}
-      initial="hidden"
-      animate="visible"
-      variants={popUp}
-      className="sm:hidden"
-    >
-      {!open ? (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          className="h-6 w-6 cursor-pointer select-none transform duration-300 rounded-md active:scale-50"
-          onClick={handleClick}
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-          strokeWidth={2}
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M4 6h16M4 12h16M4 18h16"
-          />
-        </svg>
-      ) : (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          className="h-6 w-6 cursor-pointer select-none transform duration-300  rounded-md active:scale-50"
-          onClick={handleClick}
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-          strokeWidth={2}
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M6 18L18 6M6 6l12 12"
-          />
-        </svg>
-      )}
-    </motion.div>
-  );
-}
-
-// Mobile navigation menu
-const MobileMenu = ({ links, handleClick }) => {
-  return (
-    <motion.div
-      className="absolute font-normal bg-white dark:bg-darkPrimary w-screen h-screen top-0 left-0 z-10 sm:hidden"
-      variants={hamFastFadeContainer}
-      initial="hidden"
-      animate="visible"
-      exit="hidden"
-    >
-      <motion.nav className="mt-28 mx-8 flex flex-col">
-        {links.map((link, index) => {
-          const navlink =
-            link.toLowerCase() === "home" ? "/" : `/${link.toLowerCase()}`;
-          return (
-            <Link href={navlink} key={`mobileNav-${index}`} passHref>
-              <motion.a
-                href={navlink}
-                className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 font-semibold flex w-auto py-4 capitalize text-base cursor-pointer"
-                variants={mobileNavItemSideways}
-                onClick={handleClick}
-              >
-                {link === "rss" ? link.toUpperCase() : link}
-              </motion.a>
-            </Link>
-          );
-        })}
-      </motion.nav>
-    </motion.div>
-  );
-};
-```
-
-- This is the whole file for the `TopNavbar` I used. Where I added a `scroll` event to the window just to add shadow to Navbar and show my name if you are on a mobile device.
-- I also locked the scroll by calling the `lockScroll` function when Mobile Navbar is active/open. So that user won't be able to scroll.
-- I am only showing only 7 navigation routes (`navigationRoutes.slice(0, 7)`) so that navbar looks simple and clean. I'll add the remaining in the footer section.
-- There is also a button on the right side of the navigation bar that switches from dark mode to light mode.
-
-**Results**
-Now when you'll scroll , then the name will be shown on mobile devices, this is because of that `control` we added earlier:
-
-![name](https://i.imgur.com/5LKI5DY.gif)
-
-After doing that when you open mobile navigation it will animate like this:
-
-![side navbar animation](https://i.imgur.com/5v3TzB1.gif)
-
-`TopNavbar` have four components:
-
-- **TopNavbar**: Main Navigation Panel
-- **Hamburger**: Top-left hamburger button
-- **MobileMenu**: Mobile Navigation list or menu
-- **NavItem**: Navigation link/item for desktop mode
-
-We have already added `TopNavbar` to `Layout` Component.
-
-### Adding Scroll to top Button
-
-<CodeTitle title="components/ScrollToTopButton.js" lang="jsx" />
-```js
-import { IoIosArrowUp } from "react-icons/io";
-import { useEffect, useState } from "react";
-import useScrollPercentage from "@hooks/useScrollPercentage";
-
-export default function ScrollToTopButton() {
-  const [showButton, setShowButton] = useState(false);
-  const scrollPercentage = useScrollPercentage();
-
-  useEffect(() => {
-    if (scrollPercentage < 95 && scrollPercentage > 10) {
-      setShowButton(true);
-    } else {
-      setShowButton(false);
-    }
-  }, [scrollPercentage]);
-
-  // This function will scroll the window to the top
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth", // for smoothly scrolling
-    });
-  };
-
-  return (
-    <>
-      {showButton && (
-        <button
-          onClick={scrollToTop}
-          aria-label="Scroll To Top"
-          className="fixed bottom-20 right-8 md:bottom-[50px] md:right-[20px]  z-40 print:hidden"
-        >
-          <IoIosArrowUp className="bg-black dark:bg-gray-200 dark:text-darkPrimary text-white rounded-lg shadow-lg text-[45px] md:mr-10" />
-        </button>
-      )}
-    </>
-  );
-}
-```
-
-`ScrollToTopButton` won't show when you are at the top or at the bottom of the page. It will only show when your viewport is somewhere between `10%-95%`. After doing this it will look something like this:
-
-![Scroll Top top button](https://i.imgur.com/2mXTZ3G.gif)
-
-I have also made an article with an explanation you can read that too:
-
-<EmbedBlog 
-  img="https://imgur.com/si8NtCR.png" 
-  text="Scroll to the top with JS" 
-  url="/blogs/scroll-to-the-top-with-js" 
-/>
-
-### Creating Footer
-
-The footer could be a little bit complex as it uses `Spotify API`. This is what we are going to build:
-
-![footer](https://i.imgur.com/FsUEHsv.png)
-
-**Spotify Integration** shows if I am currently playing any song or not. The Footer changed on that basis. The following image shows both states. Which we will create in a moment.
-
-![footer design](https://imgur.com/G00Gq3w.png)
-
-There is a QR Code Button at the bottom of the Footer which I'll cover in the next section.
-
-**creating `components/Footer.js`:**
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```js
-import Link from "next/link";
-import Image from "next/image";
-import { FadeContainer, popUp } from "../content/FramerMotionVariants";
-import { navigationRoutes } from "../utils/utils";
-import { motion } from "framer-motion";
-import { SiSpotify } from "react-icons/si";
-import { HiOutlineQrcode } from "react-icons/hi";
-import useSWR from "swr"; // not installed yet
-
-// Not create yet
-import fetcher from "../lib/fetcher";
-import socialMedia from "../content/socialMedia";
-```
-
-#### Installing SWR
-
-First, we need to install [swr](https://swr.vercel.app/). SWR is a strategy to first return the data from the cache (stale), then send the fetch request (revalidate), and finally, come up with up-to-date data.
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i swr
-```
-
-SWR uses the `fetcher` function which is just a wrapper of the native `fetch`. You can visit their [docs](https://swr.vercel.app/docs/getting-started)
-
-#### Creating `fetcher` function
-
-<CodeTitle title="lib/fetcher.js" lang="js" />
-```js
-export default async function fetcher(url) {
-  return fetch(url).then((r) => r.json());
-}
-```
-
-#### Creating Social Media Links
-
-As you can see in the footer we have social media links as well which have not been created yet. Let's do it then:
-
-<CodeTitle title="content/socialMedia.js" lang="js" />
-```js
-import { AiOutlineInstagram, AiOutlineTwitter } from "react-icons/ai";
-import { BsFacebook, BsGithub, BsLinkedin } from "react-icons/bs";
-import { FaDev } from "react-icons/fa";
-import { HiMail } from "react-icons/hi";
-import { SiCodepen } from "react-icons/si";
-
-export default [
-  {
-    title: "Twitter",
-    Icon: AiOutlineTwitter,
-    url: "https://twitter.com/intent/follow?screen_name=j471n_",
-  },
-  {
-    title: "LinkedIn",
-    Icon: BsLinkedin,
-    url: "https://www.linkedin.com/in/j471n/",
-  },
-  {
-    title: "Github",
-    Icon: BsGithub,
-    url: "https://github.com/j471n",
-  },
-  {
-    title: "Instagram",
-    Icon: AiOutlineInstagram,
-    url: "https://www.instagram.com/j471n_",
-  },
-  {
-    title: "Dev.to",
-    Icon: FaDev,
-    url: "https://dev.to/j471n",
-  },
-  {
-    title: "Codepen",
-    Icon: SiCodepen,
-    url: "https://codepen.io/j471n",
-  },
-  {
-    title: "Facebook",
-    Icon: BsFacebook,
-    url: "https://www.facebook.com/ja7in/",
-  },
-  {
-    title: "Mail",
-    Icon: HiMail,
-    url: "mailto:jatinsharma8669@gmail.com",
-  },
-];
-```
-
-I am importing react icons as well , maybe you want to add Icons along with the text. It's up to you if you don't want then you can remove the icon part.
-
-Now we have done almost everything, let's continue with `Footer.js`:
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```js
-/*......previous code......*/
-
-export default function Footer({ setShowQR, showQR }) {}
-```
-
-Taking `setShowQR` and `showQR` as props to trigger the bottom QR Code button at the bottom.
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```js
-/*......previous code......*/
-
-export default function Footer({ setShowQR, showQR }) {
-  const { data: currentSong } = useSWR("/api/now-playing", fetcher);
-}
-```
-
-Now we will use `useSWR` to fetch the Next.js API route that will return the currently playing song if the user is playing otherwise simple `false`
-
-<CodeTitle title="API Response" lang="json" />
-```json
-// when not playing
-{
-  "isPlaying": false
-}
-
-// when playing
-{
-  "album": "See You Again (feat. Charlie Puth)",
-  "albumImageUrl": "https://i.scdn.co/image/ab67616d0000b2734e5df11b17b2727da2b718d8",
-  "artist": "Wiz Khalifa, Charlie Puth",
-  "isPlaying": true,
-  "songUrl": "https://open.spotify.com/track/2JzZzZUQj3Qff7wapcbKjc",
-  "title": "See You Again (feat. Charlie Puth)"
-}
-```
-
-It will return with which song I am playing along with details. But we have not created `/api/now-playing` route. Did we? Let's create it then.
-
-#### Adding Now Playing Spotify Route
-
-> If you are not familiar with Nextjs API routes then I'll highly recommend you to look at the [docs](https://nextjs.org/docs/api-routes/introduction) first.
-
-**Create `pages/api/now-playing.js` file:**
-
-<CodeTitle title="pages/api/now-playing.js" lang="js" />
-```js
-export default async function handler(req, res) {}
-```
-
-Now the most complex part is Spotify integration. But don't worry about that I have a blog on that in detail about how you can implement that so you can read that here (this is a must):
-
-<EmbedBlog 
-  img="https://imgur.com/SAhercO.png" 
-  text="How to use Spotify API with Next.js" 
-  url="/blogs/spotify-api-nextjs" 
-/>
-
-After implementing Spotify API integration you will have three things:
-
-- SPOTIFY_CLIENT_ID=
-- SPOTIFY_CLIENT_SECRET=
-- SPOTIFY_REFRESH_TOKEN=
-
-Add these to your `.env.local` along with their values and restart the server.
-
-Now we will create a function that will fetch the data on the server.
-
-**Create `lib/spotify.js`**:
-
-<CodeTitle title="lib/spotify.js" lang="js" />
-```js
-/* This function use "refresh_token" to get the "access_token" that will be later use for authorization   */
-const getAccessToken = async () => {
-  const refresh_token = process.env.SPOTIFY_REFRESH_TOKEN;
-
-  const response = await fetch("https://accounts.spotify.com/api/token", {
-    method: "POST",
-    headers: {
-      Authorization: `Basic ${Buffer.from(
-        `${process.env.SPOTIFY_CLIENT_ID}:${process.env.SPOTIFY_CLIENT_SECRET}`
-      ).toString("base64")}`,
-      "Content-Type": "application/x-www-form-urlencoded",
-    },
-    body: new URLSearchParams({
-      grant_type: "refresh_token",
-      refresh_token,
-    }),
-  });
-
-  return response.json();
-};
-
-/* Uses "access_token" to get the current playing song */
-export const currentlyPlayingSong = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/player/currently-playing", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-In the above code we just added two functions:
-
-- **getAccessToken**: This will use the `refresh_token` and return the `access_token` to authorization for other API endpoints.
-- **currentlyPlayingSong**: This is fetch the current playing song and returns the JSON data.
-
-You can learn more about Spotify Authorization in their [documentation](https://developer.spotify.com/documentation/general/guides/authorization/).
-
-Now, we have created a function to fetch the data. Let's call it in our API Routes.
-
-<CodeTitle title="pages/api/now-playing.js " lang="js" />
-```js
-import { currentlyPlayingSong } from "@lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await currentlyPlayingSong();
-
-  if (response.status === 204 || response.status > 400) {
-    return res.status(200).json({ isPlaying: false });
-  }
-
-  const song = await response.json();
-
-  /* Extracting the main info that we need */
-  const isPlaying = song.is_playing;
-  const title = song.item.name;
-  const artist = song.item.artists.map((_artist) => _artist.name).join(", ");
-  const album = song.item.album.name;
-  const albumImageUrl = song.item.album.images[0].url;
-  const songUrl = song.item.external_urls.spotify;
-
-  /* Return the data as JSON */
-  return res.status(200).json({
-    album,
-    albumImageUrl,
-    artist,
-    isPlaying,
-    songUrl,
-    title,
-  });
-}
-```
-
-It was simple Right? Now, we have added the API route (`/api/now-playing`). Let's call it in `Footer` and fetch the currently playing song.
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```js
-/*......previous code......*/
-
-export default function Footer({ setShowQR, showQR }) {
-  // we just implemented this line in API Routes now it will work as expected
-  const { data: currentSong } = useSWR("/api/now-playing", fetcher);
-}
-```
-
-If you go to [http://localhost:3000/api/now-playing](http://localhost:3000/api/now-playing) you will see some data is returned. If you didn't mess up. (If you did then try reading the about part again)
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-
-```jsx
-/*......previous code......*/
-
-export default function Footer({ setShowQR, showQR }) {
-  const { data: currentSong } = useSWR("/api/now-playing", fetcher);
-
-  return (
-    <footer className=" text-gray-600 dark:text-gray-400/50 w-screen font-inter mb-20 print:hidden">
-      <motion.div
-        initial="hidden"
-        whileInView="visible"
-        variants={FadeContainer}
-        viewport={{ once: true }}
-        className="max-w-4xl 2xl:max-w-5xl 3xl:max-w-7xl p-5 border-t-2 border-gray-200  dark:border-gray-400/10 mx-auto text-sm sm:text-base flex flex-col gap-5"
-      >
-        <div>
-          {currentSong?.isPlaying ? (
-            <WhenPlaying song={currentSong} />
-          ) : (
-            <NotPlaying />
-          )}
-        </div>
-
-        <section className="grid grid-cols-3 gap-10">
-          <div className="flex flex-col gap-4 capitalize">
-            {navigationRoutes.slice(0, 4).map((text, index) => {
-              return (
-                <FooterLink key={index} id={index} route={text} text={text} />
-              );
-            })}
-          </div>
-          <div className="flex flex-col gap-4 capitalize">
-            {navigationRoutes
-              .slice(4, navigationRoutes.length)
-              .map((route, index) => {
-                let text = route;
-                if (route === "rss") text = "RSS";
-                return <FooterLink key={index} route={route} text={text} />;
-              })}
-          </div>
-          <div className="flex flex-col gap-4 capitalize">
-            {socialMedia.slice(0, 4).map((platform, index) => {
-              return (
-                <Link key={index} href={platform.url} passHref>
-                  <motion.a
-                    className="hover:text-black dark:hover:text-white w-fit"
-                    variants={popUp}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    href={platform.url}
-                  >
-                    {platform.title}
-                  </motion.a>
-                </Link>
-              );
-            })}
-          </div>
-        </section>
-      </motion.div>
-
-      <div className="w-full flex justify-center">
-        <div
-          onClick={() => setShowQR(!showQR)}
-          className="bg-gray-700 text-white p-4 rounded-full cursor-pointer transition-all active:scale-90 hover:scale-105"
-        >
-          <HiOutlineQrcode className="w-6 h-6 " />
-        </div>
-      </div>
-    </footer>
-  );
-}
-```
-
-In the about Code, we have not implemented three things yet:
-
-- **FooterLink**: To show the link in the footer
-- **NotPlaying**: when I am not playing a song then show this component
-- **WhenPlaying**: Show this component when I am playing the song
-
-Let's add these components inside `components/Footer.js`. You can make separate components for them, it's up to you. I've added those inside the `Footer`components:
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```jsx
-/*......previous code (Footer Component)......*/
-
-function FooterLink({ route, text }) {
-  return (
-    <Link href={`/${route}`} passHref>
-      <motion.a
-        className="hover:text-black dark:hover:text-white w-fit"
-        variants={popUp}
-        href={`/${route}`}
-      >
-        {text}
-      </motion.a>
-    </Link>
-  );
-}
-
-function NotPlaying() {
-  return (
-    <div className="flex items-center gap-2 flex-row-reverse sm:flex-row justify-between sm:justify-start">
-      <SiSpotify className="w-6 h-6" />
-      <div className="flex flex-col sm:flex-row sm:items-center sm:gap-3">
-        <div className="font-semibold md:text-lg text-black dark:text-white">
-          Not Playing
-        </div>
-        <span className="hidden md:inline-flex">—</span>
-        <p className="text-gray-500 text-xs sm:text-sm">Spotify</p>
-      </div>
-    </div>
-  );
-}
-
-function WhenPlaying({ song }) {
-  return (
-    <div className="flex flex-col gap-4">
-      <h4 className="text-lg font-semibold">Now Playing</h4>
-      <Link href={song.songUrl} passHref>
-        <a
-          href={song.songUrl}
-          className="flex items-center justify-between bg-gray-200 dark:bg-darkSecondary  p-3 sm:p-4 rounded-sm"
-        >
-          <div className=" flex items-center gap-2">
-            <div className="w-10 h-10">
-              <Image
-                alt={song.title}
-                src={song.albumImageUrl}
-                width={40}
-                height={40}
-                layout="fixed"
-                quality={50}
-                placeholder="blur"
-                blurDataURL={song.albumImageUrl}
-              />
-            </div>
-            <div className="flex flex-col sm:flex-row sm:items-center sm:gap-3">
-              <h3 className="font-semibold md:text-lg text-black dark:text-white animate-">
-                {song.title}
-              </h3>
-              <span className="hidden md:inline-flex">—</span>
-              <p className="text-gray-600 text-xs sm:text-sm">{song.artist}</p>
-            </div>
-          </div>
-          <div className="flex items-center gap-2">
-            <SiSpotify className="w-6 h-6 text-green-500 animate-[spin_2s_linear_infinite]" />
-          </div>
-        </a>
-      </Link>
-    </div>
-  );
-}
-```
-
-If you are confused that how will it turn out , then the following is the full code of the footer:
-
-<CodeTitle title="components/Footer.js" lang="jsx" />
-```jsx
-import Link from "next/link";
-import Image from "next/image";
-import socialMedia from "../content/socialMedia";
-import { FadeContainer, popUp } from "../content/FramerMotionVariants";
-import { navigationRoutes } from "../utils/utils";
-import { motion } from "framer-motion";
-import { SiSpotify } from "react-icons/si";
-import useSWR from "swr";
-import fetcher from "../lib/fetcher";
-import { HiOutlineQrcode } from "react-icons/hi";
-
-export default function Footer({ setShowQR, showQR }) {
-  const { data: currentSong } = useSWR("/api/now-playing", fetcher);
-
-  return (
-    <footer className=" text-gray-600 dark:text-gray-400/50 w-screen font-inter mb-20 print:hidden">
-      <motion.div
-        initial="hidden"
-        whileInView="visible"
-        variants={FadeContainer}
-        viewport={{ once: true }}
-        className="max-w-4xl 2xl:max-w-5xl 3xl:max-w-7xl p-5 border-t-2 border-gray-200  dark:border-gray-400/10 mx-auto text-sm sm:text-base flex flex-col gap-5"
-      >
-        <div>
-          {currentSong?.isPlaying ? (
-            <WhenPlaying song={currentSong} />
-          ) : (
-            <NotPlaying />
-          )}
-
-          <div></div>
-        </div>
-
-        <section className="grid grid-cols-3 gap-10">
-          <div className="flex flex-col gap-4 capitalize">
-            {navigationRoutes.slice(0, 4).map((text, index) => {
-              return (
-                <FooterLink key={index} id={index} route={text} text={text} />
-              );
-            })}
-          </div>
-          <div className="flex flex-col gap-4 capitalize">
-            {navigationRoutes
-              .slice(4, navigationRoutes.length)
-              .map((route, index) => {
-                let text = route;
-                if (route === "rss") text = "RSS";
-                return <FooterLink key={index} route={route} text={text} />;
-              })}
-          </div>
-          <div className="flex flex-col gap-4 capitalize">
-            {socialMedia.slice(0, 4).map((platform, index) => {
-              return (
-                <Link key={index} href={platform.url} passHref>
-                  <motion.a
-                    className="hover:text-black dark:hover:text-white w-fit"
-                    variants={popUp}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    href={platform.url}
-                  >
-                    {platform.title}
-                  </motion.a>
-                </Link>
-              );
-            })}
-          </div>
-        </section>
-      </motion.div>
-
-      <div className="w-full flex justify-center">
-        <div
-          onClick={() => setShowQR(!showQR)}
-          className="bg-gray-700 text-white p-4 rounded-full cursor-pointer transition-all active:scale-90 hover:scale-105"
-        >
-          <HiOutlineQrcode className="w-6 h-6 " />
-        </div>
-      </div>
-    </footer>
-  );
-}
-
-function FooterLink({ route, text }) {
-  return (
-    <Link href={`/${route}`} passHref>
-      <motion.a
-        className="hover:text-black dark:hover:text-white w-fit"
-        variants={popUp}
-        href={`/${route}`}
-      >
-        {text}
-      </motion.a>
-    </Link>
-  );
-}
-
-function NotPlaying() {
-  return (
-    <div className="flex items-center gap-2 flex-row-reverse sm:flex-row justify-between sm:justify-start">
-      <SiSpotify className="w-6 h-6" />
-      <div className="flex flex-col sm:flex-row sm:items-center sm:gap-3">
-        <div className="font-semibold md:text-lg text-black dark:text-white">
-          Not Playing
-        </div>
-        <span className="hidden md:inline-flex">—</span>
-        <p className="text-gray-500 text-xs sm:text-sm">Spotify</p>
-      </div>
-    </div>
-  );
-}
-
-function WhenPlaying({ song }) {
-  return (
-    <div className="flex flex-col gap-4">
-      <h4 className="text-lg font-semibold">Now Playing</h4>
-      <Link href={song.songUrl} passHref>
-        <a
-          href={song.songUrl}
-          className="flex items-center justify-between bg-gray-200 dark:bg-darkSecondary  p-3 sm:p-4 rounded-sm"
-        >
-          <div className=" flex items-center gap-2">
-            <div className="w-10 h-10">
-              <Image
-                alt={song.title}
-                src={song.albumImageUrl}
-                width={40}
-                height={40}
-                layout="fixed"
-                quality={50}
-                placeholder="blur"
-                blurDataURL={song.albumImageUrl}
-              />
-            </div>
-            <div className="flex flex-col sm:flex-row sm:items-center sm:gap-3">
-              <h3 className="font-semibold md:text-lg text-black dark:text-white animate-">
-                {song.title}
-              </h3>
-              <span className="hidden md:inline-flex">—</span>
-
-              <p className="text-gray-600 text-xs sm:text-sm">{song.artist}</p>
-            </div>
-          </div>
-          <div className="flex items-center gap-2">
-            <SiSpotify className="w-6 h-6 text-green-500 animate-[spin_2s_linear_infinite]" />
-          </div>
-        </a>
-      </Link>
-    </div>
-  );
-}
-```
-
-### Adding QRCodeContainer
-
-Till now you might be wondering why there was `showQR` in `Footer.js` and the QR Code icon at the bottom. It was because that button will toggle `QRCodeContainer` to show the QR Code of the current URL. So let's just create it.
-
-#### Installing dependencies
-
-We need to install [react-qr-code](https://www.npmjs.com/package/react-qr-code) and [react-ripples](https://www.npmjs.com/package/react-ripples) to generate QR Code and show the Ripple effect respectively.
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i react-qr-code react-ripples
-```
-
-#### Creating useWindowLocation Hook
-
-We need to create a hook that will return the current window location.
-
-**Create `hooks/useWindowLocation.js`**
-
-<CodeTitle title="hooks/useWindowLocation.js" lang="js" />
-```jsx
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-
-export default function useWindowLocation() {
-  const [currentURL, setCurrentURL] = useState("");
-  const router = useRouter();
-
-  useEffect(() => {
-    setCurrentURL(window.location.href);
-  }, [router.asPath]);
-
-  return { currentURL };
-}
-```
-
-After creating `useWindowLocation` hook. Let's create `QRCodeContainer`:
-
-<CodeTitle title="components/QRCodeContainer.js" lang="jsx" />
-```jsx
-/* Importing Modules */
-import QRCode from "react-qr-code";
-import Ripples from "react-ripples";
-import useWindowLocation from "@hooks/useWindowLocation";
-import { CgClose } from "react-icons/cg";
-import { AnimatePresence, motion } from "framer-motion";
-import { useDarkMode } from "@context/darkModeContext";
-
-export default function QRCodeContainer({ showQR, setShowQR }) {
-  /* Get the Current URL from the hook that we have just created */
-  const { currentURL } = useWindowLocation();
-  const { isDarkMode } = useDarkMode();
-
-  /* As I have added download QR Code button then we need to create it as image
-   * I am just creating a 2D canvas and drawing then Converting that canvas to image/png and generating a download link
-   */
-  function downloadQRCode() {
-    const svg = document.getElementById("QRCode");
-    const svgData = new XMLSerializer().serializeToString(svg);
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
-    const img = new Image();
-    img.onload = () => {
-      canvas.width = img.width;
-      canvas.height = img.height;
-      ctx.drawImage(img, 0, 0);
-      const pngFile = canvas.toDataURL("image/png");
-      const downloadLink = document.createElement("a");
-      downloadLink.download = "QRCode";
-      downloadLink.href = `${pngFile}`;
-      downloadLink.click();
-    };
-    img.src = `data:image/svg+xml;base64,${btoa(svgData)}`;
-  }
-
-  return (
-    <>
-      <AnimatePresence>
-        {showQR && (
-          <motion.div
-            initial="hidden"
-            whileInView="visible"
-            exit="hidden"
-            variants={{
-              hidden: { y: "100vh", opacity: 0 },
-              visible: {
-                y: 0,
-                opacity: 1,
-              },
-            }}
-            transition={{
-              type: "spring",
-              bounce: 0.15,
-            }}
-            className="bg-white dark:bg-darkSecondary fixed inset-0  grid place-items-center"
-            style={{ zIndex: 10000 }}
-          >
-            <button
-              className="outline-none absolute right-5 top-5 text-black dark:text-white"
-              onClick={() => setShowQR(false)}
-            >
-              <CgClose className="w-8 h-8" />
-            </button>
-
-            <div className="text-black dark:text-white flex flex-col gap-2">
-              <h1 className="font-semibold text-xl">Share this page</h1>
-              <QRCode
-                id="QRCode"
-                value={currentURL}
-                bgColor={isDarkMode ? "#25282a" : "white"}
-                fgColor={isDarkMode ? "white" : "#25282a"}
-              />
-
-              <Ripples
-                className="mt-2"
-                color={
-                  isDarkMode ? "rgba(0,0,0, 0.2)" : "rgba(225, 225, 225, 0.2)"
-                }
-              >
-                <button
-                  className="w-full  px-3 py-2 font-medium bg-darkPrimary dark:bg-gray-100 text-white dark:text-darkPrimary rounded text-sm"
-                  onClick={downloadQRCode}
-                >
-                  Download
-                </button>
-              </Ripples>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </>
-  );
-}
-```
-
-After implementing all the things I mentioned above You have created a footer and it will look something like this:
-
-![footer gif](https://i.imgur.com/u2I60b9.gif)
-
-Our Layout is complete now. If you haven't add this layout to `_app.js` then do that now:
-
-<CodeTitle title="pages/_app.js" lang="js" />
-```jsx
-/* previous code */
-import Layout from "@layout/Layout";
-
-function MyApp({ Component, pageProps }) {
-  return (
-    <DarkModeProvider>
-      <Layout>
-        <Component {...pageProps} />
-      </Layout>
-    </DarkModeProvider>
-  );
-}
-
-export default MyApp;
-```
-
-## Adding NProgressbar
-
-NProgress is a tiny JavaScript plugin for creating a slim and nanoscopic progress bar that features realistic trickle animations to convince your users that something is happening. This will show the progress bar at the top of the webpage.
-
-### Installing nprogress
-
-Run the following command to install the `nprogress`
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i nprogress
-```
-
-### Using nprogress
-
-After installing `nprogress` we need to use that in our `pages/_app.js`:
-
-<CodeTitle title="pages/_app.js" lang="js" />
-```jsx
-/* ............Previous Code......... */
-
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import NProgress from "nprogress";
-import "nprogress/nprogress.css";
-
-/* Progressbar Configurations */
-NProgress.configure({
-  easing: "ease",
-  speed: 800,
-  showSpinner: false,
-});
-
-function MyApp({ Component, pageProps }) {
-  const router = useRouter();
-
-  useEffect(() => {
-    const start = () => {
-      NProgress.start();
-    };
-    const end = () => {
-      NProgress.done();
-    };
-    router.events.on("routeChangeStart", start);
-    router.events.on("routeChangeComplete", end);
-    router.events.on("routeChangeError", end);
-    return () => {
-      router.events.off("routeChangeStart", start);
-      router.events.off("routeChangeComplete", end);
-      router.events.off("routeChangeError", end);
-    };
-  }, [router.events]);
-
-  return (
-    <DarkModeProvider>
-      <Layout>
-        <Component {...pageProps} />
-      </Layout>
-    </DarkModeProvider>
-  );
-}
-
-export default MyApp;
-```
-
-That's all we need to do to make that work. The above `useEffect` will run as the route changes and according to that, it will handle the NProgress.
-
-## Adding Fonts
-
-In the starting of the project we added some fonts to `tailwind.config.js`
-
-<CodeTitle title="tailwind.config.js" lang="js" />
-```js
-/* ...... */
-  fontFamily: {
-      inter: ["Inter", "sans-serif"],
-      sarina: ["Sarina", "cursive"],
-      barlow: ["Barlow", "sans-serif"],
-      mono: ["monospace"],
-  },
-/* ...... */
-```
-
-Now we need to install them. There are many ways you can use these fonts such as-
-
-- by using `@import`
-- by using `link`
-
-But we are not going to use them in this way. We are going to download these fonts locally and then we'll use them. This is because it will take time if your browser fetches the fonts every time users visit your website. It takes time and by using them locally , we can use `Cache-Control`. Which will cache the fonts and load faster.
-
-> I am using [Vercel](https://vercel.com/) to host my website and I guess you should too because it can provide `Cache-Control` which we will implement in just a moment.
-
-### Downloading Fonts
-
-Good for you, you don't have to download each one of them individually. Follow the following steps:
-
-- Download these fonts from [Here](https://bit.ly/ProjectFonts) as zip
-- Extract the zip
-- Create a `fonts` folder inside the `public` folder if you don't have any
-- Put all the fonts inside that folder like this:
-
-<CodeTitle title="Files" lang="directory" />
-```text
-my-project/
-├── components
-├── pages
-└── public/
-    └── fonts/
-        ├── Barlow/
-        │   ├── Barlow-400.woff2
-        │   ├── Barlow-500.woff2
-        │   ├── Barlow-600.woff2
-        │   ├── Barlow-700.woff2
-        │   └── Barlow-800.woff2
-        ├── Sarina/
-        │   └── Sarina-400.woff2
-        └── Inter-var.woff2
-```
-
-Now you have downloaded and saved fonts in the right place. Let's add them now.
-
-### Link the fonts
-
-#### Add fonts in `_document.js`
-
-Now we need to link or add the fonts in `pages/_document.js`. Create one if you don't have one:
-
-<CodeTitle title="pages/_document.js" lang="js" />
-```jsx
-import { Html, Head, Main, NextScript } from "next/document";
-
-export default function Document() {
-  return (
-    <Html lang="en">
-      <Head>
-        {/* Barlow */}
-        <link
-          rel="preload"
-          href="/fonts/Barlow/Barlow-400.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Barlow/Barlow-500.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Barlow/Barlow-600.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Barlow/Barlow-700.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Barlow/Barlow-800.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-
-        {/* Inter */}
-        <link
-          rel="preload"
-          href="/fonts/Inter-var.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        {/* Sarina */}
-        <link
-          rel="preload"
-          href="/fonts/Sarina/Sarina-400.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-
-        {/* Tailwind CSS Typography  */}
-        <link
-          rel="stylesheet"
-          href="https://unpkg.com/@tailwindcss/typography@0.4.x/dist/typography.min.css"
-        />
-      </Head>
-      <body>
-        <Main />
-        <NextScript />
-      </body>
-    </Html>
-  );
-}
-```
-
-#### Add fonts in `global.css`
-
-We need to use `@font-face` for font optimization:
-
-<CodeTitle title="styles/global.css" lang="css" />
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-400.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-500.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-600.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-700.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 800;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-800.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url(/fonts/Inter-var.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Sarina";
-  font-style: normal;
-  font-weight: normal;
-  font-display: swap;
-  src: url(/fonts/Sarina/Sarina-400.woff2) format("woff2");
-}
-```
-
-#### Adding fonts to `vercel.json`
-
-This step is important as we are using [Vercel](https://vercel.com/) as a hosting platform and we need to use the `Cache-Control`. So `vercel.json` is like the following code:
-
-<CodeTitle title="vercel.json" lang="vercel" />
-```js
-{
-  "$schema": "https://openapi.vercel.sh/vercel.json",
-  "cleanUrls": true,
-  "headers": [
-    {
-      "source": "/fonts/Barlow/Barlow-400.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Barlow/Barlow-500.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Barlow/Barlow-600.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Barlow/Barlow-700.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Barlow/Barlow-800.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Inter-var.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    },
-    {
-      "source": "/fonts/Sarina/Sarina-400.woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    }
-  ],
-}
-```
-
-That's all we need to do to add fonts in the project.
-
-## Adding Styling
-
-I am using [TailwindCSS](https://tailwindcss.com/docs/) to style the projects, but we need some custom styling which will take place in `styles/global.css`. The following styles and classes will be used throughout the project. So just Copy Paste the following in your `styles/global.css` (Don't add duplicates):
-
-<CodeTitle title="styles/global.css" lang="css" />
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-400.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-500.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-600.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-700.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 800;
-  font-display: swap;
-  src: url(/fonts/Barlow/Barlow-800.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url(/fonts/Inter-var.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Sarina";
-  font-style: normal;
-  font-weight: normal;
-  font-display: swap;
-  src: url(/fonts/Sarina/Sarina-400.woff2) format("woff2");
-}
-
-body,
-html {
-  overflow-x: hidden;
-  scroll-behavior: auto;
-}
-body::-webkit-scrollbar {
-  width: 6px;
-}
-
-/* Adding Scroll Margin for top */
-* {
-  scroll-margin-top: 80px;
-}
-@media screen and (max-width: 640px) {
-  * {
-    scroll-margin-top: 60px;
-  }
-  body::-webkit-scrollbar {
-    width: 2px;
-  }
-}
-
-pre::-webkit-scrollbar {
-  display: none;
-}
-
-body.dark {
-  background-color: #181a1b;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background-color: #b3b3b3;
-}
-
-.dark::-webkit-scrollbar-thumb {
-  background-color: #393e41;
-}
-
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-.lock-scroll {
-  overflow: hidden !important;
-}
-
-/* For preventing the blue highlight color box on tap(click) */
-* {
-  -webkit-tap-highlight-color: transparent;
-}
-
-.truncate-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.truncate-3 {
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.auto-row {
-  -webkit-margin-before: auto;
-  margin-block-start: auto;
-}
-
-/* Code Line Highlighting START */
-code {
-  counter-reset: line;
-}
-
-code span.line {
-  padding: 2px 12px;
-  border-left: 4px solid transparent;
-}
-
-code > .line::before {
-  counter-increment: line;
-  content: counter(line);
-
-  /* Other styling */
-  display: inline-block;
-  width: 1rem;
-  margin-right: 1rem;
-  text-align: right;
-  color: gray;
-  font-weight: 500;
-  border-right: 4px solid transparent;
-}
-
-.highlighted {
-  background: rgba(200, 200, 255, 0.1);
-  border-left: 4px solid #3777de !important;
-  filter: saturate(1.5);
-}
-/* Code Line Highlighting ENDS */
-
-/* Nprogress bar Custom Styling (force) : STARTS */
-#nprogress .bar {
-  background-color: rgba(0, 89, 255, 0.7) !important;
-  height: 3px !important;
-}
-.dark #nprogress .bar {
-  background: #fff !important;
-}
-#nprogress .peg {
-  box-shadow: none !important;
-}
-/* Nprogress bar Custom Styling (force) : ENDS */
-
-.blogGrid {
-  display: grid;
-  grid-template-columns: 300px 1fr;
-  grid-template-rows: 1fr;
-}
-
-/* Layers Components or the custom class extends with tailwind */
-@layer components {
-  .bottom_nav_icon {
-    @apply mb-[2px] text-2xl cursor-pointer;
-  }
-  .top-nav-link {
-    @apply list-none mx-1 px-3 py-1 border-black dark:border-white transition-all duration-200 hover:rounded-md hover:bg-gray-100 dark:hover:bg-darkSecondary cursor-pointer text-lg font-semibold select-none sm:text-sm md:text-base;
-  }
-  .contact_field {
-    @apply text-sm font-medium text-black dark:text-white w-full px-4 py-2 m-2 rounded-md border-none outline-none shadow-inner shadow-slate-200 dark:shadow-zinc-800 focus:ring-1 focus:ring-purple-500 dark:bg-darkPrimary dark:placeholder-gray-500;
-  }
-  .title_of_page {
-    @apply text-center text-xl font-bold  dark:bg-darkPrimary dark:text-gray-100;
-  }
-  .icon {
-    @apply text-2xl sm:text-3xl m-1 transform duration-200 lg:hover:scale-150 text-zinc-500 hover:text-zinc-800 dark:hover:text-white cursor-pointer;
-  }
-
-  .page_container {
-    @apply p-5 md:px-24 pb-10 dark:bg-darkPrimary dark:text-gray-200 grid gap-6 grid-cols-1 sm:grid-cols-2  lg:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5;
-  }
-
-  .blog_bottom_icon {
-    @apply text-3xl p-1 bg-gray-100 dark:bg-darkSecondary sm:bg-transparent ring-1 dark:ring-gray-500 ring-gray-300 sm:hover:bg-gray-100 rounded-md cursor-pointer ml-1;
-  }
-  .blog_bottom_button {
-    @apply block sm:hidden py-1 w-full lg:hover:bg-gray-300 cursor-pointer bg-gray-200 rounded-md transform duration-100 active:scale-90 select-none;
-  }
-  .user_reaction {
-    @apply flex font-semibold items-center cursor-pointer w-full justify-center sm:justify-start sm:w-auto space-x-1 text-base;
-  }
-  .project_link {
-    @apply text-center bg-gray-200 p-2 my-1 rounded-full dark:bg-darkSecondary dark:text-white cursor-pointer shadow dark:shadow-gray-500;
-  }
-  .clickable_button {
-    @apply transform duration-100 active:scale-90 lg:hover:scale-105;
-  }
-
-  .home-section-container {
-    @apply flex gap-2 overflow-x-scroll p-5 md:px-24 w-full min-h-[200px] select-none snap-x lg:snap-none;
-  }
-  .home-content-section {
-    @apply relative min-w-[250px] xl:min-w-[300px] break-words shadow shadow-black/20 dark:shadow-white/20 dark:bg-darkSecondary ring-gray-400 rounded-xl p-3 cursor-pointer select-none  lg:hover:scale-105 scale-95 transition bg-white snap-center lg:snap-align-none md:first:ml-24 md:last:mr-24;
-  }
-  .blog-hover-button {
-    @apply flex items-center space-x-2 border-2 border-white dark:border-zinc-600 px-3 py-1 font-semibold w-min text-white dark:text-white hover:bg-white dark:hover:bg-zinc-600 hover:text-black;
-  }
-  .hover-slide-animation {
-    @apply relative overflow-hidden before:absolute before:h-full before:w-40 before:bg-stone-900 dark:before:bg-gray-50 before:opacity-10 dark:before:opacity-5 before:-right-10 before:-z-10 before:rotate-[20deg] before:scale-y-150 before:top-4 hover:before:scale-[7] before:duration-700;
-  }
-  .pageTop {
-    @apply mt-[44px] md:mt-[60px] max-w-4xl 2xl:max-w-5xl 3xl:max-w-7xl relative mx-auto p-4 mb-10 text-neutral-900 dark:text-neutral-200;
-  }
-  .utilities-svg {
-    @apply !pointer-events-none mb-4 w-8 h-8;
-  }
-  .card {
-    @apply bg-white dark:bg-darkSecondary p-5 sm:p-10 flex flex-col sm:flex-row gap-8 items-center max-w-2xl shadow-md rounded-lg mt-[30%] sm:mt-8 transition-all;
-  }
-  .blog-container {
-    @apply !w-full dark:text-neutral-400 my-5 font-medium;
-  }
-}
-
-@layer base {
-  body {
-    @apply font-inter bg-darkWhite;
-  }
-  button {
-    @apply outline-none;
-  }
-  hr {
-    @apply !mx-auto !w-1/2 h-0.5 !bg-gray-700 dark:!bg-gray-300 border-0 !rounded-full;
-  }
-
-  table {
-    @apply !border-collapse text-left;
-  }
-
-  table thead tr > th,
-  table tbody tr > td {
-    @apply !p-2 border border-gray-400 align-middle;
-  }
-
-  table thead tr > th {
-    @apply text-black dark:text-white;
-  }
-
-  table thead tr {
-    @apply align-text-top;
-  }
-  table th {
-    @apply font-bold;
-  }
-  table a {
-    @apply !text-blue-500 dark:!text-blue-400;
-  }
-
-  strong {
-    @apply !text-black dark:!text-white !font-bold;
-  }
-
-  /* For Blog page to remove the underline  */
-  h2 > a,
-  h3 > a,
-  h4 > a,
-  h5 > a,
-  h6 > a {
-    @apply !text-black dark:!text-white !font-bold !no-underline;
-  }
-}
-
-@layer utilities {
-  /* Hiding the arrows in the input number */
-  input[type="number"]::-webkit-inner-spin-button,
-  input[type="number"]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-}
-```
-
-## Adding SEO Support
-
-We need to use metadata to improve SEO. So Before Creating pages and portfolio, let's add support for SEO.
-
-### Create MetaData
-
-We need metadata to add that to the website to improve SEO.So I have created a static Data file that contains the title, description, image (when the page is shared), and keywords. Copy and paste the following code inside `content/meta.js` and update this with your information.
-
-<CodeTitle title="content/meta.js" lang="js" />
-```js
-export default {
-  home: {
-    title: "",
-    description:
-      "Hey, I am Jatin Sharma. A Front-end Developer/React Developer from India who loves to design and code. I use React.js or Next.js to build the web application interfaces and the functionalities. At the moment, I am pursuing my Bachelor's degree in Computer Science.",
-    image: "https://imgur.com/KeJgIVl.png",
-    keywords: "portfolio jatin, portfolio j471n, jatin blogs",
-  },
-
-  stats: {
-    title: "Statistics -",
-    description:
-      "These are my personal statistics about me. It includes My Blogs and github Stats and top music stats.",
-    image: "https://imgur.com/9scFfW5.png",
-    keywords: "stats, Statistics",
-  },
-  utilities: {
-    title: "Utilities - ",
-    description:
-      "In case you are wondering What tech I use, Here's the list of what tech I'm currently using for coding on the daily basis. This list is always changing.",
-    image: "https://imgur.com/MpfymCd.png",
-    keywords: "Utilities, what i use?, utils, setup, uses,",
-  },
-  blogs: {
-    title: "Blogs -",
-    description:
-      "I've been writing online since 2021, mostly about web development and tech careers. In total, I've written more than 50 articles till now.",
-    image: "https://imgur.com/nbNLLZk.png",
-    keywords: "j471n blog, blog, webdev, react",
-  },
-
-  bookmark: {
-    title: "Bookmarks -",
-    description: "Bookmarked Blogs of Jatin Sharma's blogs by you",
-    image: "https://imgur.com/5XkrVPq.png",
-    keywords: "bookmark, blogs, ",
-  },
-  certificates: {
-    title: "Certificates -",
-    description:
-      "I've participated in many contests, courses and test and get certified in many skills. You can find the certificates below.",
-    image: "https://imgur.com/J0q1OdT.png",
-    keywords: "Certificates, verified",
-  },
-  projects: {
-    title: "Projects -",
-    description:
-      "I've been making various types of projects some of them were basics and some of them were complicated.",
-    image: "https://imgur.com/XJqiuNK.png",
-    keywords: "projects, work, side project,",
-  },
-  about: {
-    title: "About -",
-    description:
-      "Hey, I am Jatin Sharma. A Front-end Developer/React Developer from India who loves to design and code. I use React.js or Next.js to build the web application interfaces and the functionalities. At the moment, I am pursuing my Bachelor's degree in Computer Science.",
-    image: "https://imgur.com/b0HRaPv.png",
-    keywords: "about",
-  },
-};
-```
-
-### Creating Meta Data Component
-
-We need a Component that we can use on every page that uses the above metadata and add that to the `head` of the page. There is one more reason we need that we'll create this app as PWA. Copy & Paste the above code inside `components/MetaData.js`
-
-<CodeTitle title="components/MetaData.js" lang="jsx" />
-```jsx
-import Head from "next/head";
-import useWindowLocation from "@hooks/useWindowLocation";
-
-export default function MetaData({
-  title,
-  description,
-  previewImage,
-  keywords,
-}) {
-  const { currentURL } = useWindowLocation();
-
-  return (
-    <Head>
-      <meta charSet="utf-8" />
-      <meta
-        name="viewport"
-        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
-      />
-      <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
-      <meta name="description" content={description || "Jatin Sharma"} />
-      <title>{`${title || ""} Jatin Sharma`}</title>
-      <meta name="theme-color" content="#000" />
-      <link rel="shortcut icon" href="/favicon.ico" />
-      <link rel="manifest" href="/manifest.json" />
-      <link rel="apple-touch-icon" href="/icons/icon-192x192.png"></link>
-      <meta httpEquiv="Content-Type" content="text/html; charset=UTF-8" />
-      <meta name="author" content="Jatin Sharma"></meta>
-      <meta name="robots" content="index,follow" />
-      <meta
-        name="keywords"
-        content={`${keywords || ""} Jatin, Jatin sharma, j471n, j471n_`}
-      />
-
-      {/* Og */}
-      <meta property="og:title" content={`${title || ""} Jatin Sharma`} />
-      <meta property="og:description" content={description || "Jatin Sharma"} />
-      <meta property="og:site_name" content="Jatin Sharma" />
-      <meta property="og:url" content={currentURL} key="ogurl" />
-      <meta property="og:image" content={previewImage || ""} />
-
-      {/* Twitter */}
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:creator" content="@j471n_" />
-      <meta name="twitter:title" content={`${title || ""} Jatin Sharma`} />
-      <meta name="twitter:description" content={description} />
-      <meta name="twitter:image" content={previewImage || ""} />
-      <meta name="twitter:image:alt" content={title || "Jatin Sharma"}></meta>
-      <meta name="twitter:domain" content={currentURL} />
-    </Head>
-  );
-}
-```
-
-## Homepage
-
-We have added almost everything we need to start the project. Let's Create our Homepage First. It will have four sections:
-
-- User Profile
-- Skills
-- Recent Posts
-- Contact (Get in Touch)
-
-We will create them one by one.
-
-### User Profile
-
-This is the first section of the homepage. which should look like this:
-
-![profile section](https://imgur.com/ilfd84u.png)
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-import Image from "next/image";
-import {
-  FadeContainer,
-  headingFromLeft,
-  opacityVariant,
-  popUp,
-} from "@content/FramerMotionVariants";
-import { homeProfileImage } from "@utils/utils"; // not created yet
-import { motion } from "framer-motion";
-import { FiDownload } from "react-icons/fi";
-import Ripples from "react-ripples";
-import Metadata from "@components/MetaData";
-import pageMeta from "@content/meta";
-
-export default function Home() {
-  return (
-    <>
-      <Metadata
-        description={pageMeta.home.description}
-        previewImage={pageMeta.home.image}
-        keywords={pageMeta.home.keywords}
-      />
-    </>
-  );
-}
-```
-
-The above code just adds the `meta-data` to the page. One thing we haven't created yet is `homeProfileImage`. Let's create it quick:
-
-Inside `utils/utils.js` add your profile image URL (It should be in png or jpg format)
-
-<CodeTitle title="utils/utils.js" lang="js" />
-```js
-export const homeProfileImage = "https://imgur.com/mKrXwWF.png";
-```
-
-Now we are good. We just need to add JSX to the `index.js` let's add that too.
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* ...........Previous code.......... */
-
-export default function Home({ blogs, skills }) {
-  return (
-    <>
-      <Metadata
-        description={pageMeta.home.description}
-        previewImage={pageMeta.home.image}
-        keywords={pageMeta.home.keywords}
-      />
-
-      {/* Following is the new Code */}
-      <div className="relative dark:bg-darkPrimary dark:text-gray-100 max-w-4xl 2xl:max-w-5xl 3xl:max-w-7xl mx-auto">
-        <motion.section
-          initial="hidden"
-          whileInView="visible"
-          variants={FadeContainer}
-          viewport={{ once: true }}
-          className="grid place-content-center py-20  min-h-screen"
-        >
-          <div className="w-full relative mx-auto flex flex-col items-center gap-10">
-            <motion.div
-              variants={popUp}
-              className="relative w-44 h-44 xs:w-52 xs:h-52 flex justify-center items-center rounded-full p-3 before:absolute before:inset-0 before:border-t-4 before:border-b-4 before:border-black before:dark:border-white before:rounded-full before:animate-photo-spin"
-            >
-              <Image
-                src={homeProfileImage}
-                className="rounded-full shadow filter saturate-0"
-                width={400}
-                height={400}
-                alt="cover Profile Image"
-                quality={75}
-                priority={true}
-              />
-            </motion.div>
-
-            <div className="w-full flex flex-col p-5 gap-3 select-none text-center ">
-              <div className="flex flex-col gap-1">
-                <motion.h1
-                  variants={opacityVariant}
-                  className="text-5xl lg:text-6xl font-bold font-sarina"
-                >
-                  Jatin Sharma
-                </motion.h1>
-                <motion.p
-                  variants={opacityVariant}
-                  className="font-medium text-xs md:text-sm lg:text-lg text-gray-500"
-                >
-                  React Developer, Competitive Programmer
-                </motion.p>
-              </div>
-
-              <motion.p
-                variants={opacityVariant}
-                className=" text-slate-500 dark:text-gray-300 font-medium text-sm md:text-base text-center"
-              >
-                I am currently perusing my Bachelor Degree in Computer Science.
-                I can code in Python, C, C++, etc.
-              </motion.p>
-            </div>
-
-            <motion.div className="rounded-md overflow-hidden" variants={popUp}>
-              <Ripples className="w-full" color="rgba(0, 0, 0, 0.5)">
-                <button
-                  className="flex items-center gap-2 px-5 py-2 border rounded-md border-gray-500 dark:border-gray-400 select-none  hover:bg-gray-100 dark:hover:bg-neutral-800 outline-none"
-                  onClick={() => window.open("/resume")}
-                >
-                  <FiDownload />
-                  <p>Resume</p>
-                </button>
-              </Ripples>
-            </motion.div>
-          </div>
-        </motion.section>
-      </div>
-    </>
-  );
-}
-```
-
-In the above code, when the resume button is Clicked, we are directing the user to `/resume` route which we have not created yet. We won't create it because we are going to use `vercel.json` to redirect the user. Let's see how we do that:
-
-<CodeTitle title="vercel.json" lang="vercel" />
-```js
-{
-  "$schema": "https://openapi.vercel.sh/vercel.json",
-  "cleanUrls": true,
-  "headers": [
-    /* ......Fonts...... */
-  ],
-  "redirects": [
-    {
-      "source": "/home",
-      "destination": "/"
-    },
-    {
-      "source": "/resume",
-      "destination": "/resume.pdf"
-    },
-  ]
-}
-```
-
-The above code shows that we redirect the user from `/home` to `/` and `/resume` to `/resume.pdf`. You just need to put your resume as a pdf in the `public` directory. which will later look like this:
-
-<CodeTitle title="Files" lang="directory" />
-```text
-my-project/
-├── components
-├── pages
-└── public/
-    ├── fonts/
-    └── resume.pdf
-```
-
-### Skills
-
-This is the second section of the homepage. which should look like this:
-![skills](https://imgur.com/ZHnEo78.png)
-
-For Skills, I have also used static data. which you can manipulate.
-
-**Create `content/skillsData.js`**
-
-<CodeTitle title="content/skillsData.js" lang="js" />
-```js
-module.exports = [
-  {
-    name: "HTML",
-    level: 100,
-    pinned: false,
-  },
-  {
-    name: "CSS",
-    level: 95,
-    pinned: true,
-  },
-  {
-    name: "Javascript",
-    level: 80,
-    pinned: true,
-  },
-  {
-    name: "SASS",
-    level: 80,
-    pinned: false,
-  },
-  {
-    name: "React.js",
-    level: 80,
-    pinned: true,
-  },
-  {
-    name: "Next.js",
-    level: 80,
-    pinned: true,
-  },
-  {
-    name: "Tailwind CSS",
-    level: 100,
-    pinned: true,
-  },
-
-  /* .....Add more..... */
-];
-```
-
-The above code returns the array of objects and each object contains three keys:
-
-- **name**: name of the skill
-- **level**: how well you know the skill (optional)
-- **pinned**: (true/false) skill will show on the home screen if it is true
-
-We will need to create two things:
-
-- **getPinnedSkills**: function that returns only pinned skills
-- **SkillSection**: Component for skills
-
-#### Creating `getPinnedSkills`
-
-Create `lib/dataFetch.js` and inside that add the following code:
-
-<CodeTitle title="lib/dataFetch.js" lang="js" />
-```js
-import skills from "@content/skillsData";
-
-export function getPinnedSkills() {
-  return skills.filter((skill) => skill.pinned);
-}
-```
-
-That's it, now we need to implement them in `pages/index.js`:
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* ...............Previous Code........... */
-import { getPinnedSkills } from "@lib/dataFetch";
-
-
-/* HomePage Component */
-- export default function Home() {
-+ export default function Home({ skills ) {
-
-/* .....New Code........ */
-export async function getStaticProps() {
-  const skills = getPinnedSkills();
-  return {
-    props: { skills },
-  };
-}
-```
-
-Add `getStaticProps` at the bottom of the `index.js` and call `getPinnedSkills` it returns `skills` as props which we can use inside the `Home` component.
-
-> Here `+` shows what is added and `-` shows what is deleted.
-
-#### Creating `SkillSection` Component
-
-Now we are creating a separate component for Skills.
-
-<CodeTitle title="components/Home/SkillSection.js" lang="jsx" />
-```jsx
-import { FadeContainer, popUp } from "@content/FramerMotionVariants";
-import { HomeHeading } from "../../pages"; // ----> not created yet
-import { motion } from "framer-motion";
-import {
-  SiHtml5,
-  SiCss3,
-  SiJavascript,
-  SiNextdotjs,
-  SiTailwindcss,
-  SiPython,
-  SiGit,
-  SiMysql,
-  SiFirebase,
-} from "react-icons/si";
-import { FaReact } from "react-icons/fa";
-import { useDarkMode } from "@context/darkModeContext";
-import * as WindowsAnimation from "@lib/windowsAnimation"; //-----> not created yet
-
-export default function SkillSection({ skills }) {
-  const { isDarkMode } = useDarkMode();
-
-  return (
-    <section className="mx-5">
-      <HomeHeading title="My Top Skills" />
-
-      <motion.div
-        initial="hidden"
-        whileInView="visible"
-        variants={FadeContainer}
-        viewport={{ once: true }}
-        className="grid my-10 gap-4 grid-cols-3"
-      >
-        {skills.map((skill, index) => {
-          const Icon = chooseIcon(skill.name.toLowerCase());
-          return (
-            <motion.div
-              variants={popUp}
-              key={index}
-              title={skill.name}
-              onMouseMove={(e) =>
-                WindowsAnimation.showHoverAnimation(e, isDarkMode)
-              }
-              onMouseLeave={(e) => WindowsAnimation.removeHoverAnimation(e)}
-              className="p-4 flex items-center justify-center sm:justify-start gap-4 bg-gray-50 hover:bg-white dark:bg-darkPrimary hover:dark:bg-darkSecondary border rounded-sm border-gray-300 dark:border-neutral-700 transform origin-center md:origin-top group"
-            >
-              <div className="relative transition group-hover:scale-110 sm:group-hover:scale-100 select-none pointer-events-none">
-                <Icon className="w-8 h-8" />
-              </div>
-              <p className="hidden sm:inline-flex text-sm md:text-base font-semibold select-none pointer-events-none">
-                {skill.name}
-              </p>
-            </motion.div>
-          );
-        })}
-      </motion.div>
-    </section>
-  );
-}
-
-/* To choose the Icon according to the Name */
-function chooseIcon(title) {
-  let Icon;
-  switch (title) {
-    case "python":
-      Icon = SiPython;
-      break;
-    case "javascript":
-      Icon = SiJavascript;
-      break;
-    case "html":
-      Icon = SiHtml5;
-      break;
-    case "css":
-      Icon = SiCss3;
-      break;
-    case "next.js":
-      Icon = SiNextdotjs;
-      break;
-    case "react.js":
-      Icon = FaReact;
-      break;
-    case "tailwind css":
-      Icon = SiTailwindcss;
-      break;
-    case "firebase":
-      Icon = SiFirebase;
-      break;
-    case "git":
-      Icon = SiGit;
-      break;
-    case "git":
-      Icon = SiGit;
-      break;
-    case "mysql":
-      Icon = SiMysql;
-      break;
-    default:
-      break;
-  }
-  return Icon;
-}
-```
-
-In the above code, we are creating a `grid` that shows the skills with their icon. as we did not add icons to the `content/skillData.js`. So here we are choosing the Icon (I know that's not the best way). We add the windows hover animation `onMouseMove` and remove it `onMouseLeave`. We will create that in a moment. We have not created two things in the above code:
-
-- `HomeHeading`: Animated Heading for the Project
-- `WindowsAnimation`: Windows Hover animation for Skill Card
-
-**Creating `HomeHeading` Component**
-
-You can create `HomeHeading` Component in your components folder, but I create inside `pages/index.js` at the bottom:
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* ......Home page Component....... */
-
-export function HomeHeading({ title }) {
-  return (
-    <AnimatedHeading
-      className="w-full font-bold text-3xl text-left my-2 font-inter"
-      variants={headingFromLeft}
-    >
-      {title}
-    </AnimatedHeading>
-  );
-}
-
-/* ......getStaticProps()....... */
-```
-
-In the above code, We haven't created `AnimatedHeading` yet. You can find that [here](#animatedheading)
-
-**Creating `WindowsAnimation`**
-
-We will create a window's hover animation for the Skill card. For that Create a file `lib/WindowsAnimation.js`:
-
-<CodeTitle title="lib/WindowsAnimation.js" lang="js" />
-```js
-export function showHoverAnimation(e, isDarkMode) {
-  const rect = e.target.getBoundingClientRect();
-  const x = e.clientX - rect.left; // x position within the element.
-  const y = e.clientY - rect.top; // y position within the element.
-
-  if (isDarkMode) {
-    e.target.style.background = `radial-gradient(circle at ${x}px ${y}px , rgba(255,255,255,0.2),rgba(255,255,255,0) )`;
-    e.target.style.borderImage = `radial-gradient(20% 75% at ${x}px ${y}px ,rgba(255,255,255,0.7),rgba(255,255,255,0.1) ) 1 / 1px / 0px stretch `;
-  }
-}
-
-export function removeHoverAnimation(e) {
-  e.target.style.background = null;
-  e.target.style.borderImage = null;
-}
-```
-
-It has two functions `showHoverAnimation` to show the animation and `removeHoverAnimation` to remove the animation the cursor is removed. After implementing that it looks something like this (It's for dark mode only):
-
-![windows hover animation](https://i.imgur.com/qIEkXrF.gif)
-
-Now we just need to import `SkillSection` into `pages/index.js`:
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* ...Other imports.... */
-import BlogsSection from "@components/Home/BlogsSection";
-
-export default function Home({ blogs, skills }) {
-  /*....other code */
-  return (
-    <>
-      {/* previous JSX */}
-      <SkillSection skills={skills} />
-    </>
-  );
-}
-
-/* ........other code....... */
-```
-
-### Recent Posts
-
-To implement this functionality we need to create a Blog. For this, I am using [MDX](https://mdxjs.com/). We are going to cover this later in this article when we will create a Blog page. or you can directly jump on [Blog](#blog) section.
-
-### Contact
-
-Now We need to Create a Contact Form through which any person can contact me via Email. We are going to use [Email.js](https://www.emailjs.com/docs/examples/reactjs/) to send the mail You can see their docs to set up (it's very simple to setup). If you want you can use something else its totally up to you. Our contact form looks like this:
-
-![Contact Section](https://imgur.com/tt06a8S.png)
-
-#### Installing dependencies
-
-You need to install two dependencies before we start building the form:
-
-- [react-toastify](https://www.npmjs.com/package/react-toastify): allows you to add notifications to your app
-- [@emailjs/browser](https://www.npmjs.com/package/@emailjs/browser): To send the emails
-
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i react-toastify @emailjs/browser
-```
-
-#### Creating Contact Component
-
-First Create a file name `index.js` inside `components/Contact` folder:
-
-<CodeTitle title="components/Contact/index.js" lang="jsx" />
-```jsx
-export { default } from "./Contact";
-```
-
-In the above code, we are importing `Contact` Component. let's create it:
-
-<CodeTitle title="components/Contact.js" lang="jsx" />
-```jsx
-/* importing modules */
-import React from "react";
-import { popUpFromBottomForText } from "../../content/FramerMotionVariants";
-import AnimatedHeading from "../FramerMotion/AnimatedHeading";
-import "react-toastify/dist/ReactToastify.css";
-
-import ContactForm from "./ContactForm"; // ======>> not created yet
-import AnimatedText from "../FramerMotion/AnimatedText"; // ======>> not created yet
-
-export default function Contact() {
-  return (
-    <div id="contact" className="dark:bg-darkPrimary !relative">
-      {/* Get in touch top section */}
-      <section className="w-full-width text-center pt-6 dark:bg-darkPrimary dark:text-white">
-        <AnimatedHeading
-          variants={popUpFromBottomForText}
-          className="font-bold text-4xl"
-        >
-          Get in touch
-        </AnimatedHeading>
-
-        <AnimatedText
-          variants={popUpFromBottomForText}
-          className="px-4 py-2 font-medium text-slate-400"
-        >
-          Have a little something, something you wanna talk about? Please feel
-          free to get in touch anytime, whether for work or to just Hi 🙋‍♂️.
-        </AnimatedText>
-      </section>
-
-      {/* Wrapper Container */}
-      <section className="flex flex-col lg:flex-row w-full mx-auto px-5 dark:bg-darkPrimary dark:text-white lg:pb-10">
-        {/* Left Contact form section */}
-        <div className="w-full mx-auto mt-10">
-          <AnimatedHeading
-            variants={popUpFromBottomForText}
-            className="text-2xl font-bold w-full text-center my-2"
-          >
-            Connect with me
-          </AnimatedHeading>
-
-          <ContactForm />
-        </div>
-      </section>
-    </div>
-  );
-}
-```
-
-The above code is simple. We just didn't create two things:
-
-- `AnimatedText`: Animation paragraph
-- `ContactForm`: form component
-
-You can find `AnimatedText` component [Here](#animatedtext)
-
-#### Creating ContactForm Component
-
-<CodeTitle title="components/Contact/ContactForm.js" lang="jsx" />
-```jsx
-import { useState } from "react";
-import { AiOutlineLoading } from "react-icons/ai";
-import { ToastContainer, toast } from "react-toastify";
-import { useDarkMode } from "../../context/darkModeContext";
-import emailjs from "@emailjs/browser";
-import { motion } from "framer-motion";
-import {
-  FadeContainer,
-  mobileNavItemSideways,
-} from "../../content/FramerMotionVariants";
-import Ripples from "react-ripples";
-
-// initial State of the form
-const initialFormState = {
-  to_name: "Jatin Sharma",
-  first_name: "",
-  last_name: "",
-  email: "",
-  subject: "",
-  message: "",
-};
-
-export default function Form() {
-  const [emailInfo, setEmailInfo] = useState(initialFormState);
-  const [loading, setLoading] = useState(false);
-  const { isDarkMode } = useDarkMode();
-
-  /* Here we send an Email using emailjs you can get service_id, template_id, and user_id after sign up on their site  */
-  function sendEmail(e) {
-    e.preventDefault();
-    setLoading(true);
-
-    emailjs
-      .send(
-        process.env.NEXT_PUBLIC_YOUR_SERVICE_ID,
-        process.env.NEXT_PUBLIC_YOUR_TEMPLATE_ID,
-        emailInfo,
-        process.env.NEXT_PUBLIC_YOUR_USER_ID
-      )
-      .then((res) => {
-        setLoading(false);
-        setEmailInfo(initialFormState);
-        toast.success("Message Sent ✌");
-      })
-      .catch((err) => {
-        console.log(err.text);
-        setLoading(false);
-        toast.error("😢 " + err.text);
-      });
-  }
-
-  /* For Form Validation I simply check each field should not be empty */
-  function validateForm() {
-    for (const key in emailInfo) {
-      if (emailInfo[key] === "") return false;
-    }
-    return true;
-  }
-
-  /* When user is typing and  Press Ctrl+Enter then it will try to send the mail after validating */
-  function submitFormOnEnter(event) {
-    if ((event.keyCode == 10 || event.keyCode == 13) && event.ctrlKey) {
-      if (validateForm()) {
-        return sendEmail(event);
-      }
-      toast.error("Looks like you have not filled the form");
-    }
-  }
-
-  return (
-    <>
-      <motion.form
-        initial="hidden"
-        whileInView="visible"
-        variants={FadeContainer}
-        viewport={{ once: true }}
-        className="w-full flex flex-col items-center max-w-xl mx-auto my-10 dark:text-gray-300"
-        onSubmit={sendEmail}
-        onKeyDown={submitFormOnEnter}
-      >
-        {/* First Name And Last Name */}
-        <div className="w-full grid grid-cols-2 gap-6">
-          <motion.div
-            variants={mobileNavItemSideways}
-            className="relative z-0 w-full mb-6 group"
-          >
-            <input
-              type="text"
-              name="first_name"
-              id="floating_first_name"
-              className="block py-2 mt-2 px-0 w-full text-sm text-white-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
-              placeholder=" "
-              required
-              value={emailInfo.first_name}
-              onChange={(e) =>
-                setEmailInfo({
-                  ...emailInfo,
-                  [e.target.name]: e.target.value,
-                })
-              }
-            />
-            <label
-              htmlFor="floating_first_name"
-              className="peer-focus:font-medium absolute text-sm text-slate-400 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
-            >
-              First name
-            </label>
-          </motion.div>
-          <motion.div
-            variants={mobileNavItemSideways}
-            className="relative z-0 w-full mb-6 group"
-          >
-            <input
-              type="text"
-              name="last_name"
-              id="floating_last_name"
-              className="block py-2 mt-2 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
-              placeholder=" "
-              required
-              value={emailInfo.last_name}
-              onChange={(e) =>
-                setEmailInfo({
-                  ...emailInfo,
-                  [e.target.name]: e.target.value,
-                })
-              }
-            />
-            <label
-              htmlFor="floating_last_name"
-              className="peer-focus:font-medium absolute text-sm text-slate-400 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
-            >
-              Last name
-            </label>
-          </motion.div>
-        </div>
-        <motion.div
-          variants={mobileNavItemSideways}
-          className="relative z-0 w-full mb-6 group"
-        >
-          <input
-            type="email"
-            name="email"
-            id="floating_email"
-            className="block py-2 mt-2 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 focus:outline-none focus:ring-0 focus:dark:border-white focus:border-black peer"
-            placeholder=" "
-            required
-            value={emailInfo.email}
-            onChange={(e) =>
-              setEmailInfo({
-                ...emailInfo,
-                [e.target.name]: e.target.value,
-              })
-            }
-          />
-          <label
-            htmlFor="floating_email"
-            className="peer-focus:font-medium absolute text-sm text-slate-400 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
-          >
-            Email address
-          </label>
-        </motion.div>
-        <motion.div
-          variants={mobileNavItemSideways}
-          className="relative z-0 w-full mb-6 group"
-        >
-          <input
-            type="subject"
-            name="subject"
-            id="floating_subject"
-            className="block py-2 mt-2 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-white focus:outline-none focus:ring-0 focus:border-black peer"
-            placeholder=" "
-            required
-            value={emailInfo.subject}
-            onChange={(e) =>
-              setEmailInfo({
-                ...emailInfo,
-                [e.target.name]: e.target.value,
-              })
-            }
-          />
-          <label
-            htmlFor="floating_subject"
-            className="peer-focus:font-medium absolute text-sm text-slate-400 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
-          >
-            Subject
-          </label>
-        </motion.div>
-        <motion.div
-          variants={mobileNavItemSideways}
-          className="relative z-0 w-full mb-6 group"
-        >
-          <textarea
-            name="message"
-            id="floating_message"
-            className="block py-2 mt-2 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-white focus:outline-none focus:ring-0  peer min-h-[100px] resize-y focus:border-black"
-            placeholder=" "
-            required
-            value={emailInfo.message}
-            onChange={(e) =>
-              setEmailInfo({
-                ...emailInfo,
-                [e.target.name]: e.target.value,
-              })
-            }
-          />
-          <label
-            htmlFor="floating_message"
-            className="peer-focus:font-medium absolute text-sm text-slate-400 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-black dark:peer-focus:text-white peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"
-          >
-            Message
-          </label>
-        </motion.div>
-
-        <motion.div
-          variants={mobileNavItemSideways}
-          className="w-full sm:max-w-sm rounded-lg overflow-hidden "
-        >
-          <Ripples
-            className="flex w-full justify-center"
-            color="rgba(225, 225,225,0.2)"
-          >
-            <button
-              type="submit"
-              className="text-white bg-neutral-800  dark:bg-darkSecondary font-medium rounded-lg text-sm w-full px-4 py-3 text-center relative overflow-hidden transition duration-300 outline-none active:scale-95"
-            >
-              <div className="relative w-full flex items-center justify-center">
-                <p
-                  className={
-                    loading ? "inline-flex animate-spin mr-3" : "hidden"
-                  }
-                >
-                  <AiOutlineLoading className="font-bold text-xl" />
-                </p>
-                <p>{loading ? "Sending..." : "Send"}</p>
-              </div>
-            </button>
-          </Ripples>
-        </motion.div>
-      </motion.form>
-      <ToastContainer
-        theme={isDarkMode ? "dark" : "light"}
-        style={{ zIndex: 1000 }}
-      />
-    </>
-  );
-}
-```
-
-In the above code, I am just rendering the Contact Form and sending the email via emailjs. Every field is required however I am submitting a form when the user press `CTRL + Enter` as it doesn't care about the required field that's why I have to manually check that every field should be filled using `validateForm` function. It will give you a toast about if the mail is sent as shown below:
-
-![contact demo](https://imgur.com/0D27sRv.gif)
-
-This is our homepage that we have just created. It doesn't have **Recent Blogs** section yet. we will create that when we create **Blog Page** if you are curious then you jump to [Blog](#blogs-page) section to learn how we are going to implement that.
-
-## Stats Page
-
-The stats page contains my personal statistics about my dev.to blog, GitHub and Spotify. Following is the image how it looks like:
-
-![stats page](https://imgur.com/ohnSGok.png)
-
-The above image shows that the Stats page has three sections:
-
-- Blog Stats
-- Top streams
-- Top Artists
-
-we will create those one by one. But first, create a file called `stats.js` inside the `pages` folder:
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-import React from "react";
-
-export default function Stats() {
-  return <></>;
-}
-```
-
-### Blog and GitHub Stats
-
-In this section, we'll be creating Blog and GitHub statistics cards. which will look like the following:
-
-![stats-1](https://i.imgur.com/4zqOo9b.png)
-
-Let's add the Header first. we are going to create a component called `PageTop` which will be used throughout the project.
-
-**Create `components/PageTop.js`**:
-
-<CodeTitle title="components/PageTop" lang="jsx" />
-```jsx
-import {
-  fromLeftVariant,
-  opacityVariant,
-} from "../content/FramerMotionVariants"; // ===> not created yet
-import AnimatedHeading from "./FramerMotion/AnimatedHeading";
-import AnimatedText from "./FramerMotion/AnimatedText";
-
-export default function PageTop({ pageTitle, headingClass, children }) {
-  return (
-    <div className="w-full flex flex-col gap-3 py-5 select-none mb-10">
-      <AnimatedHeading
-        variants={fromLeftVariant}
-        className={`text-4xl  md:text-5xl font-bold text-neutral-900 dark:text-neutral-200 ${headingClass}`}
-      >
-        {pageTitle}
-      </AnimatedHeading>
-      <AnimatedText
-        variants={opacityVariant}
-        className="font-medium text-lg text-gray-400"
-      >
-        {children}
-      </AnimatedText>
-    </div>
-  );
-}
-```
-
-In this, we are going to take the `pageTitle` as a prop and the `children` as the description of the project. We haven't created `fromLeftVariant` and `opacityVariant`. Let's do it then:
-
-<CodeTitle title="content/FramerMotionVariants.js" lang="js" />
-```js
-export const opacityVariant = {
-  hidden: { opacity: 0 },
-  visible: { opacity: 1, transition: { delay: 0.2 } },
-};
-
-export const fromLeftVariant = {
-  hidden: { x: -100, opacity: 0 },
-  visible: {
-    x: 0,
-    opacity: 1,
-    transition: {
-      duration: 0.1,
-      type: "spring",
-      stiffness: 100,
-    },
-  },
-};
-```
-
-Now add this `PageTop` component to the `pages/stats.js`:
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-import React from "react";
-import useSWR from "swr";
-import { motion } from "framer-motion";
-import {
-  FadeContainer,
-  fromLeftVariant,
-  popUpFromBottomForText,
-} from "@content/FramerMotionVariants";
-import fetcher from "@lib/fetcher";
-import MetaData from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import AnimatedHeading from "@components/FramerMotion/AnimatedHeading";
-import AnimatedText from "@components/FramerMotion/AnimatedText";
-import pageMeta from "@content/meta";
-
-export default function Stats() {
-  return (
-    <>
-      <MetaData
-        title={pageMeta.stats.title}
-        description={pageMeta.stats.description}
-        previewImage={pageMeta.stats.image}
-        keywords={pageMeta.stats.keywords}
-      />
-      <section className="pageTop font-inter">
-        <PageTop pageTitle="Statistics">
-          These are my personal statistics about my Dev.to Blogs, Github and Top
-          Streamed Music on Spotify.
-        </PageTop>
-      </section>
-    </>
-  );
-}
-```
-
-In the above code, I have imported the modules and rendered the `MetaData` and `PageTop`.
-
-#### Dev.to Stats
-
-Now that we have added the top section of the page, let's implement the Dev.to stats. For this, I am going to use [Dev.to API](https://developers.forem.com/api) to get information about my blog stats. But this API has some limitations such as that it can only show a maximum of 1000 objects on a single page (not all of them). So we will be tackling that.
-
-I have also written a blog on Dev.to API if you are interested then go to the following link:
-
-<EmbedBlog 
-  img="https://imgur.com/qAgqWls.png" 
-  text="How to use the dev.to API?" 
-  url="/blogs/dev-to-api" 
-/>
-
-I am going to use Next.js API routes as well to fetch the data. So let's create `pages/api/stats/devto.js` file. This is going to be the API route which will return the stats.
-
-<CodeTitle title="pages/api/stats/devto.js" lang="js" />
-```jsx
-/* File: pages/api/stats/devto.js */
-
-import { allFollowers, allPosts } from "@lib/devto"; // ====> not created yet
-
-export default async function handler(req, res) {
-  const followers = await allFollowers();
-  const posts = await allPosts();
-
-  let totalViews = 0;
-  let totalLikes = 0;
-  let totalComments = 0;
-
-  posts.forEach((post) => {
-    totalLikes += post.public_reactions_count;
-    totalViews += post.page_views_count;
-    totalComments += post.comments_count;
-  });
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json({
-    followers: followers,
-    likes: totalLikes,
-    views: totalViews,
-    comments: totalComments,
-    posts: posts.length,
-  });
-}
-```
-
-We are using two functions `allFollowers` and `allPosts` that will return all the followers I have and all the blogs/posts I have published. Then we are iterating over each post and extracting the likes (public reactions), views, and comments. After that, I am setting Cache so that browser doesn't fetch the data again and again. we are revalidating the request every 43200 seconds which is 12 hours.
-
-Let's create `allFollowers` and `allFollowers` functions inside `lib/devto.js`:
-
-<CodeTitle title="lib/devto.js" lang="js" />
-```js
-const PER_PAGE = 1000;
-const DEV_API = process.env.NEXT_PUBLIC_BLOGS_API;
-
-const getPageOfFollowers = async (page) => {
-  const perPageFollowers = await fetch(
-    `https://dev.to/api/followers/users?per_page=${PER_PAGE}&page=${page}`,
-    {
-      headers: {
-        api_key: DEV_API,
-      },
-    }
-  )
-    .then((response) => response.json())
-    .catch((err) => console.log(err));
-
-  return perPageFollowers.length;
-};
-
-export const allFollowers = async () => {
-  let numReturned = PER_PAGE;
-  let page = 1;
-  var totalFollowers = 0;
-
-  while (numReturned === PER_PAGE) {
-    const followers = await getPageOfFollowers(page);
-    totalFollowers += followers;
-    numReturned = followers;
-    page++;
-  }
-  return totalFollowers;
-};
-
-const getPageOfPosts = async (page) => {
-  const perPagePosts = await fetch(
-    `https://dev.to/api/articles/me?per_page=${PER_PAGE}&page=${page}`,
-    {
-      headers: {
-        api_key: DEV_API,
-      },
-    }
-  )
-    .then((response) => response.json())
-    .catch((err) => console.log(err));
-
-  return perPagePosts;
-};
-
-export const allPosts = async () => {
-  let numReturned = PER_PAGE;
-  let page = 1;
-  var totalPosts = [];
-
-  while (numReturned === PER_PAGE) {
-    const posts = await getPageOfPosts(page);
-    totalPosts.push(...posts);
-    numReturned = posts.length;
-    page++;
-  }
-  return totalPosts;
-};
-```
-
-You need to add `NEXT_PUBLIC_BLOGS_API` to your `.env.local` and then restart your server. If you don't know how to get the Dev.to API, then [click here](https://dev.to/settings/extensions) and go to the bottom of the page and generate the API.
-
-The above code has two extra functions `getPageOfFollowers` and `getPageOfPosts` these just help us to get the stats of the one page and request the API until all the data is received.
-
-Now let's fetch it in our `pages/stats.js`:
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-/* File: pages/stats.js */
-
-/* ..............Other modules........... */
-import StatsCard from "@components/Stats/StatsCard"; // ====> not created yet
-
-export default function Stats() {
-  const { data: devto } = useSWR("/api/stats/devto", fetcher);
-
-  const stats = [
-    {
-      title: "Total Posts",
-      value: devto?.posts.toLocaleString(),
-    },
-    {
-      title: "Blog Followers",
-      value: devto?.followers.toLocaleString(),
-    },
-    {
-      title: "Blog Reactions",
-      value: devto?.likes.toLocaleString(),
-    },
-    {
-      title: "Blog Views",
-      value: devto?.views.toLocaleString(),
-    },
-    {
-      title: "Blog Comments",
-      value: devto?.comments.toLocaleString(),
-    },
-  ];
-
-  return (
-    <>
-      {/* .......old code...... (<PageTop />) */}
-
-      {/* Enter the following code under the `PageTop` component.*/}
-      {/* Blogs and github stats */}
-      <motion.div
-        className="grid xs:grid-cols-2 sm:!grid-cols-3 md:!grid-cols-4 gap-5 my-10"
-        variants={FadeContainer}
-        initial="hidden"
-        whileInView="visible"
-        viewport={{ once: true }}
-      >
-        {stats.map((stat, index) => (
-          <StatsCard
-            key={index}
-            title={stat.title}
-            value={
-              stat.value === undefined ? (
-                <div className="w-28 h-8 rounded-sm bg-gray-300 dark:bg-neutral-700 animate-pulse" />
-              ) : (
-                stat.value
-              )
-            }
-          />
-        ))}
-      </motion.div>
-      {/* ........other code...... */}
-    </>
-  );
-}
-```
-
-I have created an array to iterate over and then render `StatsCard` which we will create in a moment. In `StatsCard` while passing the `value` prop we check if the value is `undefined` and then pass another `div` instead of the value that is just a loader and as soon as we get the value then it will render the value.
-
-**Create `components/Stats/StatsCard.js`**
-
-<CodeTitle title="components/Stats/StatsCard.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-import { popUp } from "@content/FramerMotionVariants"; // ====> not created yet
-
-export default function StatsCard({ title, value }) {
-  return (
-    <motion.div
-      className="flex-col justify-center py-4 px-7 rounded-md select-none transform origin-center  bg-white dark:bg-darkSecondary shadow dark:shadow-md border border-transparent hover:border-gray-400 dark:hover:border-neutral-600 group"
-      variants={popUp}
-    >
-      <h1 className="text-3xl my-2 font-bold text-gray-600 dark:text-gray-300 group-hover:text-black  dark:group-hover:text-white">
-        {value}
-      </h1>
-      <p className="text-base font-medium text-gray-500 group-hover:text-black  dark:group-hover:text-white">
-        {title}
-      </p>
-    </motion.div>
-  );
-}
-```
-
-#### Github Stats
-
-Now we have implemented **Dev.to Stats** then Github stats will be very easy to implement. But first, we need to create an API route for Github Stats.
-
-**Create `pages/api/stats/github.js`**
-
-<CodeTitle title="pages/api/stats/github.js" lang="js" />
-```js
-import { fetchGithub, getOldStats } from "@lib/github"; // ====> not created yet
-
-export default async function handler(req, res) {
-  const {
-    public_repos: repos,
-    public_gists: gists,
-    followers,
-  } = await fetchGithub();
-
-  // it runs when user's api is exhausted, it gives the old data
-  if (repos === undefined && gists === undefined) {
-    const {
-      public_repos: repos,
-      public_gists: gists,
-      followers,
-    } = getOldStats();
-    return res.status(200).json({
-      repos,
-      gists,
-      followers,
-    });
-  }
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json({
-    repos,
-    gists,
-    followers,
-  });
-}
-```
-
-The above code has two functions `fetchGithub` and `getOldStats`. Github API has limited request. So it might exhausted, then we need to take care of that by using mock response (old static data).
-
-- `fetchGithub`: it returns the new data from github
-- `getOldStats` : it returns the mock response
-
-**Create `lib/github.js`**:
-
-<CodeTitle title="lib/github.js" lang="js" />
-```js
-const tempData = {
-  login: "j471n",
-  id: 55713505,
-  /* ..........other keys...... */
-};
-
-// its for /api/stats/github
-export async function fetchGithub() {
-  return fetch("https://api.github.com/users/j471n").then((res) => res.json());
-}
-
-// its for getting temporary old data
-export function getOldStats() {
-  return tempData;
-}
-```
-
-You can get your mock response by typing `https://api.github.com/users/<your-username>` in the browser.
-
-Now that our API has been created let's call it inside `pages/stats.js`:
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-/* ..............Other modules........... */
-import StatsCard from "@components/Stats/StatsCard"; // ====> not created yet
-
-export default function Stats() {
-  const { data: devto } = useSWR("/api/stats/devto", fetcher);
-  const { data: github } = useSWR("/api/stats/github", fetcher);
-
-  const stats = [
-    /* ...previous blog stats key...... */
-    /* Following code is added new */
-    {
-      title: "Github Repos",
-      value: github?.repos,
-    },
-    {
-      title: "Github Gists",
-      value: github?.gists,
-    },
-    {
-      title: "Github Followers",
-      value: github?.followers,
-    },
-  ];
-
-  return (
-    <>
-      {/* .......old code...... */}
-      {/* We don't need to change something here it's all good here  */}
-    </>
-  );
-}
-```
-
-That's all you need to Create the First section of the stats Page. Now we will move to the next section which is **Top Streams**
-
-### Top Streams
-
-In this section, I'll add my top Streams from Spotify. I have already given a little intro about Spotify at the beginning of this article in the Footer section where we add the current playing song support. The top stream section will look like this:
-![top streams](https://i.imgur.com/mvgmcuC.png)
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-/* ..............Other modules........... */
-import Track from "@components/Stats/Track"; // not created yet
-
-export default function Stats() {
-  /* ...other api requests.... */
-  const { data: topTracks } = useSWR("/api/stats/tracks", fetcher);
-
-  return (
-    <>
-      {/* .......old code...... */}
-      {/* .........Blogs and github stats......... */}
-
-      {/* Spotify top songs */}
-      <div className="font-barlow">
-        <AnimatedHeading
-          variants={fromLeftVariant}
-          className="text-3xl sm:text-4xl capitalize font-bold text-neutral-900 dark:text-neutral-200"
-        >
-          My Top streams songs
-        </AnimatedHeading>
-
-        <AnimatedText
-          variants={popUpFromBottomForText}
-          className="mt-4 text-gray-500"
-        >
-          <span className="font-semibold">
-            {topTracks && topTracks[0].title}
-          </span>{" "}
-          is the most streamed song of mine. Here's my top tracks on Spotify
-          updated daily.
-        </AnimatedText>
-        <motion.div
-          variants={FadeContainer}
-          initial="hidden"
-          whileInView="visible"
-          viewport={{ once: true }}
-          className="flex flex-col my-10 gap-0 font-barlow"
-        >
-          {topTracks?.map((track, index) => (
-            <Track
-              key={index}
-              id={index}
-              track={track}
-              url={track.url}
-              title={track.title}
-              coverImage={track.coverImage.url}
-              artist={track.artist}
-            />
-          ))}
-        </motion.div>
-      </div>
-      {/* ............. */}
-    </>
-  );
-}
-```
-
-Add the following code to `pages/stats.js`. In the above code we just fetch the `/api/stats/tracks` it returns the top 10 most streamed songs, then we render those by using the `Track` Component. We have not created them yet. So let's create them.
-
-**Create `pages/api/stats/tracks.js`**:
-
-<CodeTitle title="pages/api/stats/tracks.js" lang="js" />
-```js
-import { topTracks } from "../../../lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await topTracks();
-  const { items } = await response.json();
-
-  const tracks = items.slice(0, 10).map((track) => ({
-    title: track.name,
-    artist: track.artists.map((_artist) => _artist.name).join(", "),
-    url: track.external_urls.spotify,
-    coverImage: track.album.images[1],
-  }));
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json(tracks);
-}
-```
-
-In the above code, I am getting data from `topTracks` function and then extracting the main info that I need. Let's create `topTracks`:
-
-<CodeTitle title="lib/spotify.js" lang="js" />
-```js
-/* .........Other methods........ */
-export const topTracks = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/top/tracks", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-That's it for this. Now we need to create `Track` Component:
-
-**Create `components/Stats/Track.js`**
-
-<CodeTitle title="components/Stats/Track.js" lang="jsx" />
-```jsx
-import Image from "next/image";
-import Link from "next/link";
-import { fromBottomVariant } from "../../content/FramerMotionVariants";
-import { motion } from "framer-motion";
-
-export default function Track({ url, title, artist, coverImage, id }) {
-  return (
-    <Link href={url} passHref>
-      <motion.a
-        variants={fromBottomVariant}
-        href={url}
-        className="bg-gray-100 hover:bg-gray-200 dark:bg-darkPrimary hover:dark:bg-darkSecondary border-l first:border-t border-r border-b  border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden relative xs:pl-16 md:!pl-20 "
-        rel="noreferrer"
-        target="_blank"
-      >
-        <div className="absolute left-4 md:left-6 text-xl text-gray-500 transform origin-center font-inter tracking-wider hidden xs:inline-flex">
-          #{id + 1}
-        </div>
-
-        <div className="relative w-12 h-12 transform origin-center">
-          <Image
-            src={coverImage}
-            width={50}
-            height={50}
-            layout="fixed"
-            alt={title}
-            quality={50}
-          ></Image>
-        </div>
-        <div>
-          <h2 className="text-base md:text-xl text-gray-900 dark:text-white font-semibold transform origin-left font-barlow">
-            {title}
-          </h2>
-          <p className="transform origin-left text-gray-500 text-xs sm:text-sm md:text-base line-clamp-1">
-            {artist}
-          </p>
-        </div>
-      </motion.a>
-    </Link>
-  );
-}
-```
-
-That's all you need to create The Top Stream Section.
-
-### Top Artists
-
-This section contains my top stream artists. It looks like this:
-
-![top artists](https://i.imgur.com/ygNy1ei.png)
-
-Let's just add the following code in your `pages/stats.js`
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-/* ..............Other modules........... */
-import Artist from "@components/Stats/Artist"; // not created yet
-
-export default function Stats() {
-  /* ...other api requests.... */
-  const { data: artists } = useSWR("/api/stats/artists", fetcher);
-
-  return (
-    <>
-      {/* .........Blogs and github stats......... */}
-      {/* ...........Spotify top songs.......... */}
-
-      <div className="font-barlow">
-        <AnimatedHeading
-          variants={fromLeftVariant}
-          className="text-3xl sm:text-4xl capitalize font-bold text-neutral-900 dark:text-neutral-200"
-        >
-          My Top Artists
-        </AnimatedHeading>
-        <AnimatedText className="mt-4 text-gray-500">
-          My most listened Artist is{" "}
-          <span className="font-semibold">{artists && artists[0].name}</span> on
-          Spotify.
-        </AnimatedText>
-
-        <motion.div
-          variants={FadeContainer}
-          initial="hidden"
-          whileInView="visible"
-          viewport={{ once: true }}
-          className="flex flex-col my-10 gap-0 font-barlow"
-        >
-          {artists?.map((artist, index) => (
-            <Artist
-              key={index}
-              id={index}
-              name={artist.name}
-              url={artist.url}
-              coverImage={artist.coverImage.url}
-              followers={artist.followers}
-            />
-          ))}
-        </motion.div>
-      </div>
-
-      {/* ............. */}
-    </>
-  );
-}
-```
-
-Add the following code to `pages/artists.js`. In the above code we just fetch the `/api/stats/artists` it returns the top 5 most streamed artists then we render those by using the `Artist` Component. We have not created them yet. So let's create them.
-
-**Create `pages/api/stats/artists.js`**:
-
-<CodeTitle title="pages/api/stats/artists.js" lang="js" />
-```js
-import { topArtists } from "../../../lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await topArtists();
-  const { items } = await response.json();
-
-  const artists = items.slice(0, 5).map((artist) => ({
-    name: artist.name,
-    url: artist.external_urls.spotify,
-    coverImage: artist.images[1],
-    followers: artist.followers.total,
-  }));
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json(artists);
-}
-```
-
-In the above we also fetch the data using `topArtists` function, let's create it inside `lib/spotify.js`:
-
-<CodeTitle title="lib/spotify.js" lang="js" />
-```js
-/*.......other functions/modules....... */
-
-export const topArtists = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/top/artists", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-Now as it has been add we need one more thing to add and that is `Artist` component:
-
-**Create `components/Stats/Artist.js`**
-
-<CodeTitle title="components/Stats/Artist.js" lang="jsx" />
-```jsx
-import Image from "next/image";
-import Link from "next/link";
-import { fromBottomVariant, popUp } from "../../content/FramerMotionVariants";
-import { motion } from "framer-motion";
-
-export default function Track({ name, url, coverImage, followers, id }) {
-  return (
-    <Link href={url} passHref>
-      <motion.a
-        variants={fromBottomVariant}
-        href={url}
-        className="bg-gray-100 hover:bg-gray-200 dark:bg-darkPrimary hover:dark:bg-darkSecondary border-l first:border-t border-r border-b border-gray-300 dark:border-neutral-600 p-4 font-barlow flex items-center gap-5 overflow-hidden"
-        rel="noreferrer"
-        target="_blank"
-      >
-        <div className="text-xl text-gray-500 transform origin-center font-inter tracking-wider hidden xs:inline-flex">
-          #{id + 1}
-        </div>
-        <div
-          variants={popUp}
-          className="relative w-12 md:w-24 h-12 md:h-24 transform origin-center"
-        >
-          <Image
-            className="rounded-full"
-            src={coverImage}
-            width={100}
-            height={100}
-            layout="responsive"
-            alt={name}
-            quality={50}
-          ></Image>
-        </div>
-        <div>
-          <h2
-            variants={popUp}
-            className="text-base sm:text-lg md:text-xl xl:text-2xl text-gray-900 dark:text-white font-semibold md:font-bold transform origin-left font-barlow"
-          >
-            {name}
-          </h2>
-          <p
-            variants={popUp}
-            className="transform origin-left text-gray-500 text-xs sm:text-sm md:text-base md:font-medium line-clamp-1"
-          >
-            {followers.toLocaleString()} Followers
-          </p>
-        </div>
-      </motion.a>
-    </Link>
-  );
-}
-```
-
-This is it your stats page is ready to go. It was a lot to take in so let's look at the final result of `pages/stats.js`:
-
-<CodeTitle title="pages/stats.js" lang="jsx" />
-```jsx
-import React from "react";
-import useSWR from "swr";
-import { motion } from "framer-motion";
-import {
-  FadeContainer,
-  fromLeftVariant,
-  popUpFromBottomForText,
-} from "@content/FramerMotionVariants";
-import fetcher from "@lib/fetcher";
-import MetaData from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import StatsCard from "@components/Stats/StatsCard";
-import Track from "@components/Stats/Track";
-import Artist from "@components/Stats/Artist";
-import AnimatedHeading from "@components/FramerMotion/AnimatedHeading";
-import AnimatedText from "@components/FramerMotion/AnimatedText";
-import pageMeta from "@content/meta";
-
-export default function Stats() {
-  const { data: topTracks } = useSWR("/api/stats/tracks", fetcher);
-  const { data: artists } = useSWR("/api/stats/artists", fetcher);
-  const { data: devto } = useSWR("/api/stats/devto", fetcher);
-  const { data: github } = useSWR("/api/stats/github", fetcher);
-
-  const stats = [
-    {
-      title: "Total Posts",
-      value: devto?.posts.toLocaleString(),
-    },
-    {
-      title: "Blog Followers",
-      value: devto?.followers.toLocaleString(),
-    },
-    {
-      title: "Blog Reactions",
-      value: devto?.likes.toLocaleString(),
-    },
-    {
-      title: "Blog Views",
-      value: devto?.views.toLocaleString(),
-    },
-    {
-      title: "Blog Comments",
-      value: devto?.comments.toLocaleString(),
-    },
-    {
-      title: "Github Repos",
-      value: github?.repos,
-    },
-    {
-      title: "Github Gists",
-      value: github?.gists,
-    },
-    {
-      title: "Github Followers",
-      value: github?.followers,
-    },
-  ];
-
-  return (
-    <>
-      <MetaData
-        title={pageMeta.stats.title}
-        description={pageMeta.stats.description}
-        previewImage={pageMeta.stats.image}
-        keywords={pageMeta.stats.keywords}
-      />
-
-      <section className="pageTop font-inter">
-        <PageTop pageTitle="Statistics">
-          These are my personal statistics about my Dev.to Blogs, Github and Top
-          Streamed Music on Spotify.
-        </PageTop>
-
-        {/* Blogs and github stats */}
-        <motion.div
-          className="grid xs:grid-cols-2 sm:!grid-cols-3 md:!grid-cols-4 gap-5 my-10"
-          variants={FadeContainer}
-          initial="hidden"
-          whileInView="visible"
-          viewport={{ once: true }}
-        >
-          {stats.map((stat, index) => (
-            <StatsCard
-              key={index}
-              title={stat.title}
-              value={
-                stat.value === undefined ? (
-                  <div className="w-28 h-8 rounded-sm bg-gray-300 dark:bg-neutral-700 animate-pulse" />
-                ) : (
-                  stat.value
-                )
-              }
-            />
-          ))}
-        </motion.div>
-
-        {/* Spotify top songs */}
-        <div className="font-barlow">
-          <AnimatedHeading
-            variants={fromLeftVariant}
-            className="text-3xl sm:text-4xl capitalize font-bold text-neutral-900 dark:text-neutral-200"
-          >
-            My Top streams songs
-          </AnimatedHeading>
-
-          <AnimatedText
-            variants={popUpFromBottomForText}
-            className="mt-4 text-gray-500"
-          >
-            <span className="font-semibold">
-              {topTracks && topTracks[0].title}
-            </span>{" "}
-            is the most streamed song of mine. Here's my top tracks on Spotify
-            updated daily.
-          </AnimatedText>
-          <motion.div
-            variants={FadeContainer}
-            initial="hidden"
-            whileInView="visible"
-            viewport={{ once: true }}
-            className="flex flex-col my-10 gap-0 font-barlow"
-          >
-            {topTracks?.map((track, index) => (
-              <Track
-                key={index}
-                id={index}
-                track={track}
-                url={track.url}
-                title={track.title}
-                coverImage={track.coverImage.url}
-                artist={track.artist}
-              />
-            ))}
-          </motion.div>
-        </div>
-
-        {/* Spotify top Artists */}
-
-        <div className="font-barlow">
-          <AnimatedHeading
-            variants={fromLeftVariant}
-            className="text-3xl sm:text-4xl capitalize font-bold text-neutral-900 dark:text-neutral-200"
-          >
-            My Top Artists
-          </AnimatedHeading>
-          <AnimatedText className="mt-4 text-gray-500">
-            My most listened Artist is{" "}
-            <span className="font-semibold">{artists && artists[0].name}</span>{" "}
-            on Spotify.
-          </AnimatedText>
-
-          <motion.div
-            variants={FadeContainer}
-            initial="hidden"
-            whileInView="visible"
-            viewport={{ once: true }}
-            className="flex flex-col my-10 gap-0 font-barlow"
-          >
-            {artists?.map((artist, index) => (
-              <Artist
-                key={index}
-                id={index}
-                name={artist.name}
-                url={artist.url}
-                coverImage={artist.coverImage.url}
-                followers={artist.followers}
-              />
-            ))}
-          </motion.div>
-        </div>
-      </section>
-    </>
-  );
-}
-```
-
-All the Artists and songs are clickable. If you click them, then it will take you directly to the artist or song.
-
-## Certificates Page
-
-This page shows how many certificates I have. I can showcase them from here it looks like this:
-
-![certificates page](https://imgur.com/nMgwzYq.png)
-
-### Creating Certificate Data
-
-I am using static data for certificates that Later I can manipulate further. Let's create the data first:
-
-<CodeTitle title="content/certificatesData.js" lang="js" />
-```js
-/* Organizations */
-const LinkedIn = {
-  orgName: "LinkedIn",
-  orgLogo: "https://imgur.com/k0cPDY6.png",
-};
-const Udemy = {
-  orgName: "Udemy",
-  orgLogo: "https://imgur.com/rvn6djH.png",
-};
-/* ....more objects of organization..... */
-
-/* Certificates Data */
-
-module.exports = [
-  {
-    title: "Become a Software Developer",
-    issuedDate: "Oct 25, 2020",
-    issuedBy: LinkedIn,
-    urls: {
-      pdfURL:
-        "https://drive.google.com/file/d/1MXTze2mXB7b8Kod7Pk6Q1BTNb1l0OYn3/view?usp=sharing",
-    },
-    pinned: true,
-  },
-  /* .......other objects........ */
-];
-```
-
-In the above code, you will see two sections, one where there are multiple organization objects that contain `orgLogo` and `orgName`. And the other which has the main certificate data, such as title, issuedBy, URLs and issuedDate, etc. (you can create your own data)
-
-### Creating Certificate Page
-
-Now we have data, let's create a certificates page or route.
-
-**Create `pages/certificates.js`**
-
-<CodeTitle title="pages/certificates.js" lang="jsx" />
-```jsx
-/* importing modules */
-import MetaData from "@components/MetaData";
-import { popUpFromBottomForText } from "@content/FramerMotionVariants";
-import certificatesData from "@content/certificatesData";
-import Image from "next/image";
-import Link from "next/link";
-import { motion } from "framer-motion";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import PageTop from "@components/PageTop";
-import pageMeta from "@content/meta";
-
-export default function Certificates() {
-  return (
-    <>
-      <MetaData
-        title={pageMeta.certificates.title}
-        description={pageMeta.certificates.description}
-        previewImage={pageMeta.certificates.image}
-        keywords={pageMeta.certificates.keywords}
-      />
-
-      <section className="pageTop">
-        <PageTop pageTitle="Certificates">
-          I've participated in many contests, courses and test and get certified
-          in many skills. You can find the certificates below.
-        </PageTop>
-
-        <div className="flex flex-col gap-3 font-inter px-5">
-          {certificatesData.map((cer, index) => {
-            return (
-              <AnimatedDiv
-                className="flex flex-col md:flex-row md:items-center md:justify-between gap-2 md:gap-4  p-3 rounded-lg bg-white shadow dark:bg-darkSecondary/50"
-                variants={popUpFromBottomForText}
-                key={index}
-              >
-                <div className="flex items-center gap-3">
-                  <div className="relative flex items-center justify-center">
-                    <Image
-                      width={40}
-                      height={40}
-                      src={cer.issuedBy.orgLogo}
-                      alt={cer.issuedBy.orgName}
-                      quality={50}
-                      objectFit="contain"
-                      layout="fixed"
-                      placeholder="blur"
-                      blurDataURL={cer.issuedBy.orgLogo}
-                    />
-                  </div>
-                  <div className="flex flex-col ">
-                    <h3 className="font-semibold text-sm sm:text-base md:text-lg text-neutral-900 dark:text-neutral-200">
-                      {cer.title}
-                    </h3>
-                    <p className="text-xs text-gray-500">
-                      {cer.issuedBy.orgName}
-                    </p>
-                  </div>
-                </div>
-                <div className="flex items-center gap-5 text-sm justify-between">
-                  <p className="text-gray-500 text-sm">{cer.issuedDate}</p>
-                  <Link href={cer.urls.pdfURL} passHref>
-                    <motion.a
-                      href={cer.urls.pdfURL}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="px-4 py-1 rounded-md bg-neutral-200 dark:bg-black shadow dark:text-white transform duration-200 font-medium  active:scale-90 lg:hover:bg-black lg:hover:text-white dark:lg:hover:bg-white dark:lg:hover:text-black"
-                    >
-                      View
-                    </motion.a>
-                  </Link>
-                </div>
-              </AnimatedDiv>
-            );
-          })}
-        </div>
-      </section>
-    </>
-  );
-}
-```
-
-Now your Certificates page is ready to go you will see the certificates you have added to the static data. If there is something issue, then again check the code you might have missed something. You might be wondering what is `AnimatedDiv` then you might look at the code [here](#animateddiv)
-
-## Projects Page
-
-This page showcases the projects that I have worked on. It looks like this:
-
-![projects page](https://imgur.com/zKKR07K.png)
-
-### Creating Projects Data
-
-For this, I am again using static Data as I did on the Certificates page. Let's create that quick:
-
-**Create `content/projectData.js`**:
-
-<CodeTitle title="content/projectData.js" lang="js" />
-```js
-module.exports = [
-  {
-    id: 15,
-    name: "Google Docs with Next.js",
-    coverURL: "https://imgur.com/bQkEGlb.png",
-    description:
-      "Next Google Docs is a web app which uses draft.js to create a document for you. It also uses Firebase to store all the user's data.",
-    githubURL: "https://github.com/j471n/next-google-docs",
-    previewURL: "https://google-next-docs.vercel.app/",
-    tools: ["Next.js", "Tailwind CSS", "Firebase", "Draft.js", "Next Auth"],
-    pinned: true,
-  },
-
-  /* ..............Other Projects......... */
-];
-```
-
-### Creating Project Page
-
-As now we have just created project data, let's create the project page:
-
-**Create `pages/projects.js`**:
-
-<CodeTitle title="pages/projects.js" lang="jsx" />
-```jsx
-import React from "react";
-import { AnimatePresence } from "framer-motion";
-import Project from "@components/Project"; // ====> not created yet
-import Metadata from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import { getProjects } from "@lib/dataFetch"; // ====> not created yet
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import { FadeContainer } from "@content/FramerMotionVariants";
-import pageMeta from "@content/meta";
-
-export default function Projects({ projects }) {
-  return (
-    <>
-      <Metadata
-        title={pageMeta.projects.title}
-        description={pageMeta.projects.description}
-        previewImage={pageMeta.projects.image}
-        keywords={pageMeta.projects.keywords}
-      />
-      <section className="pageTop">
-        <PageTop pageTitle="Projects">
-          I've been making various types of projects some of them were basics
-          and some of them were complicated. So far I've made{" "}
-          <span className="font-bold text-gray-600 dark:text-gray-200">
-            {projects.length}
-          </span>{" "}
-          projects.
-        </PageTop>
-
-        <AnimatedDiv
-          variants={FadeContainer}
-          className="grid grid-cols-1 gap-4 mx-auto md:ml-[20%] xl:ml-[24%]"
-        >
-          <AnimatePresence>
-            {projects &&
-              projects.map((project, index) => {
-                if (project.name === "" && project.githubURL === "")
-                  return null;
-                return <Project key={index} project={project} />;
-              })}
-          </AnimatePresence>
-        </AnimatedDiv>
-      </section>
-    </>
-  );
-}
-
-export async function getStaticProps() {
-  const projects = getProjects();
-  return {
-    props: {
-      projects,
-    },
-  };
-}
-```
-
-I am using `getStaticProps` to get the data by calling `getProjects` which we will create in a moment then we are taking `projects` as a prop in `Projects`(main page component) and rendering data using the `Project` Component.
-
-Let's create `getProjects` function inside `lib/dataFetch.js`:
-
-<CodeTitle title="lib/dataFetch.js" lang="js" />
-
-```js
-export function getProjects() {
-  return projects.reverse(); // reversing it so that we get the latest project first as I add new project at the end of the array.
-}
-```
-
-Now we need to create a `Project` component.
-
-**Create `components/Project.js`**
-
-<CodeTitle title="components/Project.js" lang="jsx" />
-```jsx
-import { BsGithub } from "react-icons/bs";
-import { MdOutlineLink } from "react-icons/md";
-import Link from "next/link";
-import OgImage from "@components/OgImage"; // =========> not created yet
-
-export default function Project({ project }) {
-  return (
-    <div className="card">
-      <OgImage
-        src={project.coverURL}
-        alt={project.name}
-        darkSrc={project.darkCoverURL}
-      />
-
-      <div className="flex flex-col justify-start gap-3">
-        <h1 className="font-bold capitalize text-neutral-900 dark:text-neutral-200">
-          {project.name}
-        </h1>
-        <p className="text-sm text-gray-400 dark:text-neutral-400 truncate-2">
-          {project.description}
-        </p>
-
-        <div className="flex items-center gap-1 flex-wrap">
-          {project.tools.map((tool, index) => {
-            return (
-              <span
-                key={`${tool}-${index}`}
-                className="bg-gray-100 dark:bg-darkPrimary text-gray-500 rounded px-2 py-1 text-xs"
-              >
-                {tool}
-              </span>
-            );
-          })}
-        </div>
-
-        <div className="mt-auto p-2 w-fit flex items-center gap-4">
-          <Link href={project.githubURL} passHref>
-            <a
-              title="Source Code on GitHub"
-              target="_blank"
-              rel="noopener noreferrer"
-              href={project.githubURL}
-              className="text-gray-500 hover:text-black dark:hover:text-white"
-            >
-              <BsGithub className="w-6 h-6 hover:scale-110 active:scale-90 transition-all" />
-            </a>
-          </Link>
-
-          {project.previewURL && (
-            <Link href={project.previewURL} passHref>
-              <a
-                title="Live Preview"
-                target="_blank"
-                rel="noopener noreferrer"
-                href={project.previewURL}
-                className="text-gray-500 hover:text-black dark:hover:text-white"
-              >
-                <MdOutlineLink className="w-6 h-6 hover:scale-110 active:scale-90 transition-all" />
-              </a>
-            </Link>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
-```
-
-You might be wondering what the hell is `OgImage`. It stands for **Open Graph Image** it's in `1200x630` pixels. All the websites such as Twitter, and LinkedIn shows this image when someone shares the card on their website. That's why I have created a new component called `OgImage` which we will later use on the Blogs page as well. Let's create it:
-
-**Create `components/OgImage.js`**:
-
-<CodeTitle title="components/OgImage.js" lang="jsx" />
-```jsx
-import Image from "next/image";
-import { useDarkMode } from "@context/darkModeContext";
-
-function OgImage({ src, alt, darkSrc }) {
-  const { isDarkMode } = useDarkMode();
-  return (
-    <div className="relative -mt-[35%] sm:-mt-0 md:-ml-[35%] w-full sm:w-1/2 md:w-8/12 shrink-0 rounded-xl overflow-hidden shadow-2xl before:absolute before:inset-0 dark:before:bg-black/20 before:z-10">
-      <Image
-        title={alt}
-        alt={alt}
-        src={darkSrc ? (isDarkMode ? darkSrc : src) : src}
-        width={1200}
-        height={630}
-        layout="responsive"
-        placeholder="blur"
-        objectFit="cover"
-        blurDataURL={darkSrc ? (isDarkMode ? darkSrc : src) : src}
-        quality={50}
-        className="lg:group-hover:scale-110 transition-all duration-300 backdrop-blur-xl"
-      />
-    </div>
-  );
-}
-
-export default OgImage;
-```
-
-It has the ability to change the image URL based on your theme (For future use). That's all you need to create a project page.
-
-## Utilities Page
-
-Now this page is interesting as it shows what tools and applications I use. I am again using static data to add the utilities. The page will look like this:
-
-![utility page](https://imgur.com/H0a1jQn.png)
-
-As you can see it has three sections for now: System, Coding Tools, and Software/Applications. In doing this I will create a global object which will have these children's objects inside. For the Icon, I am using `react-icons` but some of the Icons are missing for that I have made my own icons that support light and dark themes. We will create them in a moment.
-
-Let's first create the Utility Data.
-
-### Creating Utility Data
-
-<CodeTitle title="content/utilitiesData.js" lang="js" />
-```js
-/* .....Importing Icons..... */
-import {
-  SiVisualstudiocode,
-  SiSublimetext,
-  SiMicrosoftedge,
-  SiGooglechrome,
-  SiReact,
-  SiNextdotjs,
-  SiTailwindcss,
-  SiVercel,
-  SiPrettier,
-  SiPnpm,
-  SiYarn,
-  SiFigma,
-  SiInsomnia,
-  SiBitwarden,
-  SiSpotify,
-  SiObsstudio,
-  SiGrammarly,
-} from "react-icons/si";
-import {
-  BsFillPaletteFill,
-  BsFillTerminalFill,
-  BsWindows,
-  BsGithub,
-} from "react-icons/bs";
-import { FaGitAlt, FaSearch } from "react-icons/fa";
-
-import SVG from "@components/SVG"; //==> not created yet
-
-const utilities = {
-  title: "Utilities",
-  description:
-    "In case you are wondering What tech I use, Here's the list of what tech I'm currently using for coding on the daily basis. This list is always changing.",
-  lastUpdate: "June 30, 2022",
-
-  /* System */
-
-  system: {
-    title: "System",
-    data: [
-      {
-        name: "VSCode",
-        description: "Primary Code editor",
-        Icon: SiVisualstudiocode,
-        link: "https://code.visualstudio.com/download",
-      },
-      {
-        name: "Andromeda",
-        description: "VS Code theme",
-        Icon: BsFillPaletteFill,
-        link: "https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda",
-      },
-
-      /* .............Other........ */
-    ],
-  },
-
-  /* Coding Tools */
-  tools: {
-    title: "Coding Tools",
-    data: [
-      {
-        name: "React.js",
-        description: "Primary Front-end library",
-        Icon: SiReact,
-        link: "https://reactjs.org/",
-      },
-      {
-        name: "Next.js",
-        description: "Primary Web Development Framework",
-        Icon: SiNextdotjs,
-        link: "https://nextjs.org/",
-      },
-      /* .............Other........ */
-    ],
-  },
-
-  /* Software/Applications */
-
-  software: {
-    title: "Software/Applications",
-    data: [
-      {
-        name: "Microsoft Todo",
-        description: "To manage all my todos",
-        Icon: SVG.MicrosoftToDo,
-        link: "https://todo.microsoft.com/tasks/",
-      },
-      {
-        name: "Raindrop.io",
-        description: "Bookmark Manager",
-        Icon: SVG.RainDrop,
-        link: "https://raindrop.io/",
-      },
-      /* .............Other......... */
-    ],
-  },
-};
-
-export default utilities;
-```
-
-- First, we import Icons using `react-icons` and then we import custom SVG icons by using the statement `import SVG from "@components/SVG"` which we will create in a moment.
-- Then we are creating an object `utilities` to add all the data. It has the page title and the page description and also the last date I updated this list.
-- It also contains multiple objects `system`, `tools`, and `software` you can add more if you want.
-- In the `software` section you can see I am using `SVG.MicrosoftToDo` and `SVG.RainDrop` as Icons these are custom icons inside the `SVG` object which we will create now.
-
-### Custom SVG Icons
-
-**Create `components/SVG/index.js`**
-
-<CodeTitle title="components/SVG/index.js" lang="js" />
-```jsx
-import Ditto from "./Ditto";
-import Flux from "./Flux";
-import MicrosoftToDo from "./MicrosoftToDo";
-import RainDrop from "./RainDrop";
-import ShareX from "./ShareX";
-
-const SVG = {
-  Ditto,
-  Flux,
-  MicrosoftToDo,
-  RainDrop,
-  ShareX,
-};
-export default SVG;
-```
-
-In this, we are importing all the icons from the `components/SVG` folder into `components/SVG/index.js` and exporting them as an object. I made all the icons using Figma then export them as SVG and put them in a separate file. Let's create other SVG Icons.
-
-#### Ditto
-
-<CodeTitle title="components/SVG/Ditto.js" lang="js" />
-```jsx
-import { useDarkMode } from "@context/darkModeContext";
-
-export default function Ditto() {
-  const { isDarkMode } = useDarkMode();
-
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="currentColor"
-      className="utilities-svg"
-    >
-      <rect width="32" height="32" rx="8" fill="currentColor" />
-      <g clipPath="url(#clip0_739_15)">
-        <path
-          d="M18.691 17.0001C18.1726 17.0001 17.6542 17.0001 17.1357 17.0001C16.6173 17.0001 16.2007 17.0001 15.8859 17.0001C16.1081 16.0373 16.3303 15.0837 16.5525 14.1394C16.7747 13.2136 16.9968 12.2786 17.219 11.3343C17.4412 10.4085 17.6634 9.47347 17.8856 8.52917C18.2744 8.52917 18.6355 8.52917 18.9688 8.52917C19.3021 8.52917 19.6076 8.52917 19.8853 8.52917C20.163 8.52917 20.45 8.52917 20.7463 8.52917C21.024 8.52917 21.3388 8.52917 21.6906 8.52917C21.7646 8.52917 21.8295 8.53843 21.885 8.55694C21.922 8.59397 21.9405 8.631 21.9405 8.66804C21.9405 8.72358 21.9313 8.78839 21.9128 8.86245C21.598 9.69566 21.274 10.5566 20.9407 11.4454C20.6074 12.3342 20.2741 13.2322 19.9408 14.1394C19.5891 15.0652 19.265 15.954 18.9688 16.8057C18.9317 16.8983 18.8947 16.9538 18.8577 16.9723C18.8206 16.9909 18.7651 17.0001 18.691 17.0001ZM12.314 17.0001C11.7955 17.0001 11.2771 17.0001 10.7586 17.0001C10.2402 17.0001 9.8236 17.0001 9.50883 17.0001C9.73102 16.0373 9.95321 15.0837 10.1754 14.1394C10.3976 13.2136 10.6198 12.2786 10.842 11.3343C11.0642 10.4085 11.2863 9.47347 11.5085 8.52917C11.8974 8.52917 12.2584 8.52917 12.5917 8.52917C12.925 8.52917 13.2305 8.52917 13.5082 8.52917C13.786 8.52917 14.073 8.52917 14.3692 8.52917C14.6469 8.52917 14.9617 8.52917 15.3135 8.52917C15.3876 8.52917 15.4524 8.53843 15.5079 8.55694C15.545 8.59397 15.5635 8.631 15.5635 8.66804C15.5635 8.72358 15.5542 8.78839 15.5357 8.86245C15.2209 9.69566 14.8969 10.5566 14.5636 11.4454C14.2303 12.3342 13.8971 13.2322 13.5638 14.1394C13.212 15.0652 12.8879 15.954 12.5917 16.8057C12.5547 16.8983 12.5176 16.9538 12.4806 16.9723C12.4436 16.9909 12.388 17.0001 12.314 17.0001Z"
-          fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_739_15">
-          <rect
-            x="1.96216"
-            y="3.16992"
-            width="27.9245"
-            height="24.4528"
-            rx="0.754717"
-            fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-}
-```
-
-#### Flux
-
-<CodeTitle title="components/SVG/Flux.js" lang="js" />
-```jsx
-import { useDarkMode } from "@context/darkModeContext";
-
-export default function Flux() {
-  const { isDarkMode } = useDarkMode();
-
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="currentColor"
-      className="utilities-svg"
-    >
-      <g clipPath="url(#clip0_741_34)">
-        <path
-          d="M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z"
-          fill="currentColor"
-        />
-        <circle
-          cx="22.6455"
-          cy="17.5662"
-          r="4.65609"
-          fill="#9B9B9B"
-          stroke={isDarkMode ? "black" : "white"}
-          strokeWidth="1"
-        />
-        <path
-          d="M30.9635 28.1791C30.9635 34.0935 17.838 31.8614 11.9236 31.8614C6.00918 31.8614 1.3739 28.8871 1.3739 22.9727C-3.07865 20.8706 4.19449 12.6984 10.3075 12.6984C20.0853 12.6984 30.2863 23.5295 30.9635 28.1791Z"
-          fill="#454545"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_741_34">
-          <path
-            d="M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z"
-            fill="white"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-}
-```
-
-#### MicrosoftToDo
-
-<CodeTitle title="components/SVG/MicrosoftToDo.js" lang="js" />
-```jsx
-export default function MicrosoftToDo() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="41"
-      height="33"
-      viewBox="0 0 41 33"
-      fill="none"
-      className="utilities-svg"
-    >
-      <rect
-        width="22.3455"
-        height="11.2534"
-        rx="1.96723"
-        transform="matrix(0.707135 0.707078 -0.707135 0.707078 8.14673 8.92383)"
-        fill="#545454"
-      />
-      <g filter="url(#filter0_d_744_7)">
-        <rect
-          width="33.904"
-          height="11.3527"
-          rx="1.96723"
-          transform="matrix(0.707135 -0.707078 0.707135 0.707078 8.07495 24.8127)"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_d_744_7"
-          x="8.103"
-          y="0.474446"
-          width="31.9466"
-          height="31.9441"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feMorphology
-            radius="0.786893"
-            operator="erode"
-            in="SourceAlpha"
-            result="effect1_dropShadow_744_7"
-          />
-          <feOffset dy="-0.393446" />
-          <feGaussianBlur stdDeviation="0.786893" />
-          <feComposite in2="hardAlpha" operator="out" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="BackgroundImageFix"
-            result="effect1_dropShadow_744_7"
-          />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="effect1_dropShadow_744_7"
-            result="shape"
-          />
-        </filter>
-      </defs>
-    </svg>
-  );
-}
-```
-
-#### RainDrop
-
-<CodeTitle title="components/SVG/RainDrop.js" lang="js" />
-```jsx
-import React from "react";
-
-export default function RainDrop() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="32"
-      height="35"
-      viewBox="0 0 32 35"
-      fill="currentColor"
-      className="utilities-svg"
-    >
-      <path
-        d="M13.3433 13.6108C17.1634 17.0095 15.8846 24.5064 15.8846 27.8684C10.8766 27.8684 7.307 28.3185 4.09012 26.3952C0.217283 24.0796 0.108804 18.6472 2.664 15.1169C5.21919 11.5867 10.1254 10.7479 13.3433 13.6108Z"
-        fill="#454545"
-      />
-      <path
-        d="M18.5482 13.7231C14.7622 17.0326 15.9116 24.5606 15.8844 27.8684C20.8117 27.9137 24.3683 28.2484 27.5489 26.3851C31.3781 24.1418 31.5288 18.7979 29.0434 15.3014C26.5579 11.8049 21.7374 10.9354 18.5482 13.7231Z"
-        fill="#9F9F9F"
-      />
-      <g filter="url(#filter0_d_745_19)">
-        <path
-          d="M25.8466 13.5213C25.8466 20.3855 18.6544 24.6615 15.884 27.8685C12.4211 23.5925 5.92139 20.2167 5.92139 13.5213C5.92139 7.71055 10.3818 3 15.884 3C21.3862 3 25.8466 7.71055 25.8466 13.5213Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_d_745_19"
-          x="0.921387"
-          y="0"
-          width="29.9253"
-          height="34.8687"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="2" />
-          <feGaussianBlur stdDeviation="2.5" />
-          <feComposite in2="hardAlpha" operator="out" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="BackgroundImageFix"
-            result="effect1_dropShadow_745_19"
-          />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="effect1_dropShadow_745_19"
-            result="shape"
-          />
-        </filter>
-      </defs>
-    </svg>
-  );
-}
-```
-
-#### ShareX
-
-<CodeTitle title="components/SVG/ShareX.js" lang="js" />
-```jsx
-import { useDarkMode } from "@context/darkModeContext";
-
-export default function ShareX() {
-  const { isDarkMode } = useDarkMode();
-
-  return (
-    <svg
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-      className="utilities-svg"
-    >
-      <g clipPath="url(#clip0_736_2)">
-        <path
-          d="M25.0435 10.8953C24.9357 6.27203 21.657 2.33881 17.0616 0.753423C15.6008 0.251362 14.0664 -0.00326983 12.5217 3.16972e-05C5.60626 3.16972e-05 5.88007e-08 4.98299 5.88007e-08 11.1305C-0.000141637 12.438 0.255807 13.7328 0.753391 14.9419C2.34226 10.3465 6.272 7.06786 10.8953 6.95655C10.9732 6.95655 11.0518 6.95655 11.1304 6.95655C13.8101 6.95655 16.2692 8.02229 18.1899 9.7976C18.6346 10.2098 19.0472 10.6554 19.424 11.1305C20.9489 13.0456 21.9576 15.4922 22.2031 18.1934C23.9777 16.2692 25.0435 13.8101 25.0435 11.1305C25.0435 11.0519 25.0435 10.9739 25.0435 10.8953Z"
-          fill="currentColor"
-        />
-        <path
-          d="M22.2024 17.842C21.9569 15.1408 20.9503 12.6942 19.4233 10.7791C19.0465 10.3053 18.6342 9.86083 18.1899 9.44969C16.2692 7.67438 13.8101 6.60864 11.1304 6.60864C11.0518 6.60864 10.9739 6.60864 10.8953 6.60864C6.272 6.71647 2.33878 9.99508 0.753391 14.5906C0.279533 13.4404 0.0240464 12.212 5.88007e-08 10.9683C5.88007e-08 11.0226 5.88007e-08 11.0761 5.88007e-08 11.1304C-0.000141637 12.4379 0.255807 13.7327 0.753391 14.9419C2.34226 10.3464 6.272 7.06777 10.8953 6.95647C10.9732 6.95647 11.0518 6.95647 11.1304 6.95647C13.8101 6.95647 16.2692 8.02221 18.1899 9.79751C18.6346 10.2097 19.0472 10.6553 19.424 11.1304C20.9489 13.0455 21.9576 15.4921 22.2031 18.1933C23.9777 16.2692 25.0435 13.81 25.0435 11.1304C25.0435 11.0761 25.0435 11.0226 25.0435 10.9683C24.9934 13.5763 23.9367 15.9659 22.2024 17.842Z"
-          fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-        />
-        <path
-          d="M6.95655 21.1047C6.95655 21.0268 6.95655 20.9482 6.95655 20.8696C6.95655 18.1899 8.02229 15.7308 9.7976 13.8101C11.8379 11.6021 14.8153 10.1044 18.1899 9.79759C16.2692 8.02228 13.8101 6.95654 11.1305 6.95654C11.0519 6.95654 10.9739 6.95654 10.8953 6.95654C6.27203 7.06437 2.33881 10.343 0.753423 14.9385C0.251362 16.3993 -0.00326983 17.9336 3.16972e-05 19.4783C3.16972e-05 26.3938 4.98299 32 11.1305 32C12.438 32.0002 13.7328 31.7442 14.9419 31.2466C10.3465 29.6578 7.06786 25.728 6.95655 21.1047Z"
-          fill="currentColor"
-        />
-        <path
-          d="M6.95647 21.1047C6.95647 21.0268 6.95647 20.9482 6.95647 20.8696C6.95647 18.1899 8.02221 15.7308 9.79751 13.8101C11.8379 11.6021 14.8153 10.1044 18.1899 9.79759C16.2692 8.02228 13.81 6.95654 11.1304 6.95654C11.0761 6.95654 11.0226 6.95654 10.9683 6.95654C13.5763 7.00454 15.9659 8.06124 17.842 9.7948C14.4674 10.1016 11.49 11.5993 9.44969 13.8073C7.67438 15.7308 6.60864 18.1899 6.60864 20.8696C6.60864 20.9482 6.60864 21.0261 6.60864 21.1047C6.71647 25.728 9.99508 29.6612 14.5906 31.2466C13.4404 31.7205 12.212 31.976 10.9683 32C11.0226 32 11.0761 32 11.1304 32C12.4379 32.0002 13.7327 31.7442 14.9419 31.2466C10.3464 29.6578 7.06777 25.728 6.95647 21.1047Z"
-          fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-        />
-        <path
-          d="M31.2466 17.0581C29.6578 21.6535 25.728 24.9321 21.1047 25.0434C21.0268 25.0434 20.9482 25.0434 20.8696 25.0434C18.1899 25.0434 15.7308 23.9777 13.8101 22.2024C11.6021 20.1621 10.1044 17.1847 9.79759 13.8101C8.02228 15.7308 6.95654 18.1899 6.95654 20.8695C6.95654 20.9481 6.95654 21.0261 6.95654 21.1047C7.06437 25.728 10.343 29.6612 14.9385 31.2466C16.3993 31.7486 17.9336 32.0033 19.4783 32C26.3938 32 32 27.017 32 20.8695C32.0002 19.562 31.7442 18.2672 31.2466 17.0581Z"
-          fill="currentColor"
-        />
-        <path
-          d="M9.79759 14.1579C10.1044 17.5325 11.6021 20.5099 13.8101 22.5502C15.7308 24.3255 18.1899 25.3913 20.8696 25.3913C20.9482 25.3913 21.0261 25.3913 21.1047 25.3913C25.728 25.2834 29.6612 22.0048 31.2466 17.4094C31.7205 18.5595 31.976 19.7879 32 21.0316C32 20.9774 32 20.9238 32 20.8695C32.0002 19.562 31.7442 18.2672 31.2466 17.0581C29.6578 21.6535 25.728 24.9321 21.1047 25.0434C21.0268 25.0434 20.9482 25.0434 20.8696 25.0434C18.1899 25.0434 15.7308 23.9777 13.8101 22.2024C11.6021 20.1621 10.1044 17.1847 9.79759 13.8101C8.02228 15.7308 6.95654 18.1899 6.95654 20.8695C6.95654 20.9238 6.95654 20.9774 6.95654 21.0316C7.00663 18.4236 8.06333 16.0341 9.79759 14.1579Z"
-          fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-        />
-        <path
-          d="M20.8695 5.88007e-08C19.562 -0.000141637 18.2672 0.255807 17.0581 0.753391C21.6535 2.34226 24.9321 6.272 25.0434 10.8953C25.0434 10.9732 25.0434 11.0518 25.0434 11.1304C25.0434 13.8101 23.9777 16.2692 22.2024 18.1899C20.1621 20.3979 17.1847 21.8957 13.8101 22.2024C15.7308 23.9777 18.1899 25.0435 20.8695 25.0435C20.9481 25.0435 21.0261 25.0435 21.1047 25.0435C25.728 24.9357 29.6612 21.657 31.2466 17.0616C31.7486 15.6008 32.0033 14.0664 32 12.5217C32 5.60626 27.017 5.88007e-08 20.8695 5.88007e-08Z"
-          fill="currentColor"
-        />
-        <path
-          d="M14.1579 22.2024C17.5325 21.8957 20.5099 20.3979 22.5502 18.1899C24.3255 16.2692 25.3913 13.8101 25.3913 11.1304C25.3913 11.0518 25.3913 10.9739 25.3913 10.8953C25.2834 6.272 22.0048 2.33878 17.4094 0.753391C18.5595 0.279533 19.7879 0.0240464 21.0316 5.88007e-08C20.9774 5.88007e-08 20.9238 5.88007e-08 20.8695 5.88007e-08C19.562 -0.000141637 18.2672 0.255807 17.0581 0.753391C21.6535 2.34226 24.9321 6.272 25.0434 10.8953C25.0434 10.9732 25.0434 11.0518 25.0434 11.1304C25.0434 13.8101 23.9777 16.2692 22.2024 18.1899C20.1621 20.3979 17.1847 21.8957 13.8101 22.2024C15.7308 23.9777 18.1899 25.0435 20.8695 25.0435C20.9238 25.0435 20.9774 25.0435 21.0316 25.0435C18.4236 24.9934 16.0341 23.9367 14.1579 22.2024Z"
-          fill={isDarkMode ? "#25282a" : "#f2f5fa"}
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_736_2">
-          <rect width="32" height="32" fill="currentColor" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-}
-```
-
-#### UPI
-
-<CodeTitle title="components/SVG/UPI.js" lang="js" />
-```jsx
-import React from "react";
-
-export default function UPI({ className }) {
-  return (
-    <svg
-      className={className}
-      width="80"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 1024 466"
-    >
-      <path
-        fill="#3d3d3c"
-        d="M98.1 340.7h6.3l-5.9 24.5c-.9 3.6-.7 6.4.5 8.2 1.2 1.8 3.4 2.7 6.7 2.7 3.2 0 5.9-.9 8-2.7 2.1-1.8 3.5-4.6 4.4-8.2l5.9-24.5h6.4l-6 25.1c-1.3 5.4-3.6 9.5-7 12.2-3.3 2.7-7.7 4.1-13.1 4.1-5.4 0-9.1-1.3-11.1-4s-2.4-6.8-1.1-12.2l6-25.2zm31.4 40.3 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm44.2 0 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.5 0 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10H217l-1.4 5.7h-15.5l-4.5 18.9h-6.4zm29 0 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.5 0 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13H257l-1.4 5.9h-21.9zm29.3 0 9.6-40.3h8.6c5.6 0 9.5.3 11.6.9 2.1.6 3.9 1.5 5.3 2.9 1.8 1.8 3 4.1 3.5 6.8.5 2.8.3 6-.5 9.5-.9 3.6-2.2 6.7-4 9.5-1.8 2.8-4.1 5-6.8 6.8-2 1.4-4.2 2.3-6.6 2.9-2.3.6-5.8.9-10.4.9H263zm7.8-6h5.4c2.9 0 5.2-.2 6.8-.6 1.6-.4 3-1.1 4.3-2 1.8-1.3 3.3-2.9 4.5-4.9 1.2-1.9 2.1-4.2 2.7-6.8.6-2.6.8-4.8.5-6.7-.3-1.9-1-3.6-2.2-4.9-.9-1-2-1.6-3.5-2-1.5-.4-3.8-.6-7.1-.6h-4.6l-6.8 28.5zm59.7-12.1-4.3 18.1h-6l9.6-40.3h9.7c2.9 0 4.9.2 6.2.5 1.3.3 2.3.8 3.1 1.6 1 .9 1.7 2.2 2 3.8.3 1.6.2 3.3-.2 5.2-.5 1.9-1.2 3.7-2.3 5.3-1.1 1.6-2.4 2.9-3.8 3.8-1.2.7-2.5 1.3-3.9 1.6-1.4.3-3.6.5-6.4.5h-3.7zm1.7-5.4h1.6c3.5 0 6-.4 7.4-1.2 1.4-.8 2.3-2.2 2.8-4.2.5-2.1.2-3.7-.8-4.5-1.1-.9-3.3-1.3-6.6-1.3H335l-2.8 11.2zm40.1 23.5-2-10.4h-15.6l-7 10.4H341l29-41.9 9 41.9h-6.7zm-13.8-15.9h10.9l-1.8-9.2c-.1-.6-.2-1.3-.2-2-.1-.8-.1-1.6-.1-2.5-.4.9-.8 1.7-1.3 2.5-.4.8-.8 1.5-1.2 2.1l-6.3 9.1zm29.7 15.9 4.4-18.4-8-21.8h6.7l5 13.7c.1.4.2.8.4 1.4.2.6.3 1.2.5 1.8l1.2-1.8c.4-.6.8-1.1 1.2-1.6l11.7-13.5h6.4L399 362.5l-4.4 18.4h-6.4zm60.9-19.9c0-.3.1-1.2.3-2.6.1-1.2.2-2.1.3-2.9-.4.9-.8 1.8-1.3 2.8-.5.9-1.1 1.9-1.8 2.8l-15.4 21.5-5-21.9c-.2-.9-.4-1.8-.5-2.6-.1-.8-.2-1.7-.2-2.5-.2.8-.5 1.7-.8 2.7-.3.9-.7 1.9-1.2 2.9l-9 19.8h-5.9l19.3-42 5.5 25.4c.1.4.2 1.1.3 2 .1.9.3 2.1.5 3.5.7-1.2 1.6-2.6 2.8-4.4.3-.5.6-.8.7-1.1l17.4-25.4-.6 42h-5.9l.5-20zm10.6 19.9 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13H483l-1.4 5.9h-21.9zm29.2 0 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm65.1-34.8-8.3 34.7h-6.4l8.3-34.7h-10.4l1.3-5.6h27.2l-1.3 5.6H554zm6.7 26.7 5.7-2.4c.1 1.8.6 3.2 1.7 4.1 1.1.9 2.6 1.4 4.6 1.4 1.9 0 3.5-.5 4.9-1.6 1.4-1.1 2.3-2.5 2.7-4.3.6-2.4-.8-4.5-4.2-6.3-.5-.3-.8-.5-1.1-.6-3.8-2.2-6.2-4.1-7.2-5.9-1-1.8-1.2-3.9-.6-6.4.8-3.3 2.5-5.9 5.2-8 2.7-2 5.7-3.1 9.3-3.1 2.9 0 5.2.6 6.9 1.7 1.7 1.1 2.6 2.8 2.9 4.9l-5.6 2.6c-.5-1.3-1.1-2.2-1.9-2.8-.8-.6-1.8-.9-3-.9-1.7 0-3.2.5-4.4 1.4-1.2.9-2 2.1-2.4 3.7-.6 2.4 1.1 4.7 5 6.8.3.2.5.3.7.4 3.4 1.8 5.7 3.6 6.7 5.4 1 1.8 1.2 3.9.6 6.6-.9 3.8-2.8 6.8-5.7 9.1-2.9 2.2-6.3 3.4-10.3 3.4-3.3 0-5.9-.8-7.7-2.4-2-1.6-2.9-3.9-2.8-6.8zm47.1 8.1 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.6 0 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm65.1-34.8-8.3 34.7h-6.4l8.3-34.7h-10.4l1.3-5.6h27.2l-1.3 5.6h-10.4zm6.9 34.8 9.6-40.3h22l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13h15.5l-1.4 5.9h-22zm39.5-18.1-4.3 18h-6l9.6-40.3h8.9c2.6 0 4.6.2 5.9.5 1.4.3 2.5.9 3.3 1.7 1 1 1.6 2.2 1.9 3.8.3 1.5.2 3.2-.2 5.1-.8 3.2-2.1 5.8-4.1 7.6-2 1.8-4.5 2.9-7.5 3.3l9.1 18.3h-7.2l-8.7-18h-.7zm1.6-5.1h1.2c3.4 0 5.7-.4 7-1.2 1.3-.8 2.2-2.2 2.7-4.3.5-2.2.3-3.8-.7-4.7-1-.9-3.1-1.4-6.3-1.4h-1.2l-2.7 11.6zm18.9 23.2 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10h15.5l-1.4 5.7h-15.5l-4.5 18.9h-6.4zm52.8 0-2-10.4h-15.6l-7 10.4h-6.7l29-41.9 9 41.9h-6.7zm-13.9-15.9h10.9l-1.8-9.2c-.1-.6-.2-1.3-.2-2-.1-.8-.1-1.6-.1-2.5-.4.9-.8 1.7-1.3 2.5-.4.8-.8 1.5-1.2 2.1l-6.3 9.1zm62.2-14.6c-1.4-1.6-3.1-2.8-4.9-3.5-1.8-.8-3.8-1.2-6.1-1.2-4.3 0-8.1 1.4-11.5 4.2-3.4 2.8-5.6 6.5-6.7 11-1 4.3-.6 7.9 1.4 10.8 1.9 2.8 4.9 4.2 8.9 4.2 2.3 0 4.6-.4 6.9-1.3 2.3-.8 4.6-2.1 7-3.8l-1.8 7.4c-2 1.3-4.1 2.2-6.3 2.8-2.2.6-4.4.9-6.8.9-3 0-5.7-.5-8-1.5s-4.2-2.5-5.7-4.5c-1.5-1.9-2.4-4.2-2.8-6.8-.4-2.6-.3-5.4.5-8.4.7-3 1.9-5.7 3.5-8.3 1.6-2.6 3.7-4.9 6.1-6.8 2.4-2 5-3.5 7.8-4.5s5.6-1.5 8.5-1.5c2.3 0 4.4.3 6.4 1 1.9.7 3.7 1.7 5.3 3.1l-1.7 6.7zm.6 30.5 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7H868l-3.1 13h15.5L879 381h-21.9z"
-      />
-      <path
-        fill="#70706e"
-        d="M740.7 305.6h-43.9l61-220.3h43.9l-61 220.3zM717.9 92.2c-3-4.2-7.7-6.3-14.1-6.3H462.6l-11.9 43.2h219.4l-12.8 46.1H481.8v-.1h-43.9l-36.4 131.5h43.9l24.4-88.2h197.3c6.2 0 12-2.1 17.4-6.3 5.4-4.2 9-9.4 10.7-15.6l24.4-88.2c1.9-6.6 1.3-11.9-1.7-16.1zm-342 199.6c-2.4 8.7-10.4 14.8-19.4 14.8H130.2c-6.2 0-10.8-2.1-13.8-6.3-3-4.2-3.7-9.4-1.9-15.6l55.2-198.8h43.9l-49.3 177.6h175.6l49.3-177.6h43.9l-57.2 205.9z"
-      />
-      <path fill="#098041" d="M877.5 85.7 933 196.1 816.3 306.5z" />
-      <path fill="#e97626" d="M838.5 85.7 894 196.1 777.2 306.5z" />
-    </svg>
-  );
-}
-```
-
-### Creating Utilities Page
-
-After adding all the icons let's create Utilities Page.
-
-**Creating `pages/utilities.js`**:
-
-<CodeTitle title="pages/utilities.js" lang="jsx" />
-```jsx
-import MetaData from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import utilities from "@content/utilitiesData";
-import Link from "next/link";
-import AnimatedText from "@components/FramerMotion/AnimatedText";
-import {
-  FadeContainer,
-  opacityVariant,
-  popUp,
-  popUpFromBottomForText,
-} from "@content/FramerMotionVariants";
-import { motion } from "framer-motion";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import pageMeta from "@content/meta";
-
-export default function Utilities() {
-  return (
-    <>
-      <MetaData
-        title={pageMeta.utilities.title}
-        description={utilities.description}
-        previewImage={pageMeta.utilities.image}
-        keywords={pageMeta.utilities.keywords}
-      />
-
-      <section className="pageTop font-inter">
-        <PageTop pageTitle={utilities.title}>{utilities.description}</PageTop>
-
-        <div className="flex flex-col gap-14">
-          <UtilitySection utility={utilities.system} />
-          <UtilitySection utility={utilities.tools} />
-          <UtilitySection utility={utilities.software} />
-        </div>
-
-        <AnimatedText variants={opacityVariant} className="mt-12 -mb-10">
-          Last Update on{" "}
-          <span className="font-semibold">{utilities.lastUpdate}</span>
-        </AnimatedText>
-      </section>
-    </>
-  );
-}
-
-/* Each Utility Container */
-function UtilitySection({ utility }) {
-  return (
-    <AnimatedDiv
-      variants={FadeContainer}
-      className="!w-full  selection:bg-blue-300 dark:selection:bg-blue-900 dark:selection:text-gray-400 dark:text-neutral-200 font-medium"
-    >
-      <motion.h2
-        variants={popUpFromBottomForText}
-        className="font-bold text-2xl sm:text-3xl font-barlow mb-4"
-      >
-        {utility.title}
-      </motion.h2>
-
-      <AnimatedDiv
-        variants={FadeContainer}
-        className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-7 gap-3 mt-5"
-      >
-        {utility.data.map((item) => {
-          return (
-            <Link href={item.link} key={item.name} passHref>
-              <motion.a
-                variants={popUp}
-                title={item.name + " - " + item.description}
-                rel="noopener noreferrer"
-                target="_blank"
-                className="relative flex flex-col gap-3 items-center justify-center bg-white dark:bg-darkSecondary shadow dark:shadow-md p-8  border border-transparent hover:border-gray-400 dark:hover:border-neutral-600 rounded-md transition-all lg:hover:!scale-125 active:!scale-90 hover:z-10 hover:shadow-lg hover:origin-center text-gray-700 hover:text-black dark:text-gray-300/80 dark:hover:text-white"
-              >
-                <item.Icon className="utilities-svg" />
-
-                <p className="absolute bottom-3 text-[10px] select-none">
-                  {item.name}
-                </p>
-              </motion.a>
-            </Link>
-          );
-        })}
-      </AnimatedDiv>
-    </AnimatedDiv>
-  );
-}
-```
-
-In this, we are passing all the utility objects as props to `UtilitySection` which will render each section along with an Icon and data. It is a clickable link with the initial and hovers animation.
-
-![](https://i.imgur.com/usclCnl.gif)
-
-## Blogs Page
-
-Now the blog's part. It could be a little confusing at first. But it will come together in the end. I am using [MDX](https://mdxjs.com/) as the content manager. You might be wondering why I am using MDX. It's because of control and customization. It provides you to customize the blog however you want. You can make your own custom component and add them to your blog. We will be creating several custom components. This page will look like this:
-
-![blogs page](https://imgur.com/hnztqEv.png)
-
-The blog page contains the top section and a realtime search bar and Bookmark icon and an RSS feed which we will create later in this article.
-
-First things first we need to create a class called `MDXContent` (will create it in a moment) which we will use to get all the blogs and stuff.
-
-Just create a temporary file inside `posts` folder with `.mdx` extension.
-
-**Creating `temp.mdx`**:
-
-<CodeTitle title="posts/temp.mdx" lang="md" />
-```md
----
-slug: temp
-title: Tile of the blog
-date: 2022-09-04
-stringDate: September 04, 2022
-published: true
-keywords: temp, keyword, for , seo
-excerpt: description of the blog
-image: cover image url (required) https://imgur.com/zvS1Eyu.png
----
-
-.............you content goes here.................
-```
-
-The above code contains `frontMatter` at the top and the main content at the bottom. The front matter won't be visible to the user it is just to get the details of the blog. **Filename and the `slug` have to be exactly the same.** you can change `published` to `false` if you don't want to show the blog in the list.
-
-File directory will look something like this:
-
-<CodeTitle title="Files" lang="directory" />
-```text
-my-project/
-├── components/
-├── pages/
-├── public/
-└── posts/
-    ├── temp.mdx
-    ├── blog-2.mdx
-    └── this-is-new-blog.mdx
-```
-
-If the slug is long then separate them by a hyphen (-). Now you know you have a blog file inside your directory. We just need to read that and render it as HTML. Let's create the `MDXContent` class in the `lib` directory.
-
-### Installing Dependencies
-
-We need to install some dependencies to make this work here is the list you need to install them:
-
-- [glob](https://www.npmjs.com/package/glob) : Perform a synchronous glob search.
-- [gray-matter](https://www.npmjs.com/package/gray-matter) : Parse front-matter from a string or file.
-- [next-mdx-remote](https://www.npmjs.com/package/next-mdx-remote) : To create a blog from MDX
-- [rehype-slug](https://www.npmjs.com/package/rehype-slug) : rehype plugin to add ids to headings.
-- [rehype-autolink-headings](https://www.npmjs.com/package/rehype-autolink-headings) : rehype plugin to add links to headings with ids back to themselves.
-- [reading-time](https://www.npmjs.com/package/reading-time) : helps you estimate how long an article will take to read
-- [rehype-pretty-code](https://rehype-pretty-code.netlify.app/): provides beautiful code blocks for your MD/MDX docs
-
-### Get the MDX Content
-
-**Creating `lib/MDXContent.js`**
-
-<CodeTitle title="lib/MDXContent.js" lang="js" />
-```jsx
-import path from "path";
-import { readFileSync } from "fs";
-import { sync } from "glob";
-import matter from "gray-matter";
-import { serialize } from "next-mdx-remote/serialize";
-import rehypeSlug from "rehype-slug";
-import rehypeAutolinkHeadings from "rehype-autolink-headings";
-import readTime from "reading-time";
-import rehypePrettyCode from "rehype-pretty-code";
-
-export default class MDXContent {
-  /* Takes folder as argument and find all the files inside that */
-  constructor(folderName) {
-    this.POST_PATH = path.join(process.cwd(), folderName);
-  }
-
-  /* Get all the slugs in the requested folder which has .mdx extension
-   * It splits the path and gets only the slug part
-   */
-  getSlugs() {
-    const paths = sync(`${this.POST_PATH}/*.mdx`);
-    return paths.map((path) => {
-      const parts = path.split("/");
-      const fileName = parts[parts.length - 1];
-      const [slug, _ext] = fileName.split(".");
-      return slug;
-    });
-  }
-
-  /* It's just to get the front matter not the full blog  */
-  getFrontMatter(slug) {
-    const postPath = path.join(this.POST_PATH, `${slug}.mdx`);
-    const source = readFileSync(postPath);
-    const { content, data } = matter(source);
-    const readingTime = readTime(content);
-
-    if (data.published) {
-      return {
-        slug,
-        readingTime,
-        excerpt: data.excerpt ?? "",
-        title: data.title ?? slug,
-        date: (data.date ?? new Date()).toString(),
-        stringDate: data.stringDate ?? "",
-        keywords: data.keywords ?? "",
-        image: data.image ?? "https://imgur.com/aNqa9cE.png",
-      };
-    }
-  }
-
-  /* get the single post from slug (it's a full post with the content)  */
-  async getPostFromSlug(slug, force = false) {
-    const postPath = path.join(this.POST_PATH, `${slug}.mdx`);
-    const source = readFileSync(postPath);
-    const { content, data } = matter(source);
-    if (!data.published && !force) return { post: null };
-
-    // getting front matter
-    const frontMatter = this.getFrontMatter(slug);
-
-    /* code theme options */
-    const prettyCodeOptions = {
-      theme: "one-dark-pro",
-      onVisitLine(node) {
-        // Prevent lines from collapsing in `display: grid` mode, and
-        // allow empty lines to be copy/pasted
-        if (node.children.length === 0) {
-          node.children = [{ type: "text", value: " " }];
-        }
-      },
-      // Feel free to add classNames that suit your docs
-      onVisitHighlightedLine(node) {
-        node.properties.className.push("highlighted");
-      },
-      onVisitHighlightedWord(node) {
-        node.properties.className = ["word"];
-      },
-    };
-
-    /* serializing the markdown and passing the rehype plugins as MDX supports them */
-    const mdxSource = await serialize(content, {
-      mdxOptions: {
-        rehypePlugins: [
-          rehypeSlug,
-          [rehypeAutolinkHeadings, { behaviour: "wrap" }],
-          [rehypePrettyCode, prettyCodeOptions],
-        ],
-      },
-    });
-    return {
-      post: {
-        content: mdxSource,
-        tableOfContents: this.getTableOfContents(content),
-        meta: frontMatter,
-      },
-    };
-  }
-
-  /* Getting all posts 
-    - First find all slugs
-    - then map for each slug and get the front matter of that post
-    - then filter the posts by date 
-    - return as an array
-  */
-  getAllPosts() {
-    const posts = this.getSlugs()
-      .map((slug) => {
-        return this.getFrontMatter(slug, false);
-      })
-      .filter((post) => post != null || post != undefined) // Filter post if it is not published
-      .sort((a, b) => {
-        if (new Date(a.date) > new Date(b.date)) return -1;
-        if (new Date(a.date) < new Date(b.date)) return 1;
-        return 0;
-      });
-
-    return posts;
-  }
-
-  /* Generate the table of contents for the blog
-    - using a regular expression to get the headings of the blog only h2 to h6 then 
-    - then generating levels a heading and removing # from the heading and returning as an array
-  */
-  getTableOfContents(markdown) {
-    const regXHeader = /#{2,6}.+/g;
-    const headingArray = markdown.match(regXHeader)
-      ? markdown.match(regXHeader)
-      : [];
-    return headingArray.map((heading) => {
-      return {
-        level: heading.split("#").length - 1 - 2, // we starts from the 2nd heading that's why we subtract 2 and 1 is extra heading text
-        heading: heading.replace(/#{2,6}/, "").trim(),
-      };
-    });
-  }
-}
-```
-
-This is all you need to manage the blog. You can get the single post using `getPostFromSlug` and if you want to get all the posts then use `getAllPosts`.
-
-> These functions can only be used on the server side as the `fs` module does not allows using this functionality on the client side. So we will use `getStaticProps` for this.
-
-Now we have a blog and we also have an `MDXContent` class to manage and get the blog data. Let's create a blog page or route.
-
-### Creating Blogs page
-
-Create a file file called `index.js` inside `pages/blogs` directory.
-
-<CodeTitle title="pages/blogs/index.js" lang="jsx" />
-```jsx
-import { useState, useEffect } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import {
-  FadeContainer,
-  opacityVariant,
-  popUp,
-  popUpFromBottomForText,
-} from "@content/FramerMotionVariants";
-import Link from "next/link";
-import Blog from "@components/Blog"; // ======> not created yet
-import Metadata from "@components/MetaData";
-import { BiRss } from "react-icons/bi";
-import { RiCloseCircleLine } from "react-icons/ri";
-import { BsBookmark } from "react-icons/bs";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import PageTop from "@components/PageTop";
-import MDXContent from "@lib/MDXContent"; // ===> importing MDX contents
-import pageMeta from "@content/meta";
-
-export default function Blogs({ blogs }) {
-  const [searchValue, setSearchValue] = useState("");
-  const [filteredBlogs, setFilteredBlogs] = useState([...blogs]);
-
-  useEffect(() => {
-    setFilteredBlogs(
-      blogs.filter((post) =>
-        post.title.toLowerCase().includes(searchValue.trim().toLowerCase())
-      )
-    );
-  }, [searchValue, blogs]);
-
-  return (
-    <>
-      <Metadata
-        title={pageMeta.blogs.title}
-        description={pageMeta.blogs.description}
-        previewImage={pageMeta.blogs.image}
-        keywords={pageMeta.blogs.keywords}
-      />
-
-      <section className="pageTop flex flex-col gap-2">
-        <PageTop pageTitle="Blogs">
-          I've been writing online since 2021, mostly about web development and
-          tech careers. In total, I've written {blogs.length} articles till now.
-        </PageTop>
-
-        <AnimatedDiv variants={opacityVariant}>
-          <div className="w-full lg:flex items-center text-sm leading-6 text-slate-400 rounded-md ring-1 ring-slate-900/10 px-2 py-1.5 shadow-sm hover:ring-slate-400 dark:bg-darkSecondary dark:highlight-white/5 dark:hover:bg-darkSecondary/90 mx-auto flex relative bg-white group">
-            <svg
-              width="24"
-              height="24"
-              fill="none"
-              aria-hidden="true"
-              className="mx-3 flex-none"
-            >
-              <path
-                d="m19 19-3.5-3.5"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              ></path>
-              <circle
-                cx="11"
-                cy="11"
-                r="6"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              ></circle>
-            </svg>
-            <input
-              className="px-3 text-slate-400  py-2 w-full  outline-none transition duration-200 bg-transparent font-medium font-inter"
-              type="text"
-              value={searchValue}
-              onChange={(e) => setSearchValue(e.target.value)}
-              placeholder="Search articles..."
-            />
-
-            <button
-              type="button"
-              onClick={() => setSearchValue("")}
-              className="hidden group-hover:inline-flex"
-            >
-              <RiCloseCircleLine className="w-4 h-4 mr-3" />
-            </button>
-          </div>
-        </AnimatedDiv>
-
-        <section className="relative py-5  flex flex-col gap-2 min-h-[50vh]">
-          <AnimatePresence>
-            {filteredBlogs.length != 0 ? (
-              <>
-                <AnimatedDiv
-                  variants={FadeContainer}
-                  className="flex items-center justify-between"
-                >
-                  <motion.h3
-                    variants={popUpFromBottomForText}
-                    className="text-left font-bold text-2xl sm:text-3xl my-5"
-                  >
-                    All Posts ({filteredBlogs.length})
-                  </motion.h3>
-
-                  <div className="flex items-center gap-2">
-                    <Link href="/blogs/bookmark" passHref>
-                      <motion.a variants={popUp}>
-                        <BsBookmark
-                          title="Bookmark"
-                          className="text-2xl cursor-pointer"
-                        />
-                      </motion.a>
-                    </Link>
-
-                    <Link href="/rss" passHref>
-                      <motion.a variants={popUp}>
-                        <BiRss
-                          title="RSS"
-                          className="text-3xl cursor-pointer"
-                        />
-                      </motion.a>
-                    </Link>
-                  </div>
-                </AnimatedDiv>
-
-                <AnimatedDiv
-                  variants={FadeContainer}
-                  className="grid grid-cols-1 gap-4 mx-auto md:ml-[20%] xl:ml-[24%]"
-                >
-                  {filteredBlogs.map((blog, index) => {
-                    return <Blog key={index} blog={blog} />;
-                  })}
-                </AnimatedDiv>
-              </>
-            ) : (
-              <div className="font-inter text-center font-medium dark:text-gray-400">
-                No Result Found
-              </div>
-            )}
-          </AnimatePresence>
-        </section>
-      </section>
-    </>
-  );
-}
-
-export async function getStaticProps() {
-  const blogs = new MDXContent("posts").getAllPosts(); // getting all posts (only front matter) inside "posts" directory
-  return {
-    props: { blogs },
-  };
-}
-```
-
-In the above code, I am getting blogs using `new MDXContent("posts").getAllPosts()` and then passing them as props to the client. On the client side, I create a UI and then render the `Blog` component. Also creating a realtime search for blogs. But we haven't implemented the following things in the above code:
-
-- `Blog` Component
-- Bookmark support
-- RSS feed support for blogs
-
-### Creating Blog Component
-
-<CodeTitle title="components/Blog.js" lang="jsx" />
-```jsx
-import Link from "next/link";
-import { motion, AnimatePresence } from "framer-motion";
-import { useEffect, useState } from "react";
-import OgImage from "./OgImage";
-
-export default function Blog({ blog }) {
-  return (
-    <article className="card">
-      <OgImage src={blog.image} alt={blog.title} />
-
-      <div className="flex flex-col">
-        <p className="text-gray-500 text-sm font-medium flex justify-between items-center">
-          <span>{blog.stringDate}</span>
-          <span>{blog.readingTime.text}</span>
-        </p>
-        <h1 className="mt-1 font-bold text-neutral-900 dark:text-neutral-200">
-          {blog.title}
-        </h1>
-        <p className="mt-3 text-sm  text-gray-600 dark:text-gray-400 truncate-3">
-          {blog.excerpt}
-        </p>
-
-        <div className="relative mt-4 flex items-center justify-between overflow-hidden">
-          <Link passHref href={`/blogs/${blog.slug}`}>
-            <a
-              href={`/blogs/${blog.slug}`}
-              className="px-5 md:px-6 py-2 md:py-2.5 rounded-lg bg-black hover:bg-neutral-900 text-white w-fit text-xs transition-all active:scale-95 font-medium select-none"
-            >
-              Read more
-            </a>
-          </Link>
-        </div>
-      </div>
-    </article>
-  );
-}
-```
-
-This is the Blog card that we will see on the home page. Now, as I mentioned earlier, it has a functionality to add them as bookmarks using Local Storage. If you haven't heard about this then I have made a blog that explains it a little bit better.
-
-<EmbedBlog 
-  img="https://imgur.com/fAg6vHU.png" 
-  text="How to use Web Storage API?" 
-  url="/blogs/web-storage-api" 
-/>
-
-### Adding Bookmark Support
-
-I have specifically designed a hook that store and remove the blogs from local storage and also get all the values.
-
-<CodeTitle title="hooks/useBookmarkBlogs.js" lang="js" />
-```jsx
-/* File: hooks/useBookmarkBlogs.js  */
-
-import { useState, useEffect } from "react";
-
-/* It takes key and defaultValue if the data is not present */
-const useBookmarkBlogs = (key, defaultValue) => {
-  const [bookmarkedBlogs, setBookmarkedBlogs] = useState(() => {
-    let currentValue;
-
-    /* trying to get te data from local storage */
-    try {
-      currentValue = JSON.parse(localStorage.getItem(key) || defaultValue);
-    } catch (error) {
-      currentValue = defaultValue;
-    }
-
-    return currentValue;
-  });
-
-  /* trying to get te data from local storage */
-  function getValue() {
-    var data = JSON.parse(localStorage.getItem(key));
-    if (data === null) {
-      localStorage.setItem(key, JSON.stringify([]));
-      return JSON.parse(localStorage.getItem(key));
-    }
-    return data;
-  }
-
-  /* add blog as bookmark */
-  function addToBookmark(blogToBookmark) {
-    var data = getValue();
-    if (!data.includes(blogToBookmark)) {
-      data.unshift(blogToBookmark); // add blog to the starting of the array
-      setBookmarkedBlogs(data);
-    }
-  }
-
-  function removeFromBookmark(blogToRemove) {
-    var data = getValue();
-    setBookmarkedBlogs(data.filter((blog) => blog.slug != blogToRemove));
-  }
-
-  /* it check if the bookmark is already present or not if yes then return true else false */
-  function isAlreadyBookmarked(searchBySlug) {
-    return bookmarkedBlogs
-      .map((bookmarkedBlog) => bookmarkedBlog.slug === searchBySlug)
-      .includes(true);
-  }
-
-  /* update the local storage as bookmarkedBlogs value change */
-  useEffect(() => {
-    localStorage.setItem(key, JSON.stringify(bookmarkedBlogs));
-  }, [bookmarkedBlogs]);
-
-  return {
-    bookmarkedBlogs,
-    addToBookmark,
-    removeFromBookmark,
-    isAlreadyBookmarked,
-  };
-};
-
-export default useBookmarkBlogs;
-```
-
-The above code consists of a hook that adds and removes the blog from the `localStorage` or bookmark. It returns four things-
-
-- `bookmarkedBlogs` : All the bookmarked Blogs
-- `addToBookmark` : function that add the blog to bookmark
-- `removeFromBookmark` : function that remove the blog from bookmark
-- `isAlreadyBookmarked` : a function that checks if the blog is bookmarked or not (takes slug as input)
-
-Now as we have just created a hook now we need to use this functionality. Let's use it:
-
-<CodeTitle title="components/Blog.js" lang="jsx" />
-```jsx
-/* ..........imported modules......... */
-import useLocalStorage from "@hooks/useBookmarkBlogs";
-
-export default function Blog({ blog }) {
-  const { isAlreadyBookmarked, addToBookmark, removeFromBookmark } =
-    useLocalStorage("blogs", []);
-  const [bookmarkModal, setBookmarkModal] = useState({ show: false, text: "" });
-
-  useEffect(() => {
-    if (bookmarkModal.text != "") {
-      setTimeout(() => {
-        setBookmarkModal({ show: false, text: "" });
-      }, 2000);
-    }
-  }, [bookmarkModal]);
-
-  function handleBookmark() {
-    if (isAlreadyBookmarked(blog.slug)) {
-      removeFromBookmark(blog.slug);
-      setBookmarkModal({ show: true, text: "Removed from Bookmarks" });
-    } else {
-      addToBookmark(blog);
-      setBookmarkModal({ show: true, text: "Added to Bookmarks" });
-    }
-  }
-
-  return (
-    <article className="card">
-      <div className="relative mt-4 flex items-center justify-between overflow-hidden">
-        {/* Just below the Read more button add the following code */}
-
-        <button
-          title="Save for Later"
-          className="transition active:scale-75"
-          onClick={handleBookmark}
-        >
-          {isAlreadyBookmarked(blog.slug) ? (
-            <BsBookmarkFill className="w-6 h-6" />
-          ) : (
-            <BsBookmark className="w-6 h-6" />
-          )}
-        </button>
-
-        <AnimatePresence>
-          {bookmarkModal.show && (
-            <motion.p
-              initial="hidden"
-              animate="visible"
-              exit="hidden"
-              variants={{
-                hidden: { opacity: 0, right: -100 },
-                visible: { right: 40, opacity: 1 },
-              }}
-              className="absolute px-2 py-1 text-[10px] bg-black text-white"
-            >
-              {bookmarkModal.text}
-            </motion.p>
-          )}
-        </AnimatePresence>
-
-        {/* End of the Code */}
-      </div>
-    </article>
-  );
-}
-```
-
-This is enough to add the remove the blogs to bookmark. Now Let's create a **Bookmark** page where user can view their bookmarked blogs.
-
-#### Creating Bookmark Page
-
-- Create a file called `bookmark.js` inside the `pages/blogs` directory.
-- Add the following code to that file
-
-<CodeTitle title="pages/blogs/bookmark.js" lang="jsx" />
-```jsx
-import { AnimatePresence } from "framer-motion";
-import { FadeContainer } from "@content/FramerMotionVariants";
-import Blog from "@components/Blog";
-import Metadata from "@components/MetaData";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import PageTop from "@components/PageTop";
-import useBookmarkBlogs from "@hooks/useBookmarkBlogs";
-import pageMeta from "@content/meta";
-
-export default function Blogs() {
-  const { bookmarkedBlogs } = useBookmarkBlogs("blogs", []);
-
-  return (
-    <>
-      <Metadata
-        title={pageMeta.bookmark.title}
-        description={pageMeta.bookmark.description}
-        previewImage={pageMeta.bookmark.image}
-        keywords={pageMeta.bookmark.keywords}
-      />
-
-      <section className="pageTop flex flex-col gap-2 text-neutral-900 dark:text-neutral-200">
-        <PageTop pageTitle="Bookmarks">
-          Here you can find article bookmarked by you for Later use.
-        </PageTop>
-
-        <section className="relative py-5 px-2 flex flex-col gap-2 min-h-[50vh]">
-          <AnimatePresence>
-            {bookmarkedBlogs.length != 0 ? (
-              <AnimatedDiv
-                variants={FadeContainer}
-                className="grid grid-cols-1 gap-4 mx-auto md:ml-[20%] xl:ml-[24%]"
-              >
-                {bookmarkedBlogs.map((blog, index) => {
-                  return <Blog key={index} blog={blog} />;
-                })}
-              </AnimatedDiv>
-            ) : (
-              <div className="font-inter text-center font-medium dark:text-gray-400 mt-10">
-                No Result Found
-              </div>
-            )}
-          </AnimatePresence>
-        </section>
-      </section>
-    </>
-  );
-}
-```
-
-After that this page looks something like this and it will be available at [localhost:3000/blogs/bookmark](http://localhost:3000/blogs/bookmark)
-
-![bookmark-page](https://i.imgur.com/qQYwoFl.png)
-
-### Adding RSS feed for blog
-
-First, we need to install the [rss](https://www.npmjs.com/package/rss) package to implement this.
-
-```bash
-pnpm i rss
-```
-
-**Create `lib/generateRssFeed.js`**
-
-<CodeTitle title="lib/generateRssFeed.js" lang="js" />
-```jsx
-import { writeFileSync } from "fs";
-import MDXContent from "@lib/MDXContent";
-import RSS from "rss";
-
-export default async function getRSS() {
-  const siteURL = "https://yourdomain.com";
-  const allBlogs = new MDXContent("posts").getAllPosts();
-
-  const feed = new RSS({
-    title: "Your Name",
-    description: "your description",
-    site_url: siteURL,
-    feed_url: `${siteURL}/feed.xml`,
-    language: "en",
-    pubDate: new Date(),
-    copyright: `All rights reserved ${new Date().getFullYear()}, Your Name`,
-  });
-
-  allBlogs.map((post) => {
-    feed.item({
-      title: post.title,
-      url: `${siteURL}/blogs/${post.slug}`,
-      date: post.date,
-      description: post.excerpt,
-    });
-  });
-
-  writeFileSync("./public/feed.xml", feed.xml({ indent: true }));
-}
-```
-
-In the above code, we are fetching all the posts that we have and then Adding each blog as the feed item. This will create a `feed.xml` file inside the `public` folder. One more thing we need to call this function as well.
-
-Now, we just need to call this function to generate the feed as the data is updated. To do that we call this function inside the getStaticProps in pages/index.js because whenever our site is built and deployed, our RSS feed will be created and updated as well.
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* Filename: pages/index.js */
-import generateRSS from "../lib/generateRssFeed";
-
-export async function getStaticProps() {
-  // ........
-  await generateRSS(); // calling to generate the feed
-  // ........
-}
-```
-
-If you want to learn another method to add the RSS then consider the following Blog:
-
-
-<EmbedBlog 
-  img="https://imgur.com/MuMZbDH.png" 
-  text="How to add RSS feed in Next.js Blog" 
-  url="/blogs/rss-feed-for-nextjs" 
-/>
-
-### Creating Individual Blog Pages
-
-This is basically a `[slug]` page which means that when users visit the individual blog then how it should look. As we already created content using MDX. Now let's implement the `[slug].js`
-
-First install [next-mdx-remote](https://www.npmjs.com/package/next-mdx-remote) and [highlight.js](https://www.npmjs.com/package/highlight.js).
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i next-mdx-remote highlight.js
-```
-
-**Create `pages/blogs/[slug].js`**
-
-<CodeTitle title="pages/blogs/[slug].js" lang="jsx" />
-```jsx
-import { useEffect } from "react";
-import BlogLayout from "@layout/BlogLayout"; // ========> not created yet
-import Metadata from "@components/MetaData";
-import MDXComponents from "@components/MDXComponents"; // =====> will create in the end of the section
-import PageNotFound from "pages/404"; // =======> not created yet
-import MDXContent from "@lib/MDXContent";
-import { MDXRemote } from "next-mdx-remote";
-import "highlight.js/styles/atom-one-dark.css";
-
-export default function Post({ post, error }) {
-  if (error) return <PageNotFound />;
-
-  return (
-    <>
-      <Metadata
-        title={post.meta.title}
-        description={post.meta.excerpt}
-        previewImage={post.meta.image}
-        keywords={post.meta.keywords}
-      />
-
-      <BlogLayout post={post}>
-        <MDXRemote
-          {...post.source}
-          frontmatter={post.meta}
-          components={MDXComponents}
-        />
-      </BlogLayout>
-    </>
-  );
-}
-
-/* Generating the page for every slug */
-export async function getStaticProps({ params }) {
-  const { slug } = params;
-  const { post } = await new MDXContent("posts").getPostFromSlug(slug);
-
-  if (post != null) {
-    return {
-      props: {
-        error: false,
-        post: {
-          meta: post.meta,
-          source: post.content,
-          tableOfContents: post.tableOfContents,
-        },
-      },
-    };
-  } else {
-    return {
-      props: {
-        error: true,
-        post: null,
-      },
-    };
-  }
-}
-
-/* Generating all possible paths for the slug */
-export async function getStaticPaths() {
-  const paths = new MDXContent("posts")
-    .getSlugs()
-    .map((slug) => ({ params: { slug } }));
-
-  return {
-    paths,
-    fallback: false,
-  };
-}
-```
-
-The above code just takes all the slugs and generates the paths and then those paths (which are slugs) use to generate the individual page for each slug. We need to create two things now `PageNotFound` and `BlogLayout`.
-
-#### Creating `PageNotFound` Component
-
-Create a file called `404.js` inside `pages` directory.
-
-<CodeTitle title="pages/404.js" lang="jsx" />
-```jsx
-import React from "react";
-import Link from "next/link";
-import MetaData from "@components/MetaData";
-
-export default function PageNotFound() {
-  return (
-    <>
-      <MetaData title="404 -" description="You are lost in Space !!" />
-      <section className="pageTop flex flex-col gap-5 md:pt-20">
-        <h1 className="font-bold font-barlow text-3xl md:text-5xl uppercase dark:text-white">
-          Stay calm and don't freak out!!
-        </h1>
-        <p className="font-inter text-gray-500 dark:text-gray-400/70">
-          Looks like you've found the doorway to the great nothing. You didn't
-          break the internet, but I can't find what you are looking for. Please
-          visit my <b>Homepage</b> to get where you need to go.
-        </p>
-
-        <Link href="/" passHref>
-          <div className="p-3 w-full xs:max-w-[200px] xs:mx-0 sm:p-3 font-bold mx-auto bg-gray-200 dark:bg-darkSecondary text-center rounded-md text-black dark:text-white select-none cursor-pointer">
-            Take me there!
-          </div>
-        </Link>
-      </section>
-    </>
-  );
-}
-```
-
-#### Creating `BlogLayout` Component
-
-<CodeTitle title="layout/BlogLayout.js" lang="jsx" />
-```jsx
-import { AvatarImage } from "../utils/utils"; // =========> not created
-import Image from "next/image";
-import styles from "../styles/Blog.module.css"; // =========> not created
-import ShareOnSocialMedia from "../components/ShareOnSocialMedia"; // =========> not created
-import { FiPrinter } from "react-icons/fi";
-import { TbEdit } from "react-icons/tb";
-import Newsletter from "../components/Newsletter"; // =========> not created
-import Link from "next/link";
-import useWindowLocation from "@hooks/useWindowLocation";
-import ScrollProgressBar from "@components/ScrollProgressBar"; // =========> not created
-import { stringToSlug } from "@lib/toc"; // =========> not created
-import { useState, useEffect } from "react";
-import { lockScroll, removeScrollLock } from "@utils/functions"; // =========> not created
-import useWindowSize from "@hooks/useWindowSize"; // =========> not created
-import { FadeContainer, opacityVariant } from "@content/FramerMotionVariants";
-import AnimatedHeading from "@components/FramerMotion/AnimatedHeading";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import useBookmarkBlogs from "@hooks/useBookmarkBlogs";
-import { BsBookmark, BsBookmarkFill } from "react-icons/bs";
-import useScrollPercentage from "@hooks/useScrollPercentage";
-
-export default function BlogLayout({ post, children }) {
-  const { currentURL } = useWindowLocation();
-  const [isTOCActive, setIsTOCActive] = useState(false);
-  const [alreadyBookmarked, setAlreadyBookmarked] = useState(false);
-
-  const scrollPercentage = useScrollPercentage();
-
-  const size = useWindowSize();
-
-  const { isAlreadyBookmarked, addToBookmark, removeFromBookmark } =
-    useBookmarkBlogs("blogs", []);
-
-  useEffect(() => {
-    // In Case user exists from mobile to desktop then remove the scroll lock and TOC active to false
-    if (size.width > 768) {
-      removeScrollLock();
-      setIsTOCActive(false);
-    }
-  }, [size]);
-
-  useEffect(() => {
-    setAlreadyBookmarked(isAlreadyBookmarked(post.meta.slug));
-  }, [isAlreadyBookmarked, post.meta.slug]);
-
-  return (
-    <section className="mt-[44px] md:mt-[60px]  relative !overflow-hidden">
-      {/* TOC */}
-      <div
-        className={`fixed h-full ${
-          isTOCActive
-            ? "left-0 opacity-100 top-[44px] md:top-[60px]"
-            : "-left-full opacity-0"
-        } ${
-          scrollPercentage > 95 ? "xl:-left-full" : "xl:left-0"
-        } md:left-0 md:opacity-100 md:max-w-[35%] lg:max-w-[30%]  transition-all duration-500 flex flex-col gap-1 !pb-[100px] overflow-y-scroll p-10 md:p-14 h-screen fixed w-full font-barlow bg-darkWhite dark:bg-darkPrimary text-neutral-800 dark:text-gray-200 z-50 `}
-      >
-        <AnimatedHeading
-          variants={opacityVariant}
-          className="font-bold text-xl md:text-2xl -ml-[5px] md:-ml-[6px]"
-        >
-          Table of Contents
-        </AnimatedHeading>
-
-        <AnimatedDiv
-          variants={FadeContainer}
-          className="flex flex-col relative before:absolute before:left-0 before:h-full before:w-[1.5px] before:bg-neutral-500"
-        >
-          {post.tableOfContents.map((content) => {
-            return (
-              <Link
-                key={content.heading}
-                href={`#${stringToSlug(content.heading)}`}
-                passHref
-              >
-                <a
-                  className="relative overflow-hidden hover:bg-darkSecondary px-2 py-0.5 md:py-1 rounded-tr-md rounded-br-md md:truncate text-neutral-700 hover:text-white  dark:text-neutral-200 font-medium border-l-2 border-neutral-500 dark:hover:border-white"
-                  style={{ marginLeft: `${content.level * 15}px` }}
-                  key={content.heading}
-                  onClick={() => {
-                    if (size.width < 768) {
-                      lockScroll();
-                      setIsTOCActive(false);
-                    }
-                    setIsTOCActive(false);
-                    removeScrollLock();
-                  }}
-                >
-                  {content.heading}
-                </a>
-              </Link>
-            );
-          })}
-        </AnimatedDiv>
-      </div>
-
-      <button
-        onClick={() => {
-          setIsTOCActive(!isTOCActive);
-          lockScroll();
-        }}
-        className="md:hidden w-full py-2 font-medium bg-black dark:bg-white text-white dark:text-black fixed bottom-0 outline-none z-50"
-      >
-        Table of Contents
-      </button>
-
-      <section
-        className="p-5 sm:pt-10 relative font-barlow prose dark:prose-invert md:ml-[35%] lg:ml-[30%]"
-        style={{ maxWidth: "800px", opacity: isTOCActive && "0.3" }}
-      >
-        {/* Progress Bar */}
-        <ScrollProgressBar />
-
-        {/* Blog Front Matter & Author */}
-        <h1 className="text-3xl font-bold tracking-tight text-black md:text-5xl dark:text-white">
-          {post.meta.title}
-        </h1>
-
-        <div className="flex items-center !w-full text-gray-700 dark:text-gray-300">
-          <div className="flex items-center gap-2 w-full">
-            <div className="relative grid">
-              <Image
-                alt="Jatin Sharma"
-                height={30}
-                width={30}
-                src={AvatarImage}
-                layout="fixed"
-                className="rounded-full"
-              />
-            </div>
-            <div className="flex flex-col sm:flex-row sm:justify-between w-full">
-              <p className="text-sm  flex items-center gap-2 font-medium !my-0">
-                <span>Jatin Sharma</span>
-                <span>•</span>
-                <span>{post.meta.stringDate}</span>
-              </p>
-
-              <p className="text-sm  flex items-center gap-2 font-medium !my-0">
-                <span>{post.meta.readingTime.text}</span>
-                <span>•</span>
-                <span>{post.meta.readingTime.words} words</span>
-              </p>
-            </div>
-          </div>
-
-          <div className="flex gap-2 ml-4">
-            <Link
-              href={`https://github.com/j471n/j471n.in/edit/main/posts/${post.meta.slug}.mdx`}
-              passHref
-            >
-              <a
-                title="Edit on Github"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="transition active:scale-75 select-none"
-              >
-                <TbEdit className="w-7 h-7 text-gray-700 dark:text-gray-300 " />
-              </a>
-            </Link>
-            <button
-              title="Save for Later"
-              className="transition active:scale-75"
-              onClick={() => {
-                alreadyBookmarked
-                  ? removeFromBookmark(post.meta.slug)
-                  : addToBookmark(post.meta);
-              }}
-            >
-              {alreadyBookmarked ? (
-                <BsBookmarkFill className="w-6 h-6 " />
-              ) : (
-                <BsBookmark className="w-6 h-6 " />
-              )}
-            </button>
-          </div>
-        </div>
-
-        {/* Main Blog Content */}
-        <AnimatedDiv
-          variants={opacityVariant}
-          className={` ${styles.blog} blog-container prose-sm prose-stone`}
-        >
-          {children}
-        </AnimatedDiv>
-
-        {/* NewsLetter */}
-        <Newsletter />
-
-        {/* Share Blog on Social Media */}
-        <div className="w-full flex flex-col items-center gap-4 my-10 print:hidden">
-          <h3
-            style={{ margin: "0" }}
-            className="font-semibold text-xl dark:text-white"
-          >
-            Share on Social Media:
-          </h3>
-          <ShareOnSocialMedia
-            className="flex gap-2 items-center flex-wrap w-fit"
-            title={post.meta.title}
-            url={currentURL}
-            summary={post.meta.excerpt}
-            cover_image={post.meta.image}
-          >
-            {/* Print the Blog */}
-            <div className="bg-gray-700 text-white p-2 rounded-full cursor-pointer">
-              <FiPrinter className="w-4 h-4" onClick={() => window.print()} />
-            </div>
-          </ShareOnSocialMedia>
-        </div>
-      </section>
-    </section>
-  );
-}
-```
-
-I know this is a lot to take in. But I'll try to explain one by one this `BlogLayout` component has several sections-
-
-- Table of Content (TOC)
-- ScrollProgressBar
-- Newsletter
-- Share on Social Media
-- Blog Meta
-- Main Blog Content
-
-The last two are self-explanatory. There are many things that we have not created yet. They will be created by the end of this section. Before we dive into the main sections, let's just create basic functions that have been used in the above code.
-
-**Creating `AvatarImage`**
-
-<CodeTitle title="utils/utils.js" lang="js" />
-```js
-/* ............... */
-export const AvatarImage = "https://imgur.com/yaefpD9.png";
-/* ............... */
-```
-
-**Creating Blog Styles**
-
-<CodeTitle title="styles/Blog.module.css" lang="css" />
-```css
-.blog {
-  @apply font-inter dark:!text-gray-400 w-full;
-}
-
-.blog img {
-  @apply !mx-auto rounded-lg;
-}
-.blog a,
-.blog > ul > li > a {
-  @apply text-blue-500 underline;
-}
-
-.blog h1,
-.blog h2,
-.blog h3,
-.blog h4,
-.blog h5,
-.blog h6 {
-  @apply my-2;
-}
-
-.blog blockquote {
-  @apply border-l-4 border-gray-500 pl-3;
-}
-.blog blockquote img {
-  @apply !mx-0 !my-1;
-}
-
-.blog blockquote p {
-  @apply text-gray-500;
-}
-
-.blog > div > table > thead > tr > th {
-  @apply border border-black text-teal-500 text-center !p-2 !font-bold;
-}
-.blog > div > table > thead {
-  @apply !text-gray-800;
-}
-.blog > div > table tbody > tr > td {
-  @apply border border-black !p-2 table-cell;
-}
-
-.blog > figure {
-  @apply rounded-md mx-auto overflow-hidden;
-}
-
-.blog > figure img {
-  @apply mx-auto my-0 rounded-lg;
-}
-.blog > figure figcaption {
-  @apply text-center text-sm font-medium italic text-gray-500 max-w-xl  mx-auto;
-}
-
-.blog code {
-  @apply bg-gray-600 text-white;
-}
-
-.blog h1 code,
-.blog h2 code,
-.blog h3 code,
-.blog h4 code,
-.blog h5 code,
-.blog h6 code {
-  @apply bg-transparent font-semibold my-2 text-blue-500;
-}
-
-.blog div[data-rehype-pretty-code-title] {
-  @apply bg-[#1f2937] rounded-tl-md rounded-tr-md border-b text-gray-500 dark:text-white w-full;
-}
-
-.blog > div[data-rehype-pretty-code-fragment] {
-  @apply -mt-[6px] !-z-10;
-}
-
-/* Main code */
-.blog > div[data-rehype-pretty-code-fragment] > pre,
-.blog > pre {
-  @apply my-0 border border-gray-50/50 rounded-bl-md rounded-br-md mb-4 sm:text-sm w-full !p-0;
-}
-
-.blog > div[data-rehype-pretty-code-fragment] code {
-  @apply grid;
-}
-
-/* Main Heading of the Blog */
-.blog h2 {
-  @apply text-2xl;
-}
-```
-
-**Creating `lockScroll` and `removeScrollLock`**
-
-<CodeTitle title="utils/functions.js" lang="js" />
-```js
-export function lockScroll() {
-  const root = document.getElementsByTagName("html")[0];
-  root.classList.toggle("lock-scroll"); // class is define in the global.css
-}
-export function removeScrollLock() {
-  const root = document.getElementsByTagName("html")[0];
-  root.classList.remove("lock-scroll"); // class is define in the global.css
-}
-```
-
-**Creating `useWindowSize` hook**
-
-<CodeTitle title="hooks/useWindowSize.js" lang="js" />
-```jsx
-import { useState, useEffect } from "react";
-export default function useWindowSize() {
-  // Initialize state with undefined width/height so server and client renders match
-  const [windowSize, setWindowSize] = useState({
-    width: undefined,
-    height: undefined,
-  });
-  useEffect(() => {
-    // Handler to call on window resize
-    function handleResize() {
-      // Set window width/height to state
-      setWindowSize({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      });
-    }
-    // Add event listener
-    window.addEventListener("resize", handleResize);
-    // Call handler right away so state gets updated with initial window size
-    handleResize();
-    // Remove event listener on cleanup
-    return () => window.removeEventListener("resize", handleResize);
-  }, []); // Empty array ensures that effect is only run on mount
-  return windowSize;
-}
-```
-
-#### Create Table of Contents
-
-This will generate the TOC for each blog automatically. We don't have to create it manually so that users can easily navigate to the desired blog section.
-
-To create that we already have a function in [MDXContent](#get-the-mdx-content)
-
-<CodeTitle title="lib/MDXContent.js" lang="js" />
-```js
-/* Generate the table of contents for the blog
-    - using regular expression to get the headings of the blog only h2 to h6 then
-    - then generating levels an heading and removing (hashtag) from the heading and returning as array
-  */
-  getTableOfContents(markdown) {
-    const regXHeader = /#{2,6}.+/g;
-    const headingArray = markdown.match(regXHeader)
-      ? markdown.match(regXHeader)
-      : [];
-    return headingArray.map((heading) => {
-      return {
-        level: heading.split("#").length - 1 - 2, // we starts from the 2nd heading that's why we subtract 2 and 1 is extra heading text
-        heading: heading.replace(/#{2,6}/, "").trim(),
-      };
-    });
-  }
-```
-
-This produces the array of **heading level** and **heading text** then we just need to pass that text to `stringToSlug` function. Which will produce the slug/URL for the post. Then we map through the TOC and add the headings there.
-
-**Creating `stringToSlug`**
-
-<CodeTitle title="lib/toc.js" lang="js" />
-```js
-/* ---------Converts string to Slug-------- */
-export function stringToSlug(str) {
-  return str
-    .toLowerCase()
-    .trim()
-    .replace(/[^\w\s-]/g, "")
-    .replace(/[\s]+/g, "-")
-    .replace(/^-+|-+$/g, "");
-}
-```
-
-It will look something like this:
-
-![TOC](https://i.imgur.com/stE241c.png)
-
-#### Creating `ScrollProgressBar` Component
-
-This Progress bar shows how much of the article you have read. It shows the progress based on how much you have scrolled.
-
-![scroll](https://i.imgur.com/0OQkk7x.gif)
-
-<CodeTitle title="components/ScrollProgressBar.js" lang="jsx" />
-```jsx
-import { useCallback, useEffect, useState } from "react";
-
-export default function ScrollProgressBar() {
-  const [scroll, setScroll] = useState(0);
-
-  const progressBarHandler = useCallback(() => {
-    const totalScroll = document.documentElement.scrollTop;
-    const windowHeight =
-      document.documentElement.scrollHeight -
-      document.documentElement.clientHeight;
-    const scroll = `${totalScroll / windowHeight}`;
-
-    setScroll(scroll);
-  }, []);
-
-  useEffect(() => {
-    window.addEventListener("scroll", progressBarHandler);
-    return () => window.removeEventListener("scroll", progressBarHandler);
-  }, [progressBarHandler]);
-  return (
-    <div
-      className="!fixed left-0 w-full h-1 bg-black dark:bg-white origin-top-left  transform duration-300  top-[44px] sm:top-[63.5px] md:top-[60px]"
-      style={{
-        transform: `scale(${scroll},1)`,
-        zIndex: 100,
-      }}
-    />
-  );
-}
-```
-
-#### Newsletter Component
-
-You need to install [dompurify](https://www.npmjs.com/package/dompurify). DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML and SVG. This is the **optional** step.
-
-I take an email from the user as input and then make a POST request to `/api/subscribe` route. Which we will create later.
-
-<CodeTitle title="components/Newsletter.js" lang="jsx" />
-```jsx
-import { useState } from "react";
-import { AiOutlineSend } from "react-icons/ai";
-import { sanitize } from "dompurify";
-import { ToastContainer, toast } from "react-toastify";
-
-export default function Newsletter() {
-  const [email, setEmail] = useState("");
-  const [loading, setLoading] = useState(false);
-
-  const toastOptions = {
-    theme: "colored",
-    className: "w-full sm:w-96 font-inter",
-    position: "top-center",
-    autoClose: 3000,
-    hideProgressBar: false,
-    closeOnClick: true,
-    pauseOnHover: false,
-    draggable: true,
-    progress: undefined,
-  };
-
-  async function subscribeNewsLetter(e) {
-    e.preventDefault();
-    setLoading(true);
-
-    // validating the email if it is disposable or not
-    const { disposable } = await fetch(
-      `https://open.kickbox.com/v1/disposable/${email.split("@")[1]}`,
-      { method: "GET" }
-    ).then((res) => res.json());
-
-    if (disposable) {
-      setLoading(false);
-      return toast.error(
-        "You almost had me, now seriously enter the valid email",
-        toastOptions
-      );
-    }
-
-    // Adding the subscriber to the database
-    fetch("/api/subscribe", {
-      method: "POST",
-      body: JSON.stringify({
-        email: sanitize(email), // just to make sure everything is correct
-      }),
-    })
-      .then((res) => res.json())
-      .then((res) => {
-        if (res.error) {
-          toast.error(res.msg, toastOptions);
-        } else {
-          toast.success(res.msg, toastOptions);
-        }
-        setLoading(false);
-      });
-  }
-
-  return (
-    <>
-      <div className="w-full p-4 font-barlow rounded-lg border-2 bg-white dark:bg-darkSecondary/20 dark:border-neutral-600 flex flex-col gap-4 mt-10 mb-5 print:hidden">
-        <h2 className="text-2xl font-bold dark:text-white !my-0">
-          Jatin's Newsletter
-        </h2>
-        <p className="text-gray-500 !my-0">
-          Get notified in your inbox whenever I write a new blog post.
-        </p>
-
-        <form className="relative w-full" onSubmit={subscribeNewsLetter}>
-          <input
-            className="px-4 py-3 rounded-lg text-lg bg-gray-200 dark:bg-darkSecondary outline-none border-0 w-full placeholder:text-gray-700 dark:placeholder:text-gray-400 dark:text-gray-300"
-            type="email"
-            name="email"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
-            placeholder="example@email.com"
-            required
-          />
-
-          <button
-            className="absolute right-0 top-0 bottom-0 px-4 m-[3px] bg-white dark:text-white dark:bg-neutral-600/40   rounded-md font-medium font-inter transform duration-200 active:scale-90 select-none"
-            type="submit"
-          >
-            <div className="relative flex items-center gap-2 !my-0">
-              {loading ? (
-                <svg
-                  className="animate-spin h-5 w-5"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
-                  <circle
-                    className="opacity-25"
-                    cx="12"
-                    cy="12"
-                    r="10"
-                    stroke="currentColor"
-                    strokeWidth="4"
-                  ></circle>
-                  <path
-                    className="opacity-75"
-                    fill="currentColor"
-                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  ></path>
-                </svg>
-              ) : (
-                <>
-                  <AiOutlineSend className="text-xl" />
-                  <p className="hidden sm:inline-flex !my-0">Subscribe</p>
-                </>
-              )}
-            </div>
-          </button>
-        </form>
-      </div>
-      <ToastContainer
-        className="w-full mx-auto"
-        theme={"colored"}
-        style={{ zIndex: 1000 }}
-        position="top-center"
-        autoClose={3000}
-        hideProgressBar={false}
-        newestOnTop={false}
-        closeOnClick
-        rtl={false}
-        pauseOnFocusLoss
-        draggable
-        pauseOnHover={false}
-      />
-    </>
-  );
-}
-```
-
-**Creating API Route for Newsletter**
-
-I am using [Revue](https://www.getrevue.co/) newsletter by **Twitter**. You can learn more about how to get the API KEY and setup in [Revue API Documentation](https://www.getrevue.co/api)
-
-<CodeTitle title="pages/api/subscribe.js" lang="js" />
-```js
-export default async function handler(req, res) {
-  const body = req.body;
-  const { email } = JSON.parse(body);
-
-  if (!email) {
-    return res.status(400).json({
-      error: true,
-      msg: "Forgot to add your email?",
-    });
-  }
-
-  const result = await fetch("https://www.getrevue.co/api/v2/subscribers", {
-    method: "POST",
-    headers: {
-      Authorization: `Token ${process.env.REVUE_API_KEY}`,
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({ email }),
-  });
-  const data = await result.json();
-  if (!result.ok) {
-    return res.status(500).json({ error: true, msg: data.error.email[0] });
-  }
-
-  return res.status(201).json({
-    error: false,
-    msg: "Voilà, you are on my list. Please check your inbox",
-  });
-}
-```
-
-You need to add `REVUE_API_KEY` in your `.env.local`.
-
-#### Share Blog on Social Media
-
-Through this users can share the blog on social media. You need to install [react-share](https://www.npmjs.com/package/react-share)
-
-Let's create a component called `ShareOnSocialMedia` inside `components` directory.
-
-<CodeTitle title="components/ShareOnSocialMedia.js" lang="jsx" />
-```jsx
-import { BsThreeDots } from "react-icons/bs";
-
-import {
-  FacebookShareButton,
-  LinkedinShareButton,
-  TwitterShareButton,
-  WhatsappShareButton,
-} from "react-share";
-
-import useShare from "../hooks/useShare"; //======> not created yet
-import { toast } from "react-toastify";
-import "react-toastify/dist/ReactToastify.css";
-import { FiCopy, FiLinkedin } from "react-icons/fi";
-import { FaWhatsapp } from "react-icons/fa";
-import { GrFacebookOption, GrTwitter } from "react-icons/gr";
-
-export default function ShareOnSocialMedia({
-  className,
-  title,
-  url,
-  summary,
-  cover_image,
-  children,
-}) {
-  const { isShareSupported } = useShare();
-
-  async function handleShare() {
-    if (window.navigator.share) {
-      window.navigator
-        .share({
-          title: title,
-          text: summary,
-          url: url,
-          // files: [file ],
-        })
-        .then(() => {
-          console.log("Thanks for sharing!");
-        })
-        .catch(console.error);
-    }
-  }
-
-  // copy to clipboard functions
-  function copyTextToClipboard(text) {
-    if (!navigator.clipboard) {
-      toast.error(
-        "Sorry, Your device doesn't supports This feature. Please Change your device ✌️ "
-      );
-      return;
-    }
-    navigator.clipboard.writeText(text).then(
-      function () {
-        toast.success("Link Copied Successfully 🙌");
-      },
-      function (err) {
-        console.error(err);
-        toast.success(
-          "Something Went wrong I don't know what 🤔 use other methods"
-        );
-      }
-    );
-  }
-
-  return (
-    <>
-      <div className={`${className} transform sm:scale-150 my-5`}>
-        {/* Facebook */}
-        <FacebookShareButton quote={title} url={url}>
-          <div className="bg-gray-700 text-white p-2 rounded-full">
-            <GrFacebookOption className="w-4 h-4" />
-          </div>
-        </FacebookShareButton>
-
-        {/* Twitter */}
-        <TwitterShareButton title={title} url={url} related={["@j471n_"]}>
-          <div className="bg-gray-700 text-white p-2 rounded-full">
-            <GrTwitter className="w-4 h-4" />
-          </div>
-        </TwitterShareButton>
-
-        {/* Linkedin */}
-        <LinkedinShareButton
-          title={title}
-          summary={summary}
-          url={url}
-          source={url}
-        >
-          <div className="bg-gray-700 text-white p-2 rounded-full">
-            <FiLinkedin className="w-4 h-4 " />
-          </div>
-        </LinkedinShareButton>
-
-        {/* Whatsapp */}
-        <WhatsappShareButton title={title} url={url}>
-          <div className="bg-gray-700 text-white p-1.5 rounded-full">
-            <FaWhatsapp className="w-5 h-5 " />
-          </div>
-        </WhatsappShareButton>
-
-        {/* Copy URL */}
-        <div className="bg-gray-700 text-white p-2 rounded-full cursor-pointer">
-          <FiCopy
-            className="w-4 h-4 "
-            onClick={() => copyTextToClipboard(url)}
-          />
-        </div>
-
-        {/* children of components */}
-        {children}
-
-        {/* If share supported then show this native share option */}
-        {isShareSupported && (
-          <div
-            className="bg-gray-700 text-white p-2 rounded-full cursor-pointer"
-            onClick={handleShare}
-          >
-            <BsThreeDots className="w-4 h-4" />
-          </div>
-        )}
-      </div>
-    </>
-  );
-}
-```
-
-**Creating `useShare` hook**
-
-This hook only checks if your browser supports native share and returns the boolean state.
-
-<CodeTitle title="hook/useShare.js" lang="js" />
-```jsx
-import { useEffect, useState } from "react";
-function useShare() {
-  // state for share supports
-  const [isShareSupported, setIsShareSupported] = useState(null);
-
-  // checking if that exist or not
-  useEffect(() => {
-    setIsShareSupported(() => (window.navigator.share ? true : false));
-  }, []);
-
-  return { isShareSupported };
-}
-
-export default useShare;
-```
-
-### MDXComponents
-
-These are the custom components to use in the Blog. Through these, we can possibly do anything. There are several components:
-
-#### CodeSandbox
-
-<CodeTitle title="components/MDXComponents/CodeSandbox.js" lang="jsx" />
-```jsx
-export default function Codepen({ id, hideNavigation = true }) {
-  return (
-    <div className="my-3 print:hidden">
-      <h3>Code Sandbox</h3>
-      <iframe
-        className="w-full h-[500px] border-0 rounded overflow-hidden"
-        src={`https://codesandbox.io/embed/${id}?fontsize=14&theme=dark&hidenavigation=${
-          hideNavigation ? 1 : 0
-        }`}
-        allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-        sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-      ></iframe>
-    </div>
-  );
-}
-```
-
-#### CodeTitle
-
-<CodeTitle title="components/MDXComponents/CodeTitle.js" lang="jsx" />
-```jsx
-import { BsFileEarmarkCodeFill } from "react-icons/bs";
-import { SiCss3, SiPython, SiGnubash, SiHtml5, SiReact } from "react-icons/si";
-import { VscJson } from "react-icons/vsc";
-import { IoLogoJavascript } from "react-icons/io5";
-export default function CodeTitle({ title, lang }) {
-  let Icon;
-  switch (lang) {
-    case "html":
-      Icon = SiHtml5;
-      break;
-    case "css":
-      Icon = SiCss3;
-      break;
-    case "js":
-      Icon = IoLogoJavascript;
-      break;
-    case "bash":
-      Icon = SiGnubash;
-      break;
-    case "py":
-      Icon = SiPython;
-      break;
-    case "json":
-      Icon = VscJson;
-      break;
-    case "jsx":
-      Icon = SiReact;
-      break;
-    default:
-      Icon = BsFileEarmarkCodeFill;
-      break;
-  }
-  return (
-    <div className="relative !z-10">
-      <div className="bg-[#1f2937] rounded-tl-md rounded-tr-md p-3 text-gray-200 flex items-center justify-between font-mono !mt-4 overflow-x-scroll xs:overflow-auto border-b  border-b-gray-50/50 ">
-        <div className="flex items-center gap-2">
-          <Icon className="flex items-center w-4 h-4" />
-          <p className="!my-0 font-[500] text-sm">{title}</p>
-        </div>
-      </div>
-    </div>
-  );
-}
-```
-
-#### Codepen
-
-<CodeTitle title="components/MDXComponents/Codepen.js" lang="jsx" />
-```jsx
-export default function Codepen({ id }) {
-  return (
-    <div className="my-3 print:hidden">
-      <iframe
-        height="600"
-        style={{ marginTop: "10px" }}
-        className="w-full"
-        scrolling="no"
-        src={`https://codepen.io/j471n/embed/${id}`}
-        frameBorder="no"
-        loading="lazy"
-        allowFullScreen={true}
-      ></iframe>
-    </div>
-  );
-}
-```
-
-#### Danger
-
-<CodeTitle title="components/MDXComponents/Danger.js" lang="jsx" />
-```jsx
-export default function Danger({ title, text }) {
-  return (
-    <div className="border-l-4  border-red-700 dark:border-red-500 bg-red-100 dark:bg-red-700/30 p-6 my-4 w-full">
-      <div className="text-2xl font-medium leading-tight mb-2 flex items-center gap-2 text-red-700 dark:text-red-500">
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          data-icon="times-circle"
-          className="w-4 h-4 mr-2 fill-current"
-          role="img"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 512 512"
-        >
-          <path
-            fill="currentColor"
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
-          ></path>
-        </svg>
-        {title || "Danger"}
-      </div>
-      <p className="mt-4 text-red-700/80 dark:text-red-400/50">{text}</p>
-    </div>
-  );
-}
-```
-
-#### Figcaption
-
-<CodeTitle title="components/MDXComponents/Figcaption.js" lang="jsx" />
-```jsx
-export default function figcaption({ src, caption, alt }) {
-  if (caption !== undefined) {
-    return (
-      <figure>
-        <img src={src} alt={alt} />
-        <figcaption>{caption}</figcaption>
-      </figure>
-    );
-  } else {
-    return <img src={src} alt={alt} />;
-  }
-}
-```
-
-#### NextAndPreviousButton
-
-<CodeTitle title="components/MDXComponents/NextAndPreviousButton.js" lang="jsx" />
-```jsx
-import Link from "next/link";
-import { IoArrowForwardSharp } from "react-icons/io5";
-export default function NextAndPreviousButton({
-  prevHref,
-  prevTitle,
-  nextHref,
-  nextTitle,
-}) {
-  return (
-    <div className="flex flex-col gap-2 lg:flex-row ">
-      {prevHref && prevTitle && (
-        <BlogPageButton href={prevHref} title={prevTitle} type="previous" />
-      )}
-      {nextHref && nextTitle && (
-        <BlogPageButton href={nextHref} title={nextTitle} type="next" />
-      )}
-    </div>
-  );
-}
-
-function BlogPageButton({ href, title, type }) {
-  return (
-    <Link title={title} href={href} passHref>
-      <a
-        className={`flex ${
-          type === "previous" && "flex-row-reverse"
-        } justify-between bg-neutral-800 hover:bg-black !no-underline p-3 rounded-md active:scale-95 transition w-full shadow dark:hover:ring-1 dark:ring-white`}
-      >
-        <div
-          className={`flex flex-col gap-1 ${
-            type === "previous" && "text-right"
-          }`}
-        >
-          <p className="text-gray-300  !my-0 capitalize text-sm sm:font-light">
-            {type} Article
-          </p>
-          <p className="text-white font-bold sm:font-medium !my-0 text-base">
-            {title}
-          </p>
-        </div>
-
-        <IoArrowForwardSharp
-          className={`bg-white text-black p-2 rounded-full w-8 h-8 self-center ${
-            type === "previous" && "rotate-180"
-          }`}
-        />
-      </a>
-    </Link>
-  );
-}
-```
-
-#### Pre
-
-<CodeTitle title="components/MDXComponents/Pre.js" lang="jsx" />
-```jsx
-import { useState, useRef } from "react";
-
-const Pre = (props) => {
-  const textInput = useRef(null);
-  const [hovered, setHovered] = useState(false);
-  const [copied, setCopied] = useState(false);
-
-  const onEnter = () => {
-    setHovered(true);
-  };
-  const onExit = () => {
-    setHovered(false);
-    setCopied(false);
-  };
-  const onCopy = () => {
-    setCopied(true);
-    navigator.clipboard.writeText(textInput.current.textContent);
-    setTimeout(() => {
-      setCopied(false);
-    }, 2000);
-  };
-
-  return (
-    <div
-      className="relative"
-      ref={textInput}
-      onMouseEnter={onEnter}
-      onMouseLeave={onExit}
-    >
-      {hovered && (
-        <button
-          aria-label="Copy code"
-          type="button"
-          className={`!z-40 absolute right-2 top-3 h-8 w-8 rounded border-2 bg-gray-700 p-1 dark:bg-gray-800 ${
-            copied
-              ? "border-green-400 focus:border-green-400 focus:outline-none"
-              : "border-gray-400"
-          }`}
-          onClick={onCopy}
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            fill="none"
-            className={copied ? "text-green-400" : "text-gray-400"}
-          >
-            {copied ? (
-              <>
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
-                />
-              </>
-            ) : (
-              <>
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-                />
-              </>
-            )}
-          </svg>
-        </button>
-      )}
-
-      <pre className="!my-0 !rounded-md  !w-full !p-0 !py-3">
-        {props.children}
-      </pre>
-    </div>
-  );
-};
-
-export default Pre;
-```
-
-#### Step
-
-<CodeTitle title="components/MDXComponents/Step.js" lang="jsx" />
-```jsx
-export default function Step({ id, children }) {
-  return (
-    <div className="flex items-center gap-3 flex-">
-      <div className="flex items-center justify-center   bg-gray-300  font-bold dark:border-gray-800 rounded-full p-5 w-10 h-10 g-gray-300 ring dark:bg-darkSecondary text-black dark:text-white ">
-        {id}
-      </div>
-      <div className="text-lg tracking-tight font-semibold text-black dark:text-white flex-grow-0 w-fit">
-        {children}
-      </div>
-    </div>
-  );
-}
-```
-
-#### Tip
-
-<CodeTitle title="components/MDXComponents/Tip.js" lang="jsx" />
-```jsx
-export default function Tip({ id, children }) {
-  return (
-    <div className="relative w-full px-5 pt-4 flex gap-2 items-center bg-yellow-100 dark:bg-neutral-800 rounded-md my-5">
-      <div className="font-barlow font-bold uppercase px-4 py-0 rounded-tl-md rounded-br-md absolute top-0 left-0 bg-yellow-400 dark:bg-yellow-500 text-black">
-        Tip {id && `#${id}`}
-      </div>
-      {children}
-    </div>
-  );
-}
-```
-
-#### Warning
-
-<CodeTitle title="components/MDXComponents/Warning.js" lang="jsx" />
-```jsx
-export default function Warning({ text, title, children }) {
-  return (
-    <div className="border-l-4 border-yellow-700 dark:border-yellow-500 bg-yellow-100 dark:bg-yellow-900 p-6 my-4 w-full">
-      <div className="text-2xl font-medium leading-tight mb-2 flex items-center gap-2 text-yellow-700 dark:text-yellow-500">
-        <svg
-          aria-hidden="true"
-          dataicon="exclamation-triangle"
-          className="w-6 h-6 mr-2 fill-current"
-          role="img"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 576 512"
-        >
-          <path
-            fill="currentColor"
-            d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-          ></path>
-        </svg>
-        {title || "Warning"}
-      </div>
-      <p className="mt-4 text-yellow-700/80 dark:text-yellow-400/50">
-        {text || children}
-      </p>
-    </div>
-  );
-}
-```
-
-#### YouTube
-
-<CodeTitle title="components/MDXComponents/YouTube.js" lang="jsx" />
-```jsx
-export default function YouTube({ id }) {
-  return (
-    <div className="max-w-full overflow-hidden relative pb-[56.25%] h-0 ">
-      <iframe
-        className="absolute top-0 left-0 h-full w-full"
-        src={`https://www.youtube.com/embed/${id}`}
-        title="YouTube video player"
-        frameBorder={0}
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-        allowFullScreen
-      ></iframe>
-    </div>
-  );
-}
-```
-
-#### Export MDXComponents
-
-<CodeTitle title="components/MDXComponents/index.js" lang="jsx" />
-```jsx
-import Codepen from "./Codepen";
-import Figcaption from "./Figcaption";
-import Warning from "./Warning";
-import Danger from "./Danger";
-import CodeTitle from "./CodeTitle";
-import Tip from "./Tip";
-import Pre from "./Pre";
-import Step from "./Step";
-import CodeSandbox from "./CodeSandbox";
-import NextAndPreviousButton from "./NextAndPreviousButton";
-import YouTube from "./YouTube";
-
-const MDXComponents = {
-  Codepen,
-  Figcaption,
-  Warning,
-  Danger,
-  CodeTitle,
-  Tip,
-  Step,
-  CodeSandbox,
-  NextAndPreviousButton,
-  YouTube,
-  pre: Pre,
-};
-
-export default MDXComponents;
-```
-
-## About me Page
-
-I have created this page that talks about me. At the end of the page, there is a Support me Section which will be created later.
-
-<CodeTitle title="pages/about.js" lang="jsx" />
-```jsx
-import MDXComponents from "@components/";
-import MetaData from "@components/MetaData";
-import PageTop from "@components/PageTop";
-import Support from "@components/Support"; //===> not created yet
-import MDXContent from "@lib/MDXContent";
-import { MDXRemote } from "next-mdx-remote";
-import styles from "@styles/Blog.module.css";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-import { opacityVariant } from "@content/FramerMotionVariants";
-import pageMeta from "@content/meta";
-
-export default function About({ about }) {
-  return (
-    <>
-      <MetaData
-        title={pageMeta.about.title}
-        description={pageMeta.about.description}
-        previewImage={pageMeta.about.image}
-        keywords={pageMeta.about.keywords}
-      />
-
-      <section className="pageTop">
-        <PageTop pageTitle="About me"></PageTop>
-        <AnimatedDiv
-          variants={opacityVariant}
-          className={` ${styles.blog} blog-container prose-sm  3xl:prose-lg`}
-        >
-          <MDXRemote
-            {...about.content}
-            frontmatter={about.meta}
-            components={MDXComponents}
-          />
-        </AnimatedDiv>
-        <Support />
-      </section>
-    </>
-  );
-}
-
-export async function getStaticProps() {
-  const { post: about } = await new MDXContent("static_pages").getPostFromSlug(
-    "about"
-  );
-
-  return {
-    props: {
-      about,
-    },
-  };
-}
-```
-
-I have created a Markdown page about me then we fetch that page inside `getStaticProps`. Create `about.mdx` inside `static_pages` directory.
-
-<CodeTitle title="static_pages/about.js" lang="md" />
-```md
----
-slug: about
-title: About me
-date: 2022-06-25
-stringDate: June 25, 2022
-published: true
-excerpt: ""
-image: https://imgur.com/C6GBjJt.png
----
-
-...............................
-...............................
-...............................
-......Paste about you here.....
-...............................
-...............................
-...............................
-```
-
-### Creating `Support` component
-
-Install [react-qr-code](https://www.npmjs.com/package/react-qr-code) to generate QR Code for UPI. (It's an optional part for you)
-
-In this section, you have three options to support me
-
-- Buy me a Coffee
-- PayPal
-- UPI
-
-When you select UPI as payment then it will prompt you to enter the amount (currency: INR). And then it will generate the QR Code for that amount and you can scan that QR Code by using any app that supports UPI such as GooglePay, Amazon Pay UPI and etc. The demo is shown below-
-
-![UPI Component Demo](https://i.imgur.com/UoryugN.gif)
-
-<CodeTitle title="component/Support.js" lang="jsx" />
-```jsx
-import UPI from "@components/SVG/UPI";
-import {
-  FadeContainer,
-  fromTopVariant,
-  popUp,
-} from "@content/FramerMotionVariants";
-import support from "@content/support"; //======> not created yet
-import Link from "next/link";
-import { useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { useDarkMode } from "@context/darkModeContext";
-import QRCode from "react-qr-code";
-import { BiRupee } from "react-icons/bi";
-import { IoMdArrowRoundBack } from "react-icons/io";
-import { FiInfo } from "react-icons/fi";
-import { lockScroll, removeScrollLock } from "@utils/functions";
-import AnimatedDiv from "@components/FramerMotion/AnimatedDiv";
-
-export default function Support() {
-  const [showUPIForm, setShowUPIForm] = useState(false);
-
-  return (
-    <section>
-      <h3 className="my-5 font-bold text-2xl">Support me 💪</h3>
-
-      <AnimatedDiv
-        variants={FadeContainer}
-        className="grid gap-5 sm:grid-cols-3"
-      >
-        {support.map((paymentMethod) => {
-          return (
-            <Link key={paymentMethod.name} href={paymentMethod.url} passHref>
-              <motion.a
-                variants={popUp}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="bg-white text-darkSecondary dark:bg-darkSecondary dark:text-gray-300 grid place-items-center p-5 group rounded-xl hover:ring-1 shadow ring-gray-500 duration-200 active:ring"
-              >
-                <div className="flex flex-col items-center gap-5 select-none">
-                  <paymentMethod.Icon className="text-3xl duration-150 group-hover:lg:scale-150 " />
-
-                  <p className="font-semibold text-sm">{paymentMethod.name}</p>
-                </div>
-              </motion.a>
-            </Link>
-          );
-        })}
-        <motion.button
-          variants={popUp}
-          onClick={() => {
-            setShowUPIForm(!showUPIForm);
-            lockScroll();
-          }}
-          className="bg-white text-darkSecondary dark:bg-darkSecondary dark:text-gray-300 grid place-items-center p-5 group rounded-xl hover:ring-1 shadow ring-gray-500 duration-200 active:ring"
-        >
-          <div className="flex flex-col items-center gap-5 select-none">
-            <UPI className="text-3xl duration-150 group-hover:lg:scale-150 " />
-            <p className="font-semibold text-sm">UPI</p>
-          </div>
-        </motion.button>
-      </AnimatedDiv>
-      <AnimatePresence>
-        {showUPIForm && (
-          <UPIPaymentForm
-            close={() => {
-              setShowUPIForm(false);
-              removeScrollLock();
-            }}
-          />
-        )}
-      </AnimatePresence>
-    </section>
-  );
-}
-
-/* It's the UPI form when you choose UPI  */
-function UPIPaymentForm({ close }) {
-  const [amount, setAmount] = useState("");
-  const [qrValue, setQrValue] = useState("");
-
-  const { isDarkMode } = useDarkMode();
-
-  const generatePaymentQR = (e) => {
-    e.preventDefault();
-    setQrValue(
-      `upi://pay?pa=${process.env.NEXT_PUBLIC_UPI}&pn=Jatin%20Sharma&am=${amount}&purpose=nothing&cu=INR`
-    );
-  };
-
-  return (
-    <motion.div
-      initial="hidden"
-      animate="visible"
-      exit="hidden"
-      variants={FadeContainer}
-      className="fixed inset-0 bg-black/70 grid place-items-center z-50"
-    >
-      <motion.div
-        initial="hidden"
-        animate="visible"
-        variants={fromTopVariant}
-        exit="hidden"
-        className="m-5 w-[90%] relative  rounded-lg px-5 py-5 max-w-md bg-white dark:bg-darkSecondary"
-      >
-        <button title="Back" onClick={close}>
-          <IoMdArrowRoundBack className="icon m-0" />
-        </button>
-
-        {!qrValue ? (
-          <>
-            <form
-              onSubmit={generatePaymentQR}
-              className="flex flex-col gap-5 my-5 mb-10"
-            >
-              <div className="relative flex items-center justify-center">
-                <BiRupee className="h-full w-9 -ml-1  text-gray-600 dark:text-gray-200" />
-                <input
-                  onInput={(e) => {
-                    if (e.target.value.length === 0)
-                      return (e.target.style.width = "3ch");
-                    if (e.target.value.length > 7) return;
-                    e.target.style.width = e.target.value.length + "ch";
-                  }}
-                  title="Enter amount"
-                  id="amount"
-                  className="bg-transparent rounded-lg dark:placeholder-gray-400 text-gray-600 dark:text-gray-200 outline-none font-bold text-2xl w-[3ch]"
-                  type="number"
-                  name="amount"
-                  placeholder="500"
-                  min="100"
-                  max="1000000"
-                  required
-                  value={amount}
-                  onChange={(e) => setAmount(e.target.value)}
-                />
-              </div>
-              <input type="submit" value="" hidden />
-            </form>
-
-            {amount >= 100 && (
-              <motion.button
-                onClick={generatePaymentQR}
-                initial="hidden"
-                animate="visible"
-                variants={popUp}
-                type="submit"
-                className="px-4 py-1.5 w-9/12 sm:w-1/2 flex justify-center mx-auto rounded-lg font-semibold bg-black text-white dark:bg-white dark:text-black clickable_button"
-              >
-                Pay{" "}
-                {amount && (
-                  <span className="ml-2 truncate">&#8377; {amount}</span>
-                )}
-              </motion.button>
-            )}
-          </>
-        ) : (
-          <AnimatedDiv
-            variants={FadeContainer}
-            className="flex flex-col items-center"
-          >
-            <QRCode
-              className="mx-auto scale-75"
-              id="QRCode"
-              value={qrValue}
-              bgColor={isDarkMode ? "#25282a" : "white"}
-              fgColor={isDarkMode ? "white" : "#25282a"}
-            />
-
-            <div className="flex justify-center  items-center gap-2 text-gray-600 dark:text-gray-200 text-sm my-5">
-              <FiInfo className="w-5 h-5" />
-              <p className="text-xs">Scan the QR code via any UPI app </p>
-            </div>
-          </AnimatedDiv>
-        )}
-      </motion.div>
-    </motion.div>
-  );
-}
-```
-
-**Creating support content**
-
-It's the static content with Icon & URL for support Component.
-
-<CodeTitle title="content/support.js" lang="js" />
-```js
-import { SiBuymeacoffee } from "react-icons/si";
-import { BsPaypal } from "react-icons/bs";
-
-module.exports = [
-  {
-    name: "Buy Me a Coffee",
-    url: "https://buymeacoffee.com/j471n",
-    Icon: SiBuymeacoffee,
-  },
-  {
-    name: "PayPal",
-    url: "https://paypal.me/j47in",
-    Icon: BsPaypal,
-  },
-];
-```
-
-## FramerMotion Custom Components
-
-In this section, I am going to mention some `framer-motion` custom components which can animate `div`, `p` and etc.
-
-### AnimatedButton
-
-<CodeTitle title="components/FramerMotion/AnimatedButton.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedButton({
-  onClick,
-  infinity,
-  className,
-  children,
-  variants,
-}) {
-  return (
-    <motion.button
-      className={className}
-      initial="hidden"
-      onClick={onClick}
-      variants={variants}
-      whileInView="visible"
-      viewport={{ once: !infinity }}
-    >
-      {children}
-    </motion.button>
-  );
-}
-```
-
-### AnimatedDiv
-
-<CodeTitle title="components/FramerMotion/AnimatedDiv.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedDiv({
-  variants,
-  className,
-  children,
-  infinity,
-  style,
-}) {
-  return (
-    <motion.div
-      initial="hidden"
-      whileInView="visible"
-      viewport={{ once: !infinity }}
-      variants={variants}
-      className={className}
-      style={style}
-      transition={{ staggerChildren: 0.5 }}
-    >
-      {children}
-    </motion.div>
-  );
-}
-```
-
-### AnimatedHeading
-
-<CodeTitle title="components/FramerMotion/AnimatedHeading.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedHeading({
-  variants,
-  className,
-  children,
-  infinity,
-}) {
-  return (
-    <motion.h1
-      initial="hidden"
-      whileInView="visible"
-      viewport={{ once: !infinity }}
-      variants={variants}
-      className={className}
-    >
-      {children}
-    </motion.h1>
-  );
-}
-```
-
-### AnimatedInput
-
-<CodeTitle title="components/FramerMotion/AnimatedInput.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedInput({
-  infinity,
-  className,
-  variants,
-  options,
-  onChange,
-}) {
-  return (
-    <motion.input
-      initial="hidden"
-      whileInView="visible"
-      viewport={{ once: !infinity }}
-      variants={variants}
-      className={className}
-      onChange={onChange}
-      {...options}
-    />
-  );
-}
-```
-
-### AnimatedLink
-
-<CodeTitle title="components/FramerMotion/AnimatedLink.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedLink({ variants, infinity, children }) {
-  return (
-    <motion.a
-      initial="hidden"
-      whileInView="visible"
-      variants={variants}
-      viewport={{ once: !infinity }}
-    >
-      {children}
-    </motion.a>
-  );
-}
-```
-
-### AnimatedText
-
-<CodeTitle title="components/FramerMotion/AnimatedText.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedText({
-  variants,
-  className,
-  children,
-  infinity,
-}) {
-  return (
-    <motion.p
-      initial="hidden"
-      whileInView="visible"
-      viewport={{ once: !infinity }}
-      variants={variants}
-      className={className}
-    >
-      {children}
-    </motion.p>
-  );
-}
-```
-
-### AnimatedTextArea
-
-<CodeTitle title="components/FramerMotion/AnimatedTextArea.js" lang="jsx" />
-```jsx
-import { motion } from "framer-motion";
-
-export default function AnimatedTextArea({
-  infinity,
-  className,
-  variants,
-  options,
-  onChange,
-}) {
-  return (
-    <motion.textarea
-      whileInView="visible"
-      initial="hidden"
-      viewport={{ once: !infinity }}
-      variants={variants}
-      className={className}
-      onChange={onChange}
-      {...options}
-    />
-  );
-}
-```
-
-## Adding Sitemap
-
-A sitemap is a file where you provide information about the pages, videos, and other files on your site, and the relationships between them. Search engines like Google read this file to crawl your site more efficiently.
-
-First install [globby](https://www.npmjs.com/package/globby) and [prettier](https://www.npmjs.com/package/prettier).
-
-<CodeTitle title="terminal" lang="bash" />
-```bash
-pnpm i globby prettier
-```
-
-**Create `lib/sitemap.js`**
-
-<CodeTitle title="lib/sitemap.js" lang="js" />
-```js
-import { writeFileSync } from "fs";
-import { globby } from "globby";
-import prettier from "prettier";
-
-export default async function generate() {
-  const prettierConfig = await prettier.resolveConfig("./.prettierrc.js");
-  const pages = await globby([
-    "pages/*.js",
-    "posts/*.mdx",
-    "!pages/_*.js",
-    "!pages/api",
-    "!pages/404.js",
-  ]);
-
-  const sitemap = `
-    <?xml version="1.0" encoding="UTF-8"?>
-    <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-        ${pages
-          .map((page) => {
-            const path = page
-              .replace("pages", "")
-              .replace("posts", "/blogs")
-              .replace(".js", "")
-              .replace(".mdx", "");
-            const route = path === "/index" ? "" : path;
-
-            return `
-              <url>
-                  <loc>${`https://j471n.in${route}`}</loc>
-              </url>
-            `;
-          })
-          .join("")}
-    </urlset>
-    `;
-
-  const formatted = prettier.format(sitemap, {
-    ...prettierConfig,
-    parser: "html",
-  });
-
-  // eslint-disable-next-line no-sync
-  writeFileSync("public/sitemap.xml", formatted);
-}
-```
-
-The above code creates a sitemap and saves the file inside the `public` directory. Now we just need to call this function which is saved as the RSS.
-
-<CodeTitle title="pages/index.js" lang="jsx" />
-```jsx
-/* .......... */
-import generateSitemap from "@lib/sitemap";
-
-export async function getStaticProps() {
-  // ........
-  await generateSitemap(); // calling to generate the sitemap
-  // ........
-}
-```
-
-This is all you need to do to generate the sitemap of your website. All the steps are completed now. The one thing that is optional for you is PWA. I made this portfolio as **Progressive Web App**.
-
-## Generating PWA
-
-A progressive web app (PWA) is a website that looks and behaves as if it is a mobile app. PWAs are built to take advantage of native mobile device features, without requiring the end user to visit an app store.
-
-To build that you can follow the following article in which I have explained How you can build your website as PWA. You need to read the following blog before we go further.
-
-
-<EmbedBlog 
-  img="https://imgur.com/grENXm0.png" 
-  text="Convert Next.js app to PWA" 
-  url="/blogs/convert-nextjs-app-to-pwa" 
-/>
-
-
-After you completely created your website as PWA with the help of the above article. Now I'll take it to the next level. Let's see what I am talking about.
-
-![pwa](https://imgur.com/ZgeSzHz.png)
-
-First, you will have an option to install this website then as you dive into more details then you will see some screenshots that I have added to show what is this. And After installing this you can also access the quick shortcut menu when you hold the app. We will create these things one by one.
-
-### Adding Screenshots
-
-I guess you will already have `manifest.json` in the `public` directory. You just need to take some screenshots of your web app and add them to the `public/screenshots` folder. It will look like this:
-
-<CodeTitle title="Files" lang="directory" />
-```text
-my-project/
-└── public/
-    ├── fonts/
-    └── screenshots/
-        ├── blog.png
-        ├── contact.png
-        ├── home.png
-        ├── projects.png
-        ├── stats.png
-        └── utilities.png
-```
-
-Now you have added these to the folder now you just need to add these paths to the `manifest.json` as shown in the following code:
-
-<CodeTitle title="public/manifest.json" lang="json" />
-```json
-{
-  "theme_color": "#000",
-  /* .......Other properties... */
-  "icons": [
-    /* ....Icons...... */
-  ],
-  "screenshots": [
-    {
-      "src": "screenshots/home.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    },
-    {
-      "src": "screenshots/blogs.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    },
-    {
-      "src": "screenshots/projects.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    },
-    {
-      "src": "screenshots/stats.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    },
-    {
-      "src": "screenshots/utilities.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    },
-    {
-      "src": "screenshots/contact.png",
-      "sizes": "360x721",
-      "type": "image/gif"
-    }
-  ]
-}
-```
-
-**Note: Update the size in `manifest.json` according to the image's resolution**
-
-### Adding Shortcuts
-
-Now same as screenshots add the images to `public/shortcuts` directory:
-
-<CodeTitle title="Files" lang="directory" />
-```text
-my-project/
-└── public/
-    ├── fonts/
-    ├── screenshots/
-    └── shortcuts/
-        ├── about.png
-        ├── blog.png
-        └── newsletter.png
-```
-
-**Adding the shortcuts to `manifest.json`**:
-
-<CodeTitle title="public/manifest.json" lang="json" />
-```json
-/* Filename: public/manifest.json */
-
-{
-  "theme_color": "#000",
-  /* .......Other properties... */
-  "icons": [
-    /* ....Icons...... */
-  ],
-  "screenshots": [
-    /* .....Screenshots........ */
-  ]
-
-  "shortcuts": [
-    {
-      "name": "Blogs",
-      "url": "/blogs",
-      "icons": [
-        {
-          "src": "shortcuts/blog.png",
-          "sizes": "202x202",
-          "type": "image/png",
-          "purpose": "any"
-        }
-      ]
-    },
-    {
-      "name": "About me",
-      "url": "/about",
-      "icons": [
-        {
-          "src": "shortcuts/about.png",
-          "sizes": "202x202",
-          "type": "image/png",
-          "purpose": "any"
-        }
-      ]
-    },
-    {
-      "name": "Newsletter",
-      "url": "/newsletter",
-      "icons": [
-        {
-          "src": "shortcuts/newsletter.png",
-          "sizes": "202x202",
-          "type": "image/png",
-          "purpose": "any"
-        }
-      ]
-    }
-  ]
-```
-
-Each shortcut will have three properties:
-
-- `name`: name of the shortcut
-- `url`: URL path of the shortcut
-- `icons`: information about icons such as src, sizes, type, and purpose.
-
-That's all you need to do to create an awesome PWA.
-
-## Wrapping up
-
-I know it's a long article. I have tried to explain everything that I can. I hope you enjoyed the article. I might have missed something that should be included because it was a hell of an article. If you have any questions or suggestions regarding the article or even the website then drop them in the comments or contact me on [Twitter](https://twitter.com/j471n_). You can find the code on [Github Repository](https://github.com/j471n/j471n.in). Show you love by Starring ⭐ the repo.
diff --git a/frontend/posts/prevent-heroku-server-from-sleeping-for-free.mdx b/frontend/posts/prevent-heroku-server-from-sleeping-for-free.mdx
deleted file mode 100644
index 9a61c79..0000000
--- a/frontend/posts/prevent-heroku-server-from-sleeping-for-free.mdx
+++ /dev/null
@@ -1,52 +0,0 @@
----
-slug: prevent-heroku-server-from-sleeping-for-free
-title: Prevent Heroku Server from Sleeping for FREE
-date: 2021-10-31
-published: true
-excerpt: In this article, I am gonna tell you about how you can run the Heroku server free for a lifetime. So let's get into it.
-image: https://imgur.com/Jpm28r4.png
----
-
-In this article, I am gonna tell you about how you can run the Heroku server free for a lifetime. So let's get into it.
-
-As you may have known that Heroku does not allow your app to run for more than 1 hour. When an app on Heroku has only one web dyno and that dyno doesn't receive any traffic in 1 hour, the dyno goes to sleep.
-
-When someone accesses the app, the dyno manager automatically wakes up the web dyno to run the web process type. This causes a _short delay_ for this first request, but subsequent requests perform normally.
-
-So now how can we run it forever without sleep? so that web process or API request doesn't have any kind of delay.
-
-## [Heroku](https://www.heroku.com/)
-
-Firstly you need to have a Heroku app which can be a new or old one. if you don't have a Heroku app [Click Here](https://dashboard.heroku.com/apps)
-
-![Create an Heroku App](https://rb.gy/3r2e4i)
-
-Now the next part is the domain of the app if you know the domain then you can skip this part. To get the domain you can go to **Settings > Domain**.
-
-![domain](https://i.imgur.com/eRyB34w.png)
-
-## [UptimeRobot](https://uptimerobot.com/)
-
-Now is the main part we need to use service called **[UptimeRobot](https://uptimerobot.com/)**. Create an account for free and then you will see the dashboard same as below -
-
-![dashboard](https://i.imgur.com/IeCbHFM.png)
-
-Click on the **Add New Monitor** on the Top Left corner. It will open a dialog box
-
-![dialog](https://i.imgur.com/aA2QW7y.png)
-
-**Monitor Type** - should be HTTPs
-**Friendly Name** - Name of your app (anything)
-**URL or IP** - root domain of heroku app such as `https://your-domain-name.herokuapp.com/`
-**Monitoring Interval** - the time difference between two requests. (recommended 20 minutes)
-**Monitor Timeout** - the max time it wait for the server to respond
-
-Then Click on **Create monitor** on the bottom right corner.
-
-After that, it will create the monitor server which will send requests to the Heroku server constantly for a lifetime and you can even check the details of the monitor and the server response time.
-
-![res](https://i.imgur.com/1QvgAAq.png)
-
-## Wrapping up
-
-With the help of **UptimeRobot**, we create the robot server which sends automatic requests to the server after the certain time period which we have specified earlier.
diff --git a/frontend/posts/preview-file-in-react.mdx b/frontend/posts/preview-file-in-react.mdx
deleted file mode 100644
index fdf689d..0000000
--- a/frontend/posts/preview-file-in-react.mdx
+++ /dev/null
@@ -1,323 +0,0 @@
----
-slug: preview-file-in-react	
-title: Preview File before uploading in React
-date: 2022-06-04
-published: true
-excerpt: This article will explain how you can build a file previewer in React that works for images and videos. With this article's help, you can create your own and make support for other files.
-image: https://imgur.com/ljW6fh7.png
----
-
-This article will explain how you can build a file previewer in React that works for images and videos. With this article's help, you can create your own and make support for other files.
-
-<Warning text="This article only showcases the preview for an image and video." />
-
-## Demo
-
-![demo](https://imgur.com/YfD8krA.png)
-
-## Creating `FilePreviewer` Component
-
-First, let's just create a file `components/FilePreviewer.js` after that we need to import two things in that file `useState` and `useRef`.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {1}
-import { useState, useRef } from "react";
-```
-
-Create a `FilePreviewer` function and export it as default.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-
-```jsx {2}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {}
-```
-
-Now we render the UI for FIle Picker and in that there will be two buttons. One for selecting files and the other for clearing file input. Let's see how it's going to look like.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {3-16}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input type="file" accept="image/*, video/*" hidden />
-        <button className="btn">Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        <img src="" alt="" />
-        <video controls src=""></video>
-      </div>
-    </div>
-  );
-}
-```
-
-This is just a starter code, I am going to add more things to this. First, understand what is going on. As you can see inside the `btn-container` class there are three inputs. One for selecting files but I won't use standard file input because when the user selects the file by standard input it shows the name of the file which I don't want (as shown in the following screenshot).
-
-![filename shows](https://imgur.com/zcMTlet.png)
-
-## Handling File Input button
-
-I have created a new button to choose the file. To make this work we need to create a reference (ref) for file input. and handle the `onChange` event after that it will look something like this.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {5, 10}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-
-  // FIle Picker Ref because we are not useing the standard File picker input
-	const filePicekerRef = useRef(null);
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn">Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        <img src="" alt="" />
-        <video controls src=""></video>
-      </div>
-    </div>
-  );
-}
-```
-
-We will create the `previewFile` function in just a moment to handle the file selection.
-
-### Creating Custom File input Button
-
-Now as I have hidden the original file input button we need to create our own.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {9}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  const filePicekerRef = useRef(null);
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn" onClick={() => filePicekerRef.current.click()}>Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        <img src="" alt="" />
-        <video controls src=""></video>
-      </div>
-    </div>
-  );
-}
-```
-
-In this, I am just triggering the file input button through `ref` when the user clicks this button.
-
-## File Selection
-
-As we are handling two files (image and video). we need to create two states for that `imagePreview` and `videoPreview`.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {3,4}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  const [imagePreview, setImagePreview] = useState(null);
-  const [videoPreview, setVideoPreview] = useState(null);
-  const filePicekerRef = useRef(null);
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn" onClick={() => filePicekerRef.current.click()}>Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        <img src="" alt="" />
-        <video controls src=""></video>
-      </div>
-    </div>
-  );
-}
-```
-
-Now its' time to create a `filePreview` function.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {6-22}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  const [imagePreview, setImagePreview] = useState(null);
-  const [videoPreview, setVideoPreview] = useState(null);
-  const filePicekerRef = useRef(null);
-  function previewFile(e) {
-    // Reading New File (open file Picker Box)
-    const reader = new FileReader();
-    // Gettting Selected File (user can select multiple but we are choosing only one)
-    const selectedFile = e.target.files[0];
-    if (selectedFile) {
-      reader.readAsDataURL(selectedFile);
-    }
-    // As the File loaded then set the stage as per the file type
-    reader.onload = (readerEvent) => {
-      if (selectedFile.type.includes("image")) {
-        setImagePreview(readerEvent.target.result);
-      } else if (selectedFile.type.includes("video")) {
-        setVideoPreview(readerEvent.target.result);
-      }
-    };
-  }
-  
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn" onClick={() => filePicekerRef.current.click()}>Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        <img src="" alt="" />
-        <video controls src=""></video>
-      </div>
-    </div>
-  );
-}
-```
-
-I know it's too much so let's break it down. I am using [FileReader](https://developer.mozilla.org/en-US/docs/Web/API/FileReader) to handle the file selection.
-
-- I have created an instance called `reader`.
-- Then we are getting the `selectedFile` from an input field (_I am targeting only one file, the user can select multiple files but I am handling only one file_).
-- If the user has selected a file then read that as [Data URLs](https://flaviocopes.com/data-urls).
-- When the file is loaded then check for the file type and set the image and video accordingly.
-
-### Preview the file
-
-After file selection is done then we need to preview the file to the user. For that I have already created a container called `.preview`, In that, there were two elements `img` and `video`. Now we need to render these elements conditionally. and after that they will look like this-
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {33,34}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  const [imagePreview, setImagePreview] = useState(null);
-  const [videoPreview, setVideoPreview] = useState(null);
-  const filePicekerRef = useRef(null);
-  function previewFile(e) {
-    // Reading New File (open file Picker Box)
-    const reader = new FileReader();
-    // Gettting Selected File (user can select multiple but we are choosing only one)
-    const selectedFile = e.target.files[0];
-    if (selectedFile) {
-      reader.readAsDataURL(selectedFile);
-    }
-    // As the File loaded then set the stage as per the file type
-    reader.onload = (readerEvent) => {
-      if (selectedFile.type.includes("image")) {
-        setImagePreview(readerEvent.target.result);
-      } else if (selectedFile.type.includes("video")) {
-        setVideoPreview(readerEvent.target.result);
-      }
-    };
-  }
-  
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn" onClick={() => filePicekerRef.current.click()}>Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        {imagePreview != null && <img src={imagePreview} alt="" />}
-        {videoPreview != null && <video controls src={videoPreview}></video>}
-      </div>
-    </div>
-  );
-}
-```
-
-### Clear Input Field
-
-Now, what if the user wants to clear the input field or remove the image he has selected. We haven't implemented that yet. To do that I've created a `close` button earlier. Now let's just add the functionality to it. When the user clicks on the button then it should fire `clearFiles` function. So let's just create it.
-
-<CodeTitle lang="js" title="components/FilePreviewer.js" />
-```jsx {24-27}
-import { useState, useRef } from "react";
-export default function FilePreviewer() {
-  const [imagePreview, setImagePreview] = useState(null);
-  const [videoPreview, setVideoPreview] = useState(null);
-  const filePicekerRef = useRef(null);
-
-  function previewFile(e) {
-    // Reading New File (open file Picker Box)
-    const reader = new FileReader();
-    // Gettting Selected File (user can select multiple but we are choosing only one)
-    const selectedFile = e.target.files[0];
-    if (selectedFile) {
-      reader.readAsDataURL(selectedFile);
-    }
-    // As the File loaded then set the stage as per the file type
-    reader.onload = (readerEvent) => {
-      if (selectedFile.type.includes("image")) {
-        setImagePreview(readerEvent.target.result);
-      } else if (selectedFile.type.includes("video")) {
-        setVideoPreview(readerEvent.target.result);
-      }
-    };
-  }
-  function clearFiles() {
-    setImagePreview(null);
-    setVideoPreview(null);
-  }
-  return (
-    <div>
-      <h1>Preview Image/Video</h1>
-      <div className="btn-container">
-        <input ref={filePicekerRef} accept="image/*, video/*" onChange={previewFile} type="file" hidden />
-        <button className="btn" onClick={() => filePicekerRef.current.click()}>Choose</button>
-        <button className="btn">x</button>
-      </div>
-      <div className="preview">
-        {imagePreview != null && <img src={imagePreview} alt="" />}
-        {videoPreview != null && <video controls src={videoPreview}></video>}
-      </div>
-    </div>
-  );
-}
-```
-
-That's all we need to create a working file Previewer. It can preview an image and a video.
-
-Now we just need to import this container in `App.js` and render it. `App.js` will look something like this.
-
-<CodeTitle lang="js" title="src/App.js" />
-```jsx
-import "./styles.css";
-import FilePreviewer from "./components/FilePreviewer";
-
-export default function App() {
-	return (
-		<div className="App">
-			<FilePreviewer />
-		</div>
-	);
-}
-```
-
-
-You can find the full code in the following Sandbox
-
-<CodeSandbox id="file-previewer-react-z971uj" />
-
-<Warning text="It takes a little white to render the video if the size of the video is large. You can setup a loading state for that." />
-
-## What's Next?
-
-Now after that you can take this further and add support for other files such as text, pdf, and others. You can also add support for multiple files and there are many things you can do.
diff --git a/frontend/posts/rss-feed-for-nextjs.mdx b/frontend/posts/rss-feed-for-nextjs.mdx
deleted file mode 100644
index c0dd399..0000000
--- a/frontend/posts/rss-feed-for-nextjs.mdx
+++ /dev/null
@@ -1,384 +0,0 @@
----
-slug: rss-feed-for-nextjs
-title: How to add RSS feed in Next.js Blog
-date: 2022-05-16
-published: true
-excerpt: In this article, I will explain how you can create an RSS feed for your Next.js application in XML and JSON format.
-image: https://imgur.com/72uIGMx.png
----
-
-In this article, I will explain how you can create an RSS feed for your Next.js application in XML and JSON format. So without further delay, let's get into it.
-
-
-## What is RSS?
-
-An RSS (Really Simple Syndication) feed is a file that contains a summary of updates from a website, often in the form of a list of articles with links.
-
-In my case, I am creating an RSS feed for my blogs to show the latest blogs as the site updates. The user doesn't need to visit to check if there is an update or a new blog. RSS sends you the notification or shows the list of updates. You can use [RSS Feed Reader](https://chrome.google.com/webstore/detail/rss-feed-reader/pnjaodmkngahhkoihejjehlcdlnohgmp?hl=en) chrome extension to manage your feed.
-
-## What do we need?
-
-- We need all the blogs' data
-- install the `feed` package
-- Create RSS Feed
-
-
-## Method-1
-### Getting the Blogs' data
-
-I am assuming you already have your blog page where all the blogs are listed. I am using [MDX](https://mdxjs.com/) for managing the blog content. You might be using the same or anything else that doesn't matter. The main thing is you need to have an array containing all the blogs.
-
-As I am using the MDX, that's how I fetch all my blogs.
-
-<CodeTitle lang="js" title="lib/posts.js" />
-
-```jsx
-export function getAllPosts() {
-  const posts = getSlugs()
-    .map((slug) => {
-      return getFrontMatter(slug);
-    })
-    .filter((post) => post != null || post != undefined) // Filter post if it is not published
-    .sort((a, b) => {
-      if (new Date(a.date) > new Date(b.date)) return -1;
-      if (new Date(a.date) < new Date(b.date)) return 1;
-      return 0;
-    });
-  return posts;
-}
-```
-
-The above function gets all the blogs by fetching all the `slugs` and the for every slug it returns the `frontMatter` of that blog and then sorted it in descending order by date, which contains information like title, publishedDate, excerpt, etc. Now we use this information to create the RSS feed.
-
-### Install the `feed` package
-
-It's very simple, you just have to install the package called `feed` to create RSS. You can install it with `npm` or `yarn`, whatever you prefer.
-
-<CodeTitle lang="bash" title="bash" />
-
-```bash
-yarn add feed
-# or
-npm i feed
-```
-
-### Create RSS Feed
-
-To generate the RSS feed we create a function called `generateRssFeed`. You can change the name if you want.
-
-<Step id={1}>
-  First, we import all the important packages or functions.
-</Step>
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-
-```js {1-3}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-```
-
-<Step id={2}>
-  Create a function called `generateRssFeed` and we are exporting it, which I'll
-  talk about later in this article.
-</Step>
-
-<CodeTitle lang="bash" title="lib/generateRssFeed.js" />
-
-```js {5}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-
-export default async function generateRssFeed() {}
-```
-
-<Step id={3}>
-  Now we add the following information in the above function such as all the
-  blogs, today's date, and the author and the siteURL.
-</Step>
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-
-```js {6-13}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-
-export default async function generateRssFeed() {
-  const posts = getAllPosts();
-  const siteURL = process.env.VERCEL_URL;
-  const date = new Date();
-  const author = {
-    name: "John Doe",
-    email: "example@gmail.com",
-    link: "https://twitter.com/<username>",
-  };
-}
-```
-
-In the above code, I've used the `process.env.VERCEL_URL` as the siteURL. You might be wondering why I used that. In my case, I am using [vercel](https://vercel.com/) to host my website. So we need to pass the siteURL to the RSS. In the production or Preview in Vercel, it provides us the environment variable called `VERCEL_URL` which is nothing but your site root URL. For example `https://google.com`. We need the root URL for the production as well as the development phase because we need to check if our RSS is working or not. That's why I've chosen `VERCEL_URL` as the environment variable. My `.env.local` looks like this-
-
-<CodeTitle title=".env.example" />
-
-```env
-VERCEL_URL=http://localhost:3000
-```
-
-<Tip>
-  You don't need to define that in your production if you are also using the
-  Vercel as a hosting platform. Otherwise, you can simply add your site root
-  URL.
-</Tip>
-
-<Step id={4}>After that we will create a feed.</Step>
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-```js {15-30}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-
-export default async function generateRssFeed() {
-  const posts = getAllPosts();
-  const siteURL = process.env.VERCEL_URL;
-  const date = new Date();
-  const author = {
-    name: "John Doe",
-    email: "example@gmail.com",
-    link: "https://twitter.com/<username>",
-  };
-
-  const feed = new Feed({
-    title: "Your Blog name",
-    description: "Your Blog description",
-    id: siteURL,
-    link: siteURL,
-    image: `${siteURL}/favicon.ico`,
-    favicon: `${siteURL}/favicon.ico`,
-    copyright: `All rights reserved ${date.getFullYear()}, Jatin Sharma`,
-    updated: date, // today's date
-    generator: "Feed for Node.js",
-    feedLinks: {
-      rss2: `${siteURL}/rss/feed.xml`,  // xml format
-      json: `${siteURL}/rss/feed.json`,// json fromat
-    },
-    author,
-  });
-}
-```
-
-The above code creates an RSS feed in `XML` and `JSON` format.
-
-<Step id={5}>Add Blogs to the Feed</Step>
-
-Now, as our feed is created, we just need to add all the blogs in that feed. To do that, we loop through the array of blogs and add the blog to the feed. The following code shows how you can do it.
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-
-```js {32-44}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-
-export default async function generateRssFeed() {
-  const posts = getAllPosts();
-  const siteURL = process.env.VERCEL_URL;
-  const date = new Date();
-  const author = {
-    name: "John Doe",
-    email: "example@gmail.com",
-    link: "https://twitter.com/<username>",
-  };
-  
-  const feed = new Feed({
-    title: "Your Blog name",
-    description: "Your Blog description",
-    id: siteURL,
-    link: siteURL,
-    image: `${siteURL}/favicon.ico`,
-    favicon: `${siteURL}/favicon.ico`,
-    copyright: `All rights reserved ${date.getFullYear()}, Jatin Sharma`,
-    updated: date, // today's date
-    generator: "Feed for Node.js",
-    feedLinks: {
-      rss2: `${siteURL}/rss/feed.xml`,  // xml format
-      json: `${siteURL}/rss/feed.json`,// json fromat
-    },
-    author,
-  });
-
-  posts.forEach((post) => {
-    const url = `${siteURL}/blog/${post.slug}`;
-    feed.addItem({
-      title: post.title,
-      id: url,
-      link: url,
-      description: post.excerpt,
-      content: post.excerpt,
-      author: [author],
-      contributor: [author],
-      date: new Date(post.date),
-    });
-  });
-}
-```
-
-This code is straight forward and we just add the important data to the feed.
-
-<Step id={6}>Write the rss files in the public folder</Step>
-
-After all this, we just need to make an `xml` and `json` file. The following code will create `xml` and `json` files for the RSS feed.
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-
-```js {46-48}
-import fs from "fs";
-import { Feed } from "feed";
-import { getAllPosts } from "./posts";
-
-export default async function generateRssFeed() {
-  const posts = getAllPosts();
-  const siteURL = process.env.VERCEL_URL;
-  const date = new Date();
-  const author = {
-    name: "John Doe",
-    email: "example@gmail.com",
-    link: "https://twitter.com/<username>",
-  };
-  
-  const feed = new Feed({
-    title: "Your Blog name",
-    description: "Your Blog description",
-    id: siteURL,
-    link: siteURL,
-    image: `${siteURL}/favicon.ico`,
-    favicon: `${siteURL}/favicon.ico`,
-    copyright: `All rights reserved ${date.getFullYear()}, Jatin Sharma`,
-    updated: date, // today's date
-    generator: "Feed for Node.js",
-    feedLinks: {
-      rss2: `${siteURL}/rss/feed.xml`,  // xml format
-      json: `${siteURL}/rss/feed.json`,// json fromat
-    },
-    author,
-  });
-  
-  posts.forEach((post) => {
-    const url = `${siteURL}/blog/${post.slug}`;
-    feed.addItem({
-      title: post.title,
-      id: url,
-      link: url,
-      description: post.excerpt,
-      content: post.excerpt,
-      author: [author],
-      contributor: [author],
-      date: new Date(post.date),
-    });
-  });
-
-  fs.mkdirSync("./public/rss", { recursive: true });
-  fs.writeFileSync("./public/rss/feed.xml", feed.rss2());
-  fs.writeFileSync("./public/rss/feed.json", feed.json1());
-}
-```
-
-Now, we just need to call this function to generate the feed as the data is updated. To do that we call this function inside the `getStaticProps` in `pages/index.js` because whenever our site is built and deployed, our RSS feed will be created and updated as well.
-
-<CodeTitle lang="js" title="pages/index.js" />
-
-```js {6}
-// first import that function
-import generateRSS from "../lib/generateRssFeed";
-
-export async function getStaticProps() {
-  // ........
-  await generateRSS(); // calling to generate the feed
-  // ........
-}
-```
-
-<Tip>
-  I didn't want to push the RSS files to GitHub, because it is not necessary.
-  That's why I put `/public/rss` in the `.gitignore`.
-</Tip>
-
-That's it everything is done. Now if you are in the development then you can go to the [localhost:3000/rss/feed.xml](http://localhost:3000/rss/feed.xml) and if you are in the production then you can just simply go to `https://yoursite.com/rss/feed.xml`. You will find the RSS in `xml` format. In case you want to get the `json` data just use `https://yoursite.com/rss/feed.json`.
-
-
-
-## Method-2
-
-### Install `rss` package
-In the second method you need to install the `rss` package through `npm` or `yarn`
-
-<CodeTitle lang="bash" title="bash" />
-
-```bash
-yarn add rss
-# or
-npm i rss
-```
-
-### Generating RSS
-
-To generate an RSS feed, you need to create a function the same as we did in the previous method.
-
-<CodeTitle lang="js" title="lib/generateRssFeed.js" />
-
-```js
-import { writeFileSync } from "fs";
-import { getAllPosts } from "./posts";
-import RSS from "rss";
-export default async function getRSS() {
-  const siteURL = "https://yourdomain.com";
-  const allBlogs = getAllPosts();
-
-  const feed = new RSS({
-    title: "Your Name",
-    description: "your description",
-    site_url: siteURL,
-    feed_url: `${siteURL}/feed.xml`,
-    language: "en",
-    pubDate: new Date(),
-    copyright: `All rights reserved ${new Date().getFullYear()}, Your Name`,
-  });
-
-  allBlogs.map((post) => {
-    feed.item({
-      title: post.title,
-      url: `${siteURL}/blogs/${post.slug}`,
-      date: post.date,
-      description: post.excerpt,
-    });
-  });
-
-  writeFileSync("./public/feed.xml", feed.xml({ indent: true }));
-}
-```
-
-### Call the function
-
-As we did in the previous method we can call it inside the `getStaticProps` in `pages/index.js`
-
-<CodeTitle lang="js" title="pages/index.js" />
-
-```js {6}
-// first import that function
-import generateRSS from "../lib/generateRssFeed";
-
-export async function getStaticProps() {
-  // ........
-  await generateRSS(); // calling to generate the feed
-  // ........
-}
-```
-
-After applying this method you just need to visit the `/feed.xml` and it'll give you the result. For example - `https://youdomain.com/feex.xml`
-
-
-My [RSS feed](/feed.xml) is live right now you can check it out.
-
-## Wrappig up
-This is how you can add RSS feed to your own blog or side via using Next.js and some npm pacakges. This will help users in fetching the RSS stream to their RSS reader.  
diff --git a/frontend/posts/scroll-to-the-top-with-js.mdx b/frontend/posts/scroll-to-the-top-with-js.mdx
deleted file mode 100644
index 00e850d..0000000
--- a/frontend/posts/scroll-to-the-top-with-js.mdx
+++ /dev/null
@@ -1,222 +0,0 @@
----
-slug: scroll-to-the-top-with-js
-title: Scroll to the top with JS
-date: 2022-03-09
-published: true
-excerpt: You may have seen various types of website in that there is a button that takes you to the top of the page. Have you ever wondered how it actually works? Well, it's not rocket science or something it's very easy to do and after reading this article I am sure your website will have that button too. So without further due, let's get into it.
-image: https://imgur.com/FPSB4aH.png
----
-
-You may have seen various types of website in that there is a button that takes you to the top of the page. Have you ever wondered how it actually works? Well, it's not rocket science or something it's very easy to do and after reading this article I am sure your website will have that button too. So without further due, let's get into it.
-
-## Preview
-
-![preview](https://i.imgur.com/FbsmG7k.gif)
-
-Firstly, We need to create a `button`. For that in your main page or in the `body` of your HTML create a `button` with your suitable icon, for instance `arrow-up`.
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<button class="scroll-button">
-  <img
-    src="https://cdn-icons-png.flaticon.com/512/892/892692.png"
-    alt="arrow-up"
-  />
-</button>
-```
-
-Also, you need to make sure that your button is directly inside the body on level one not in the nested divs.
-
-**Wrong Place-**
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<!--WRONG-->
-<body>
-  <div>
-    <div></div>
-    ....
-    <!--WRONG Place for button-->
-    <button></button>
-  </div>
-</body>
-```
-
-**Correct Place-**
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<!--CORRECT-->
-<body>
-  <div>
-    <div></div>
-    ....
-  </div>
-  <!--CORRECT Place for button-->
-  <button></button>
-</body>
-```
-
-<CodeTitle title="directory" />
-```
-body/
-├─ level-one
-├─ level-one
-├─ level-one/
-│  ├─ level-two
-│  ├─ level-two/
-│  │  ├─ level-three
-├─ level-one
-```
-
-The above code explains that how the button should be placed on a level-one.
-
-## CSS
-Now we've created a button we need to style it. You can style, however you want, but there are many things which you should remember, for that look at the following code-
-
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.scroll-button {
-  /* position should be fixed so that it sticks to the bottom */
-  position: fixed;
-  bottom: 5%;
-  right: 5%;
-
-  /* removing extra syles outline and border */
-  outline: none;
-  border: none;
-  cursor: pointer;
-  user-select: none;
-  border-radius: 100%; /* making it rounded */
-
-  /* Making it's content center */
-  display: grid;
-  place-items: center;
-
-  /* Inital property so that user won't be able to see the button when he visit the page */
-  pointer-events: none; /* any event won't work */
-  opacity: 0; /* hiding button */
-  transition: opacity 500ms ease; /* animation */
-  -webkit-tap-highlight-color: transparent; /* removing tap hightlight */
-}
-
-/* Setting the Image dimensions */
-.scroll-button > img {
-  width: 50px;
-  height: 50px;
-}
-```
-
-## Javascript
-Now we have a button and we've styled it also. Now we just need to make it work so that we can scroll to the top. For that we are going to use Javascript.
-
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const scrollButton = document.querySelector(".scroll-button");
-
-// when the user scroll then show the button otherwise hide it
-window.addEventListener("scroll", () => {
-  window.pageYOffset > 100
-    ? scrollButton.classList.add("show-btn")
-    : scrollButton.classList.remove("show-btn");
-});
-
-// when user click the button take him to the top with smooth behavior
-scrollButton.addEventListener("click", () => {
-  window.scrollTo({
-    top: 0,
-    behavior: "smooth", // for smoothly scrolling
-  });
-});
-```
-
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-.show-btn {
-  opacity: 1 !important;
-  pointer-events: all !important;
-}
-```
-
-<Codepen id="JjOQKdW" />
-
-## Bonus
-
-### Creating a React Component
-
-You can also create a component of this button and place that in your React app. For that you will require the following code.
-
-<CodeTitle lang="js" title="components/ScrollToTopButton.jsx" />
-```jsx
-// used Technologies : tailwindCSS, React, React-icons
-
-import { IoIosArrowUp } from "react-icons/io";
-import { useEffect, useState } from "react";
-
-export default function ScrollToTopButton() {
-  const [showButton, setShowButton] = useState(false);
-
-  function scrollEvent() {
-    if (window.pageYOffset > 300) {
-      setShowButton(true);
-    } else {
-      setShowButton(false);
-    }
-  }
-  useEffect(() => {
-    window.addEventListener("scdddroll", scrollEvent);
-    return () => {
-      window.removeEventListener("scroll", scrollEvent);
-    };
-  }, []);
-
-  // This function will scroll the window to the top
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth", // for smoothly scrolling
-    });
-  };
-
-  return (
-    <>
-      {showButton && (
-        <button
-          onClick={scrollToTop}
-          className="fixed bottom-[10%] sm:bottom-[7%] right-0 m-5 sm:m-0 z-50"
-        >
-          <IoIosArrowUp className="bg-black dark:bg-gray-200 dark:text-darkPrimary text-white rounded-md shadow-lg text-[50px] md:mr-10" />
-        </button>
-      )}
-    </>
-  );
-}
-```
-
-### How to use this Component?
-
-<CodeTitle lang="js" title="src/App.js" />
-```jsx
-// ..App.js
-import ScrollToTopButton from "./components/ScrollToTopButton";
-
-function App() {
-  return (
-    <>
-      <main className="container">
-        <div></div>
-      </main>
-      <ScrollToTopButton />
-    </>
-  );
-}
-
-export default App;
-```
-
-## Wrapping Up
-
-In this article I've covered how you can make a button that scroll the screen to the top automatically. You can also make a button to scroll to the bottom. Now that's your project.
diff --git a/frontend/posts/some-javascript-methods-you-should-know.mdx b/frontend/posts/some-javascript-methods-you-should-know.mdx
deleted file mode 100644
index 62aeb73..0000000
--- a/frontend/posts/some-javascript-methods-you-should-know.mdx
+++ /dev/null
@@ -1,166 +0,0 @@
----
-slug: some-javascript-methods-you-should-know
-title: Some Javascript Methods you should know
-date: 2021-10-21
-published: true
-excerpt: This article exlains some javascript methods that you should know, such as concat, split, join etc.
-image: https://imgur.com/q6zHrlJ.png
----
-
-In this article, we are gonna look at some javascript methods that you should know. You might know some as well if yes then feel free to skip that particular section. So let's get into it.
-
-## concat(..)
-
-This method can be used in Array as well as in strings. this joins the two variables or parts together if they belong to the same data type.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = "foo";
-let b = ["f", "o", "o"];
-
-let c = a.concat("bar"); // "foobar"
-let d = b.concat(["b", "a", "r"]); // ["f","o","o","b","a","r"]
-```
-
-Since it doesn't' not change the actual variable so we always need to store the value returns from `concat`
-for example -
-
-<CodeTitle lang="js" title="script.js" />
-```js
-console.log(a); // "foo"
-console.log(b); // [ 'f', 'o', 'o' ]
-console.log(c); // "foobar"
-console.log(d); // [ 'f', 'o', 'o', 'b', 'a', 'r' ]
-```
-
-## reverse()
-
-Arrays have a `reverse()` in-place mutator method, but strings do not so we can only use it in arrays and not for strings.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = "foo";
-let b = ["f", "o", "o", "!"];
-
-a.reverse; // undefined
-b.reverse(); // ["!","o","O","f"]
-console.log(b); // ["!","o","O","f"]
-```
-
-Since this method cannot reverse string so the question is how we can reverse sting? The answer is simple we have to make a function for it.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = "foo";
-
-// function for reversing a string
-function reverseString(str) {
-  return str.split("").reverse().join("");
-}
-
-console.log(a); // "foo"
-
-let b = reverseString(a);
-console.log(b); // "oof"
-```
-
-`reverseString()` method returns the value so we need to store that in the variable and voila it works. In the above example, we are just taking a string and splitting it into an array then we use the `reverse()` and `join()` back together.
-
-## split(..)
-
-In the previous section we used the `split()` method now let's see how it actually works.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = "foo";
-let arr = a.split("");
-
-console.log(a); // foo
-console.log(arr); //  [ 'f', 'o', 'o' ]
-```
-
-`split()` method returns an array and it splits based on what you passed as the argument in that. For example:
-
-## join(..)
-
-In the the previous example we used the `join()` as well it was for to convert the array into the string.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = ["f", "o", "o", "!"];
-let str = a.join("");
-
-console.log(a); // [ 'f', 'o', 'o', '!' ]
-console.log(str); //  foo!
-```
-
-## toExponential()
-
-This method converts the value to the exponential as we can already understand by name of it. Let's see how we can implement it.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = 5e7;
-console.log(a); // 50000000
-let b = a.toExponential();
-console.log(b); // 5e+7
-```
-
-Now, what if we use some mathematical operations in it. let's see.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var c = b * b;
-console.log(c); // 2.5e+21
-var d = 1 / b;
-console.log(d); // 2e-11
-```
-
-## toFixed(..)
-
-`toFixed(..)` method allows you to specify how many fractional
-decimal places you’d like the value to be represented with:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = 42.59;
-a.toFixed(0); // "43"
-a.toFixed(1); // "42.6"
-a.toFixed(2); // "42.59"
-a.toFixed(3); // "42.590"
-a.toFixed(4); // "42.5900"
-```
-
-## toPrecision(..)
-
-`toPrecision(..)` is similar, but specifies how many significant digits should be used to represent the value:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 42.59;
-a.toPrecision(1); // "4e+1"
-a.toPrecision(2); // "43"
-a.toPrecision(3); // "42.6"
-a.toPrecision(4); // "42.59"
-a.toPrecision(5); // "42.590"
-```
-
-Some other example -
-
-<CodeTitle lang="js" title="script.js" />
-```js
-42.toFixed( 3 ); // SyntaxError
-
-// these are all valid:
-(42).toFixed( 3 ); // "42.000"
-0.42.toFixed( 3 ); // "0.420"
-42..toFixed( 3 ); // "42.000"
-```
-
-`42.toFixed(3)` is invalid syntax, because the . is swallowed up as part of the `42`. literal (which is valid—see above!), and so then there’s no. property operator present to make the `.toFixed` access.
-
-`42..toFixed(3)` works because the first `.` is part of the number and the second `.` is the property operator. But it probably looks strange, and indeed it’s very rare to see something like that in actual Java‐Script code.
-
-## Wrapping up
-
-There are a bunch more methods that I have not covered such as `length`, `indexOf`, `toUpperCase`, and so on. Maybe we will cover those in the future.
diff --git a/frontend/posts/some-strange-concept-of-javascript.mdx b/frontend/posts/some-strange-concept-of-javascript.mdx
deleted file mode 100644
index ebde361..0000000
--- a/frontend/posts/some-strange-concept-of-javascript.mdx
+++ /dev/null
@@ -1,191 +0,0 @@
----
-slug: some-strange-concept-of-javascript
-title: Some Strange Concept of JavaScript
-date: 2021-10-25
-published: true
-excerpt: In this article, we are going to look at some weird and strange concepts of Javascript, Some of which you may know and some may not. So stay tuned till the end.
-image: https://imgur.com/FEevL55.png
----
-
-In this article, we are going to look at some weird and strange concepts of Javascript, Some of which you may know and some may not. So stay tuned till the end.
-
-
-
-## Undefined
-
-In non-strict mode, it's actually possible (though incredibly ill-advised!)
-to assign a value to the globally provided undefined identifier:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// non-strict
-function foo() {
-  undefined = 2; // really bad idea!
-}
-
-foo();
-```
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Strict Mode
-function foo() {
-  "use strict";
-  undefined = 2; // TypeError!
-}
-
-foo();
-```
-
-In both non-strict mode and strict mode, however, you can create a local variable of the name _undefined_. But again, this is a terrible idea!
-
-<CodeTitle lang="js" title="script.js" />
-```js
-function foo() {
-  var undefined = 2;
-  console.log(undefined); // 2
-}
-foo();
-```
-
-## The not number (NaN)
-
-Any mathematic operation you perform without both operands being numbers (or values that can be interpreted as regular numbers in base 10 or base 16) will result in the operation failing to produce a valid number, in which case you will get the NaN value.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = 2 / "foo"; // NaN
-typeof a === "number"; // true
-```
-
-In other words, “the type of not-a-number is number!” Hooray for confusing names and semantics.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 2 / "foo";
-isNaN(a); // true
-```
-
-Easy enough, right? I've use the built-in global utility called `isNaN(..)` and it tells us if the value is `NaN` or not. Problem solved! **Not so fast.**
-
-The isNaN(..) utility has a fatal flaw. It appears it tried to take the meaning of NaN (“Not a Number”) too literally—that its job is basically, _“test if the thing passed in is either not a number or is a number.”_ But that's not quite accurate:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 2 / "foo";
-var b = "foo";
-a; // NaN
-b; //"foo"
-window.isNaN(a); // true
-window.isNaN(b); // true--ouch!
-```
-
-Clearly, `"foo"` is literally not a number. it's a string but when you do `isNaN("16")` then it will return `false` because when javascript does implicit conversion it perfectly converts to `number` that's why it returns `false`
-
-## Infinities
-
-Developers from traditional compiled languages like C are probably used to seeing either a compiler error or runtime exception, like `divide by zero` for an operation like:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-let a = 1 / 0;
-```
-
-However, in JS, this operation is well-defined and results in the value `Infinity` (aka `Number.POSITIVE_INFINITY`). Unsurprisingly:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 1 / 0; // Infinity
-var b = -1 / 0; // -Infinity
-```
-
-## Zeros
-
-While it may confuse the mathematics-minded reader, JavaScript has both a normal zero 0 (otherwise known as a positive zero +0) and a negative zero -0. Before I explain why the -0 exists, we should examine how JS handles it, because it can be quite confusing.
-
-Besides being specified literally as -0, negative zero also results from certain mathematic operations. For example:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 0 / -3; // -0
-var b = 0 * -3; // -0
-```
-
-Let's see some more example of `zeros` :
-
-<CodeTitle lang="js" title="script.js" />
-```js
-var a = 0;
-var b = 0 / -3;
-a == b; // true
--0 == 0; // true
-a === b; // true
--0 === 0; // true
-0 > -0; // false
-a > b; // false
-```
-
-## Null
-
-So as we know `typeof` is an operator, by which we check the type of a variable like this :
-
-<CodeTitle lang="js" title="script.js" />
-```js
-typeof undefined === "undefined"; // true
-typeof true === "boolean"; // true
-typeof 42 === "number"; // true
-typeof "42" === "string"; // true
-typeof { life: 42 } === "object"; // true
-```
-
-As you may have noticed, I excluded `null` from the above listing. It's special—special in the sense that it's buggy when combined with the `typeof` operator:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-typeof null === "object"; // true
-```
-
-It would have been nice (and correct!) if it returned `null`, but this original bug in JS has persisted for nearly two decades, and will likely never be fixed because there's so much existing web content that relies on its buggy behavior that “fixing” the bug would create more “bugs” and break a lot of web software.
-
-`null` is the only primitive value that is `falsy` but which also returns `object` from the `typeof` check.
-
-## BONUS
-
-**What are falsy value?**
-A falsy (sometimes written falsey) value is a value that is considered false when encountered in a Boolean context.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-if (false)
-if (null)
-if (undefined)
-if (0)
-if (-0)
-if (0n)
-if (NaN)
-if ("")
-```
-
-**What are Truthy value?**
-In JavaScript, a truthy value is a value that is considered true when encountered in a Boolean context.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-if (true)
-if ({})
-if ([])
-if (42)
-if ("0")
-if ("false")
-if (new Date())
-if (-42)
-if (12n)
-if (3.14)
-if (-3.14)
-if (Infinity)
-if (-Infinity)
-```
-
-## Wrapping up
-
-It's not the end, there are bunch of things likes this which I will cover it the future, So consider to follow. And If you learned something new then give a thumbs up.
diff --git a/frontend/posts/spotify-api-nextjs.mdx b/frontend/posts/spotify-api-nextjs.mdx
deleted file mode 100644
index c6ec90b..0000000
--- a/frontend/posts/spotify-api-nextjs.mdx
+++ /dev/null
@@ -1,349 +0,0 @@
----
-slug: spotify-api-nextjs
-title: How to use Spotify API with Next.js
-date: 2022-05-12
-published: true
-excerpt: In this article, I am going to explain how you can use the Spotify API to fetch the data of your account using Next.js API routes.
-image: https://imgur.com/lEtqatZ.png
----
-
-On my website, there is a [stats](/stats) page, which showcases many things such as my Dev. To blog stats and the GitHub repository count and the Spotify stats, we will talk about how you can implement that in your dream project.
-
-
-## Preview
-
-Let's first Look what am talking about. The following images are just to showcase what I made with Spotify API.
-
-<Figcaption src="https://imgur.com/4JbS8jf.png" caption="My Top 5 Tracks on Spotify" />
-<Figcaption src="https://imgur.com/7GiceXM.png" caption="My Top 5 Artists on Spotify" />
-<Figcaption src="https://imgur.com/5njBTNg.png" caption="When I am not playing any song" />
-<Figcaption src="https://imgur.com/d3k6sHW.png" caption="Currently Playing Song" />
-
-## Create a Spotify App
-
-Firstly, we need to create an application on the spotify-
-
-- Go to [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/)
-- Login with Spotify Account
-  ![Login](https://i.imgur.com/ytuIfqq.png)
-- Click on **Create an App**
-- Fill the Name and the Description then Click **Create**
-  ![create](https://i.imgur.com/KJi9pWu.png)
-- Save your Client ID and Secret in your `.env.local`
-- Click on **Edit Setting** on top-right and add the `http://localhost:3000/callback` as the _callback url_ and click on **Save**.
-  ![edit Setting](https://i.imgur.com/OnLV67y.gif)
-
-Everything is done. Now let's get into the authentication stuff.
-
-## Authentication with `refresh_token`
-
-There are many types of authentication we are going with `refresh_token` because we only want to authenticate once. You can learn about Authorization [here](https://developer.spotify.com/documentation/general/guides/authorization/)
-
-<Figcaption
-  src="https://developer.spotify.com/assets/AuthG_AuthoriztionCode.png"
-  caption="Authorization Code Flow"
-/>
-
-
-### Authorization Code
-
-As you can see in the above image we have everything except [scopes](https://developer.spotify.com/documentation/general/guides/authorization/scopes/). Which defines, what we need fetch from the Spotify API.
-
-To do that we need a `url` that send the following parameter to the Spotify-
-
-- `response_type` : it should be `code` (as shown in the image)
-- `redirect_uri` : callback url same as you enter in the Spotify Dashboard
-- `client_id` : your project's `client_id`
-- `scope` : you can read about that [here](https://developer.spotify.com/documentation/general/guides/authorization/scopes/)
-
-We want to fetch the user's top stats and the currently playing song. for that scope is `user-top-read` and `user-read-currently-playing`. You can add as many scopes as you want separated by plus ("+"). So, now our URL looks like this (enter your project `client_id`)-
-
-<CodeTitle title="URL" />
-```bash
-https://accounts.spotify.com/authorize?client_id=bda10cd719564898818245d97727de7e&response_type=code&redirect_uri=http://localhost:3000/callback&scope=user-read-currently-playing+user-top-read 
-```
-
-Now enter the URL in the browser and then click **Enter**. After authorizing, you'll be redirected back to your `redirect_uri`. In the URL, there's a `code` query parameter. Store this value somewhere because we are going to need it in the next step.
-
-<CodeTitle title="Code" />
-```bash
-http://localhost:3000/callback?code=CDxRCu......NLdsM
-```
-
-### Get `refresh_token`
-
-After doing all this work now we need to get the `refresh_token` to authorization. You'll need to generate a Base 64 encoded string containing the **Client ID** and **Client Secret** from earlier. You can use this [tool](https://www.base64encode.org/) to encode it online. The format should be exactly the same as this `client_id:client_secret`.
-
-Your url should look like this - 
-
-<CodeTitle lang="bash" title="Demo URL" />
-```bash
-# URL to get "refresh_token"
-
-curl -H "Authorization: Basic <base64 encoded client_id:client_secret>" -d grant_type=authorization_code -d code=<code> -d redirect_uri=http%3A%2F%2Flocalhost:3000/callback https://accounts.spotify.com/api/token
-```
-
-So after encoding the  **Client ID** and **Client Secret** it should be looks like this-
-
-<CodeTitle title="client_id:client_secret"/>
-```bash
-YmRhMTBjZDcxOTU2NDg5ODgxODJmMmQ5NzcyN2RlN2U6NjZmZTU5OTJjYjZlNDFjZmEwNDdfkdjfkHKkjdfdwODk0YjI=
-```
-
-Now the final url should looks like this-
-
-<CodeTitle lang="bash" title="Auth URL"/>
-```bash
-curl -H "Authorization: Basic YmRhMTBjZDcxOTU2NDg5ODgxODJmMmQ5NzcyN2RlN2U6NjZmZTU5OTJjYjZlNDFjZmEwNDdfkdjfkHKkjdfdwODk0YjI=" -d grant_type=authorization_code -d code=AQD_kIzZ0OVXkeeIU4jnLWADFJDKdcWLYo9ySdfdfdkHKJFtGExxgw_aCxJrZflWVeARvjaGDfdfddf6KYpFlo2t2JZ0SQceyvdKs4AcGgCLSqm7vMyiRWCy_t06WmLet8v6aEBx8U4eKHxKiEx_sBgvCSlYo5wptKUd0Gwa6oyqOHFZnE7KSbxTVwMkQ668Ezjz2aeFEPp1TU9ij6dM4AjO4YFCH2hoMWgO3k5XrbdKnK7U2Y30wb8gHjEA6LnE8yu8cyvaY9WQ -d redirect_uri=http%3A%2F%2Flocalhost:3000/callback https://accounts.spotify.com/api/token
-```
-
-After running this on your terminal it will return a JSON object containing `refresh_token`. This token is valid indefinitely unless you revoke access, so we'll want to save this in an environment variable. The JSON will looks like this- 
-
-```json
-{
-  "access_token":"DKjdfkdjkdfjdRU67VlhTLc3HUHHRvcG6W3F56ISDFodvSiSmFZIIUwOzzZCyCcgOia-TXX-y_wq8n7jEHTI0JEYO6djABMQmlutMqsUPgEiVJ2isj98BrBYFV4dfdsjkfksudJKDUIkdfdfdk1vxR07V_r7Y-aLjMyqwBaSqxneFokM",
-  "token_type": "Bearer",
-  "expires_in": 3600,
-  "refresh_token":"dfkdjkkdjfdfrrdkfjd9984maWbrIrXqNNK63SOzJdWQGaTYQGD6Ji1dWsAywEgm-eUspfuOlug8f71XL2oBWtD_pzd6EzCWwqCVnDSWspbJelOwVDY62TuAI",
-  "scope": "user-read-currently-playing user-top-read user-read-private"
-}
-
-```
-
-That's a lot to digest, but now our work is done, we have all the necessary things we needed for authorization.
-
-## Setting up Environment Variables
-
-Now all the things we get in the above process we need to add those to the `.env.local`
-
-<CodeTitle title=".env.local" />
-```bash
-SPOTIFY_CLIENT_ID=
-SPOTIFY_CLIENT_SECRET=
-SPOTIFY_REFRESH_TOKEN=
-```
-
-
-## Using Spotify API
-
-Now we can use the `refresh_token` to get the final `access_token`. The following Code fetches the `access_token` by using the `refresh_token`  
-
-
-<CodeTitle lang="js" title="lib/spotify.js" />
-```js
-const getAccessToken = async () => {
-  const refresh_token = process.env.SPOTIFY_REFRESH_TOKEN;
-
-  const response = await fetch("https://accounts.spotify.com/api/token", {
-    method: "POST",
-    headers: {
-      Authorization: `Basic ${Buffer.from(
-        `${process.env.SPOTIFY_CLIENT_ID}:${process.env.SPOTIFY_CLIENT_SECRET}`
-      ).toString("base64")}`,
-      "Content-Type": "application/x-www-form-urlencoded",
-    },
-    body: new URLSearchParams({
-      grant_type: "refresh_token",
-      refresh_token,
-    }),
-  });
-
-  return response.json();
-};
-```
-
-### Fetch the Top Tracks
-
-Now you can use this `access_token` fetch your data. In our case it is the top tracks. 
-
-<CodeTitle lang="js" title="lib/spotify.js" />
-```js
-export const topTracks = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/top/tracks", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-#### Creating API route top tracks
-
-In the beginning, I mentioned that we are going to use the Next.js API routes. If you are not familiar with that then [give this a read](https://nextjs.org/docs/api-routes/introduction)
-
-
-<CodeTitle lang="js" title="pages/api/stats/tracks.js" />
-```js
-import { topTracks } from "../../../lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await topTracks();
-  const { items } = await response.json();
-
-  const tracks = items.slice(0, 5).map((track) => ({
-    title: track.name,
-    artist: track.artists.map((_artist) => _artist.name).join(", "),
-    url: track.external_urls.spotify,
-    coverImage: track.album.images[1],
-  }));
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json(tracks);
-}
-```
-
-This will return the first five top tracks, I've removed unnecessary information. You can modify this as you like. Now visit the `localhost:3000/api/stats/tracks`. If everything worked correctly,  you should see some data like this -
-
-<CodeTitle lang="js" title="localhost:3000/api/stats/tracks" />
-```json
-[
-  // ...........
- {
-    "title": "Blowing Up",
-    "artist": "KR$NA",
-    "url": "https://open.spotify.com/track/3Oh2FwWbnKIAyUE2gToFYu",
-    "coverImage": {
-      "height": 300,
-      "url": "https://i.scdn.co/image/ab67616d00001e02f8c35169d5bab01327f87e5a",
-      "width": 300
-    }
-  },
-  {
-    "title": "Jaan Bolti Hai",
-    "artist": "Karma",
-    "url": "https://open.spotify.com/track/4KGZlLtfKV4raRbsoB2Rw9",
-    "coverImage": {
-      "height": 300,
-      "url": "https://i.scdn.co/image/ab67616d00001e028e3626063a42b11b847663b3",
-      "width": 300
-    }
-  },
-  //.........
-]
-```
-To see my stats you can visit `https://jatin.vercel.app/api/stats/tracks`.
-
-
-
-### Fetch the Top Artist
-
-Now you can use this `access_token` fetch your data. In our case it is the top artists.
-
-<CodeTitle lang="js" title="lib/spotify.js" />
-```js
-export const topArtists = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/top/artists", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-#### Creating API route top artists
-
-<CodeTitle lang="js" title="pages/api/stats/artists.js" />
-```js
-import { topArtists } from "../../../lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await topArtists();
-  const { items } = await response.json();
-
-  const artists = items.slice(0, 5).map((artist) => ({
-    name: artist.name,
-    url: artist.external_urls.spotify,
-    coverImage: artist.images[1],
-    followers: artist.followers.total,
-  }));
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=86400, stale-while-revalidate=43200"
-  );
-
-  return res.status(200).json(artists);
-}
-```
-
-It returns your's top Spotify artists.
-
-### Fetch the Currently Playing Song
-
-Now, as you can see on my [website's](http://jatin.vercel.app/) footer there is an option to see if I am currently playing the song or not, if yes then which one. To do that, we fetch the following URL.
-
-<CodeTitle lang="js" title="lib/spotify.js" />
-```js
-export const currentlyPlayingSong = async () => {
-  const { access_token } = await getAccessToken();
-
-  return fetch("https://api.spotify.com/v1/me/player/currently-playing", {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  });
-};
-```
-
-#### Creating API route for Currently Playing Song
-
-<CodeTitle lang="js" title="pages/api/now-playing .js" />
-```js
-import { currentlyPlayingSong } from "../../lib/spotify";
-
-export default async function handler(req, res) {
-  const response = await currentlyPlayingSong();
-
-  if (response.status === 204 || response.status > 400) {
-    return res.status(200).json({ isPlaying: false });
-  }
-
-  const song = await response.json();
-
-  if (song.item === null) {
-    return res.status(200).json({ isPlaying: false });
-  }
-
-  const isPlaying = song.is_playing;
-  const title = song.item.name;
-  const artist = song.item.artists.map((_artist) => _artist.name).join(", ");
-  const album = song.item.album.name;
-  const albumImageUrl = song.item.album.images[0].url;
-  const songUrl = song.item.external_urls.spotify;
-
-  res.setHeader(
-    "Cache-Control",
-    "public, s-maxage=60, stale-while-revalidate=30"
-  );
-
-  return res.status(200).json({
-    album,
-    albumImageUrl,
-    artist,
-    isPlaying,
-    songUrl,
-    title,
-  });
-}
-```
-
-This returns all the song details if the user is playing the song. Otherwise, `isPlaying` will return `false`. You can handle both the conditions now. If the user is playing the song, then simply show the song Otherwise Display Not Playing.
-
-
-<Tip>
-You should use `swr` to fetch the data Otherwise it will show you the old data which you might not like.
-</Tip>
-
-## Output
-
-You can view the Example of this on my [website](http://jatin.vercel.app/stats)
-
-
diff --git a/frontend/posts/timeline-with-css.mdx b/frontend/posts/timeline-with-css.mdx
deleted file mode 100644
index 2dbbd33..0000000
--- a/frontend/posts/timeline-with-css.mdx
+++ /dev/null
@@ -1,102 +0,0 @@
----
-slug: timeline-with-css
-title: Timeline with CSS
-date: 2021-11-10
-published: true
-excerpt: In this article, we are gonna build a timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.
-image: https://imgur.com/lJBhbsA.png
---- 
-
-In this article, we are gonna build a timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want. Let's first look at what are we building -
-
-## Preview
-
-![preview](https://i.imgur.com/BLrZCnJ.gif)
-
-
-## HTML
-Now you have seen what we are up to so let's get hands in the code -
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="timeline">
-  <div class="outer">
-    <!-- .... card before this -->
-    <div class="card">
-      <div class="info">
-        <h3 class="title">Title</h3>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
-          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat.
-        </p>
-      </div>
-    </div>
-
-    <!-- ..... you can add more div with "card" class -->
-  </div>
-</div>
-```
-
-In the HTML code, the `timeline` class is the main container and the `outer` class is the wrapper for all the cards. and then we have a `card` in which we add data.
-
-## CSS
-Now let's look at the CSS -
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Timeline Container */
-.timeline {
-  background: #fff;
-  margin: 20px auto;
-  padding: 20px;
-}
-
-/* Outer Layer with the timeline border */
-.outer {
-  border-left: 2px solid #333;
-}
-
-/* Card container */
-.card {
-  position: relative;
-  margin: 0 0 20px 20px;
-  padding: 10px;
-  background: #333;
-  color: gray;
-  border-radius: 8px;
-  max-width: 400px;
-}
-
-/* Information about the timeline */
-.info {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-/* Title of the card */
-.title {
-  color: orangered;
-  position: relative;
-}
-
-/* Timeline dot  */
-.title::before {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background: white;
-  border-radius: 999px;
-  left: -39px;
-  border: 3px solid orangered;
-}
-```
-
-<Codepen id="wvqXRjm" />
-
-## Wrapping up
-
-This is just the beginning, you can customize it to the next level, and maybe I'll do in the future article to stay tuned for that.
diff --git a/frontend/posts/truncate-css.mdx b/frontend/posts/truncate-css.mdx
deleted file mode 100644
index 4a729a1..0000000
--- a/frontend/posts/truncate-css.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
----
-slug: truncate-css
-title: Truncate String with CSS
-date: 2022-05-19
-published: true
-excerpt: In this article, I am going to cover how you can create truncate strings or paragraphs by just using CSS.
-image: https://imgur.com/w232Ka8.png
----
-
-In this article, I am going to cover how you can create truncate strings or paragraphs by just using CSS.
-
-## What is Truncate?
-Truncate means to make something shorter, especially by cutting off the top or end. In paragraphs, we make the string shorter by cutting the lines. 
-
-```html
-Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem 
-Ipsum has been the industry's standard dummy text ever since the 1500s when an 
-unknown printer took a galley of type and scrambled it to make a type specimen book. 
-It has survived not only five centuries, but also the leap into electronic typesetting.
-```
-The above paragraph contains 4 lines and we want to make it short to two lines. like this - 
-
-```html
-Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem 
-Ipsum has been the industry's standard dummy text ever since the 1500s, when....
-```
-
-## How to use it?
-First, let's take a look at how my HTML is looking- 
-
-### HTML
-
-<CodeTitle lang="html" title="index.html" />
-```html 
-<div class="container">
-  <h3>Truncate-2 (two line)</h3>
-  <p class="truncate-2">
-    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
-    took a galley of type and scrambled it to make a type specimen book. It has survived not only five 
-    centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was 
-    popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and 
-    more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-  </p>
-</div>
-```
-
-So as you can see I've applied the `truncate-1` class to the paragraph. This class contains the following properties-
-
-### CSS
-<CodeTitle lang="css" title="styles.css" />
-```css
-.truncate-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;    /* Change the number as per your requirement */
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-```
-
-## Result
-After that result is something like this-
-![truncate-1](https://imgur.com/9CZvu3K.png)
-
-
-<Codepen id="oNEWoVG" /> 
-
diff --git a/frontend/posts/ts.mdx b/frontend/posts/ts.mdx
deleted file mode 100644
index 87b77f8..0000000
--- a/frontend/posts/ts.mdx
+++ /dev/null
@@ -1,2021 +0,0 @@
----
-slug: ts
-title: Learn Typescript from Scratch
-date: 2022-12-14
-published: true
-keywords: web development, javascript, typescript, beginner, tutorial, webdev
-excerpt: In this article, I'll give a brief introduction to Typescript. I'll cover most of the topics with examples as well. After reading this post, you can use typescript in your projects (using typescript in React or other frameworks is out of reach). Let's get down to business.
-image: https://imgur.com/eiYumYc.png
----
-
-In this article, I'll give a brief introduction to Typescript. I'll cover most of the topics with examples as well. After reading this post, you can use typescript in your projects (using typescript in React or other frameworks is out of reach). Let's get down to business.
-
-## What is Typescript?
-
-TypeScript adds additional syntax to JavaScript to support a **tighter integration with your editor**. Catch errors early in your editor. TypeScript code converts to JavaScript, which **runs anywhere JavaScript runs**: In a browser, on Node.js or Demo, and in your apps. TypeScript understands JavaScript and uses **type inference to give you great tooling** without additional code.
-
-*   Typescript is a superset of JavaScript
-*   It doesn't add more features.
-*   It allows you to code in a manner so that your code faces much less error in the run time or production.
-    
-
-![ts](https://imgur.com/udAkks3.png)
-
-Don't use typescript if your project is small. You need to use the superpower of the typescript if you are using it to make your code bug and error-free. It's all about **the Type safety**
-
-
-
-```ts
-> 2 + "2"
-> '22' // ans
-
-> null + 2
-> 2
-
-> undefined + 2
-> NaN
-```
-
-This should not be done as it makes the issue bigger.
-
-## What does typescript do?
-
-It does static checking - whenever you are writing the code, then the code is constantly monitored by IDE to check if you are making any syntax error or something but not in JavaScript. Whatever you write, it's ok
-
-But when you run the code in your environment, then it throws the error. It would be very helpful to get the idea of whether what you are doing is correct or not as you write the code.
-
-**Analyze the code as we type. That's it**
-
-### How does Development Process work?
-
-You write all your code in typescript format and that code is converted to JavaScript. typescript is a development tool and your project still run JavaScript as the browser doesn't understand Typescript.
-
-That's why when you install the typescript package then you download it as a dev dependency.
-
-[typescript Playground](https://www.typescriptlang.org/play): Here you can play with typescript and check how it is converted.
-
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let car = {
-  module: "xyz",
-  color: "red",
-};
-
-// ❌ ERROR: Property 'price' does not exist on type '{ module: string; color: string; }'.
-car.price;
-```
-
-As the above code shows in the example we are trying to get the `price` which does not exist in the object and it shows the error before running the code.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let num1 =  2;
-let num2 =  "2"
-
-// 👇 It works but shouldn't be done right?
-let sum = num1 + num2; // "22"
-```
-
-The above code does not show any kind of error and when you run it will show you the result as `22` which we don't want. It is allowed, but we can bypass that by defining each variable as a type. We will look at the in later in this article.
-
-## Install Typescript
-
-There are two different installations for the project you can use-
-
-### Global Installation
-
-In this, you install the Typescript as the global package. you can do that by simply running the following command in your terminal window-
-
-```bash
-npm install -g typescript
-```
-
-### TypeScript in Your Project
-
-When you install typescript for your projects such as for React or Angular then their typescript config file is required what kind of setting you want or not. Use the following command to install the typescript to your project-
-
-```bash
-npm install typescript --save-dev
-```
-
-For more info [visit here](https://www.typescriptlang.org/download)
-
-## Types in Typescript
-
-*   number
-    
-*   string
-    
-*   boolean
-    
-*   null
-    
-*   undefined
-    
-*   void
-    
-*   object
-    
-*   array
-    
-*   tuples
-    
-*   unknown
-    
-*   never
-    
-*   any (should not use)
-    
-
-and many more.
-
-### Situations to use typescript
-
-For example, there is a function `increaseScore` and it takes `currentScore` and increases the score by `increaseBy` number and returns the updated score.
-
-<CodeTitle lang="js" title="index.js" />
-```js
-function increaseScore(currentScore, increaseBy){
-	return currentScore + increaseBy;
-}
-
-increaseScore(10, 2) // output : 12
-increaseScore(10, "2") // output : 102
-```
-
-If someone passes the string or other thing, then it will throw an error in the production or runtime. Such as in the second example where the score becomes `102` it's a bug as shown in the image.
-
-Now, How can we prevent that using typescript? We will look at the later in depth. You can define the type of a variable like this-
-
-```ts
-let variableName: type = value;
-```
-
-## Primitive Types
-
-Primitive types in JavaScript are-
-
-*   `string`
-    
-*   `boolean`
-    
-*   `number`
-    
-
-### string
-
-String values are surrounded by single quotation marks or double quotation marks. They are used to store text data.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let player: string = "John";
-
-// ✅ CORRECT
-player = "anny";
-
-// ❌ ERROR: Type 'number' is not assignable to type 'string
-player = 4;
-```
-
-As you can see we assign the name (Anny) in line 3 and we assign the number in line 4 and it immediately throws an error. It's what typescript is. You don't need to run the typescript to get the error as JavaScript does.
-
-### boolean
-
-In boolean it could be either `true` or `false` otherwise, it will throw you an error as shown in the following code-
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let isLoggedIn: boolean = false;
-
-// ✅ CORRECT
-isLoggedIn = true;
-
-// ❌ ERROR: Type 'number' is not assignable to type 'boolean'
-isLoggedIn = 5;
-
-// ❌ ERROR: Type 'string' is not assignable to type 'boolean'.
-isLoggedIn = "hello";
-```
-
-### number
-
-JavaScript does not have a special runtime value for integers, so there’s no equivalent to `int` or `float` - everything is simply `number` that's why in `line 5` when we assign the `price` to `500.53` it doesn't give you an error because it's a number.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let price: number = 200;
-
-// 👇✅ CORRECT
-price = 300;
-price = 500.53;
-
-// 👇❌ Error
-price = false;
-price = "3000";
-```
-
-### Don't use `any`
-
-So the question occurred that why Shouldn't we use `any`? The answer is simply because when you use `any` then you disable all the type checking for that variable and anyone can assign any kind of value to the variable. For example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// 👇 Wrong Practice (by default 'any')
-let hello;
-
-// 👇 'hello' can take any type of value
-hello =  2;
-hello =  "world";
-hello =  true;
-```
-
-On `line: 1` we have not defined the type of the variable `hello` so its defaults as `any` and you can assign whatever you want as shown in the above example.
-
-Now Imagine the scenario where you are calling an API and getting the data in the `string` format, but someone changes it to the `boolean` or `number` then your whole app functionality will crash due to that mistake. And Typescript prevents you from doing that. For example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let data; // type by default is any
-
-function getData(){
-	//.........API Call
-	return  "Message";
-}
-
-data = getData(); 		// no issue because expected string
-```
-
-Example 2:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let data;
-
-function getData(){
-	//.........API Call
-	return 823;
-}
-
-data = getData(); 		// ISSUE: expected string but returns the number (won't throw error because type is `any`)
-```
-
-Solution:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let data: string;
-
-function getData(){
-	//.........API Call
-	return  "Message";
-}
-
-data = getData();
-```
-
-Now, if you pass something that is not a string then it will throw an error as shown below:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let data: string;
-
-function getData(){
-  //........API Call
-  return true;
-}
-
-// ❌ ERROR: Type 'boolean' is not assignable to type 'string'
-data = getData();
-```
-
-> You can use`any` whenever you don’t want a particular value to cause type-checking errors.
-
-## Functions
-
-Writing function is a piece of cake when you know the JavaScript but it gets a little bit complex in typescript. Don’t worry, we will take every aspect of that. We need to define the types of two things in function **Parameters** & **Return Types.**
-
-### Parameters
-
-Function parameters are the names listed in the function's definition. I'll take an old example that I've mentioned before:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// This is a norma JavaScript Function that take two number and returns the sum 
-// Problem is when you call the function you can pass any value 
-// It won't show error because the variable does not have any kind of type
-function increaseScore(currentScore, increaseBy){
-	return currentScore + increaseBy;
-}
-
-// Now we define that both parameters have `number` type and it will only take the number
-// otherwise it will throw an error
-function increaseScore(currentScore: number, increaseBy: number) {
-  return currentScore + increaseBy;
-}
-```
-
-Following is an example of the error it will show when you pass the wrong value to the function:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function increaseScore(currentScore:number, increaseBy:number){
-	console.log(currentScore + increaseBy);
-}
- 
-increaseScore(10, 2) // ✅ Correct
-increaseScore(10,  "2");  	// ❌ Error
-increaseScore(10,  [2,3,4])	// ❌ Error
-```
-
-### Return Types
-
-Return types matter. Because In typescript there are many return types. For example, you already know `boolean`, `number` and `string`. But the question here is how we defined which type should return from the function. You can do that by the following syntax.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Syntax
-function funcName(para: paraType): returnType {
-	//........
-}
-
-
-// For Example:
-function greetings(name: string): string {
-  return "hello" + name;
-}
-
-greetings("john");	// ✅
-greetings(true); 	// ❌ ERROR: Expected String
-
-// greet is 'string' type because greetings() return stirng type
-let greet = greetings("Don");
-greet = 2;	 // ❌ ERROR: because type is 'string'
-```
-
-### Other Types
-
-#### void
-
-`void` represents the return value of functions that don’t return a value. It’s the inferred type any time a function doesn’t have any `return` statements or doesn’t return any explicit value from those return statements.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// This function doesn't return anything thus its return type is void
-function sayHi(name: string): void {
-	console.log("Hi! " + name);
-}
-```
-
-#### never
-
-The `never` type represents values that are *never* observed. In a return type, this means that the function throws an exception or terminates the execution of the program.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function handleError(errMsg: string): never {
-  throw new Error(errMsg);
-}
-```
-
-There are a lot more other types you can take a look at the documentation for further use.
-
-### Optional Parameters
-
-When you define parameters, sometimes you don't need to pass the parameters. So for that, you can add `?` next to the parameter as shown in the following code:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function doSomething(num?: number) {
-  // ...
-}
-doSomething();      // ✅ OK
-doSomething(10);    // ✅ OK
-```
-
-## Working with Object
-
-In typescript working with objects could make you feel a little weird. Why? You will know why at the end of this section. There are many instances where you can use objects. Let's look at them one by one-
-
-### Passing Object as Parameter
-
-Passing an object as a Parameter could be a little tricky. You need to define the types of each property you are passing as shown in the following code:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Destructuring an Object
-function signUp({email, password}: {email: string, password: string}): void{
-	console.log(email);
-}
-
-// You can also define the signUp function like the following
-function signUp(user: {email:  string, password:  string}):  void{
-	console.log(user.email);	
-}
-
-signUp();     // ❌ ERROR: need to pass an object
-signUp({});   // ❌ ERROR: to pass an object with email & password ,
-signUp({email: "hello@gmail.com", password: "12345678"}); // ✅ Correct
-```
-
-Now, what if you want to pass an object with more than these two parameters:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function signUp(user: { email: string; password: string }): void {
-  console.log(user);
-}
-
-// Passing name in the signUp function
-// ❌ ERROR: 'name' does not exist
-signUp({ email: "hello@j471n.in", password: "12345678", name: "Johnny" }); 
-
-
-// Creating a separate object and then passing it with the name
-// ✅ Correct and No Error, But if you use 'name' in the signUp function then you'll get an error
-let newUser = { email: "hello@j471n.in", password: "12345678", name: "Johnny" };
-signUp(newUser);
-```
-
-### Returning Object from Function
-
-You can return an object through many ways from a function some of them are shown in the following code along with whether is it correct or not.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ ERROR: A function whose declared type is neither 'void' nor 'any' must return a value
-// As function needs to return an object with name & age properties
-function getInfo():{name:  string, age:  number}{}
-
-// ❌ ERROR: Property 'age' is missing
-// Function must have all the properties as specified (name, age)
-// And It only returns the name that's why it throws an error
-function getInfo():{name: string, age: number}{
-  return {name: "John"};
-}
-
-// ✅ CORRECT 
-// No Error Because all the things are correct
-function getInfo():{name: string, age: number}{
-  return {name: "John", age: 29};
-}
-
-// ❌ ERROR: 'lastName' does not exist  
-// As function should return only 'name' and 'age'
-// And it returns 'lastName' too
-function getInfo():{name: string, age: number}{
-  return {name: "John", age: 29, lastName: "Doe"};
-}
-
-// ✅ CORRECT 
-// You can assign an object to some variable and then return it 
-// Even if it has more properties as described
-function getInfo():{name: string, age: number}{
-  let user = {name: "John", age: 29, lastName: "Doe"}
-  return user;
-}
-
-// ❌ ERROR: A function whose declared type is neither 'void' nor 'any' must return a value
-// As you can see it has two {}
-// First {} shows that it should return an object
-// Second {} is function definition
-// It should return an object
-function getInfo():{}{}
-
-// ✅ CORRECT 
-// It returns and object that's why it works, It can have any properties because we haven't specified
-function getInfo():{}{
-  return {name: "John"}
-}
-```
-
-The above code example might be scary to look at but we can achieve these things with [Type](#type-aliases) as well. We'll look at it in the next section of this article.
-
-## Type Aliases
-
-We can use the objects as shown in the previous example but what if there are 10+ functions that need the same data of the user then you'll be typing for all of them separately that's where **Type** comes into play. Let's look at the old example and how we can use `type` to make it reusable.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-type User = {
-  email: string;
-  password: string;
-};
-
-// ✅ CORRECT
-// Passsing Object Type Aliases
-function signUp(user: User){}
-
-// ✅ It's the correct way to call
-signUp({email: "some@hello.com", password: "1233"})
-
-// ❌ ERROR : 'name' does not exist in type 'User'
-signUp({email: "some@hello.com", password: "1233", name: "Sam"})
-
-// ✅ You can pass extra information by using a variable
-let userObj =  {email:  "some@hello.com", password:  "1233", name:  "Sam"}
-signUp(userObj)
-```
-
-You can use a type alias to give a name to any type at all, not just an object type. For example:
-
-```ts
-type ID = number;
-let userId: ID = 111; // ✅ CORRECT
-```
-
-I guess you get the point that we use `type` to define the actual type of the variable. It can be used anywhere.
-
-### Readonly and Optional
-
-**readonly** means that the user or anyone cannot manipulate that variable, for example `id` **optional** means that these parameters are optional which we have looked at before in functions.
-
-Let's take an example of `User` where the user will have three properties `id`, `email`, and `name`.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Defining the User type
-type User = {
-	readonly id : string,
-	name: string,
-	email: string,
-}
-
-// Now Let's create a user variable using the above type:
-let myUser:User = {
-	id : "3947394",
-	name: "harry",
-	email: "h@harry.com",
-}
-
-// Now I'll assign the values to the myUser object
-
-// ✅ CORRECT
-myUser.name = "Potter";
-myUser.email = "hello@harry.com";
-
-// ❌ ERROR: Cannot assign to 'id' because it is a read-only property
-myUser.id = "121324";
-```
-
-Now, let's take a look at the optional:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Defining the User type
-type User = {
-	readonly id : string,
-	name: string,
-	email: string,
-	dob?: string 	// optional
-}
-
-// ✅ CORRECT
-let user1: User = {
-	id : "3947394",
-	name: "harry",
-	email: "h@harry.com",
-	dob: "02/12/1998"
-}
-
-// ✅ CORRECT
-let user2: User = {
-	id : "3947394",
-	name: "harry",
-	email: "h@harry.com",
-}
-```
-
-### Intersection in `type`
-
-You can combine two or more types using `&`. You can do that as shown in the following code:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-type User = {
-	readonly id : string,
-	name: string,
-	email: string,
-}
-
-type Admin = User & {
-	key: string, 
-}
-
-// You can use Admin like this:
-let newAdmin: Admin = {
-  id: "3KD5D874",
-  name: "Lucifer",
-  email: "lucifer@hell.com",
-  key: "Oh my me!",
-};
-```
-
-Now `Admin` will have `User` properties as well as shown in the above code.
-
-## Arrays
-
-To create an Array of a certain type there is a special syntax for that:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let variableName: arrayType[] = []
-
-// For example: 
-let num: number[] = [1,2,3]
-let name: string[] = ["sam", "john"]
-```
-
-As shown in the above example that you can define the array's type by using the type followed by square brackets (`number[]`)
-
-This is simple right? Let's look at some other concepts. Let's look at the Dos and Don'ts of an Array:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ DON'T 
-// If you define an array like this then the type will be 'never'
-// which means you can't push anything
-let num:[] = []
-num.push(1) // ERROR
-
-
-let num:number[] = []
-num.push(1)
-num.push("232")  // ❌ ERROR : rgument of type 'string' is not assignable
-
-
-let names:string[] = []
-names.push("john")
-names.push(1) 	// ❌ ERROR : rgument of type 'number' is not assignable
-
-/* -----------Let's Add Objects into Array-------- */
-type User ={
-	name: string,
-	email: string,
-}
-
-// ✅ That's how you can deine an array of objects
-const allUsers: User[] = [];
-
-// ✅ CORRECT
-allUsers.push({name: "sam", email:"sam@hello.com"})
-// ❌ ERROR: email property missing
-allUsers.push({name: "sam"})
-// ❌ ERROR: missing name & email
-allUsers.push({})
-```
-
-The above example shows how you can use Array. There is one more way to create an Array:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let newArray: Array<number> = []
-let nameArray: Array<string> = []
-let allUsers: Array<User> = []
-```
-
-It means that creating an Array of the defined type in `<>`.
-
-### Readonly Array
-
-The `ReadonlyArray` is a special type that describes arrays that shouldn’t be changed.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let players: ReadonlyArray<string> = ["ronaldo", "messi"]
-// or
-let  players: readonly string[] = ["ronaldo", "messi"];  
-
-// ❌ Can't do that
-players[0] = "jordon";
-players.push("shaq")
-
-// ✅ Can do 
-console.log(players[0]);
-```
-
-In the above code, there are two methods from which you can define the readonly Array.
-
-At the End of this section, I want to add one more thing to this. What if we want a nested Array means Array inside an array? You can do that as shown in the following code:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-const cords: number[][] = [
-	[22, 55],
-	[45, 22]
-]
-
-const data: number[][][] = [
-	[[22], [25, 65]],
-	[[99, 34, 56], [12, 9]],
-]
-```
-
-You can define the nested array as shown in the above code. You can nest as many arrays as you want. And if you want them to be different types then you need to create a `type` for them.
-
-## Union
-
-In Typescript, you can define more than one type of variable. You can do that by just putting (`|`) in the middle of two types. Let me show you what I am saying:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let id: string | number;
-
-id = 123;		 	// ✅
-id = "34398493";	// ✅
-```
-
-Both the example shown in the above code is correct. Let's take a little more complex example to understand how it works:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-type User = {
-	name: string,
-	id : number
-}
-
-type Admin ={
-	username: string,
-	id: number,
-	key: number,
-}
-
-let newUser : User | Admin;
-
-// ✅ CORRECT
-newUser = {name: "John", id: 123};
-newUser = {username : "j333", id : 123, key: 345};
-newUser = {name: "j333", id : 123, key: 345};
-
-// ❌ ERROR: Property 'key' is missing
-newUser = {username : "j333", id : 123};
-```
-
-### Union in Functions
-
-You can also use these with function parameters as shown below:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ✅ It works and id have string and number type
-function setUserId(id: string | number){
-	console.log(id);
-}
-
-// ❌ ERROR : 
-// What if we do like this:
-function setUserId(id: string | number ){
-	id.toLowerCase()  // ❌ ERROR: Property 'toLowerCase' does not exist on type 'number
-}
-```
-
-Now the above code will show you an error because `id` has two types `string` and `number.` The string can be converted to lowercase but the number can't. That's why it is showing you the error. You can use the conditional statement to do your desired stuff. Such as:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function setUserId(id: string | number ){
-	if (id === "string") {
-		id.toLowerCase()
-	}
-	// do other things
-}
-```
-
-Now it won't give you any errors because we are making sure that `toLowerCase()` only calls when the `id` is a string.
-
-### Union in Array
-
-In the array section, we discussed that we can set an array type with two methods. But the issue with that is What if we want an array that has multiple types of values such as `string` and `number` then what do we do? The answer is Union. Now let's take a look at how you do it:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// You might be thinking like this
-// Nah ❌ you can't do that
-let newArray: number[] | string[] = [1,2, "hello"];
-
-// ✅ Correct way to define the array with multiple type is:
-let newArray: (number | string)[] = [1,2, "hello"];
-```
-
-### Special Case for Union
-
-Now imagine you are working on CSS Framework and you are designing a `Button`. And you are asking the user to tell what size should button have. Now you can use the variable type as `string` but the user can type anything, right? Let's understand this via an example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ WRONG APPROACH
-let ButtonSize: string;
-
-ButtonSize = "big";
-ButtonSize = "medium";
-ButtonSize = "don't know";  // that's why don't use this
-
-// ✅ CORRECT APPROACH
-let ButtonSize : "sm" | "md" | "lg" | "xl";
-
-ButtonSize = "sm";
-ButtonSize = "md";
-ButtonSize = "lg";
-ButtonSize = "xl";
-
-// ❌ ERROR: Type 'large' is not assignable to type
-ButtonSize = "large";
-```
-
-As you saw at the end of the above code the typescript restricts you from assigning `large` to `ButtonSize`. It only accepts special types defined by you for the button.
-
-## Tuples
-
-Tuple types are a type of array of known length where the different elements may have different types. A value of type `[number, string]` is guaranteed to have a `length` of `2`, with a `number` at element `0` and a `string` at element `1`. Let's look at the example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let x: [number, string];
-
-x = [110, "Mohan"]; // ✅ CORRECT 
-x[0] = 120; // ✅ CORRECT 
-x = ["Mohan", 110];	// ❌ ERROR: Initialize it incorrectly
-```
-
-Let's take another example of RGB. As you already know RGB takes three values that should be numbered.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let rgb: [number, number, number];
-
-rgb = [225, 224, 10]; 		// ✅ CORRECT
-rgb = [225, 224, "10"];		// ❌ ERROR: type 'string' is not assignable to type 'number'
-rgb = [225, 224, 10, 40];	// ❌ ERROR : Source has 4 element(s) but target allows only 3
-```
-
-**Issue with Tuples**
-
-Tuples sound great right? But they have a major flaw. **TypeScript allows you to call methods like** `push()`, `pop()`, `shift()`, `unshift()`, and `splice()` on values of tuple types.
-
-If you don't understand what I am saying then let me show you with code example. I am taking the old example of RGB:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-let rgb: [number, number, number];
-
-// ✅ This is correct because it has all the values
-rgb = [225, 224, 10];
-
-// ❌ ERROR : Source has 4 element(s) but target allows only 3
-// It is not allowed Right.
-rgb = [225, 224, 10, 40];	
-
-// Now let's do this:
-rgb.push(50)
-console.log(rgb)  // output: [225, 224, 10, 50]
-// This is the flaw.
-```
-
-You can apply any Array method to Tuple. That's why it destroys the supposed guarantees of tuple types.
-
-> Don't only rely on Tuples. Use only when necessary.
-
-## Enums
-
-Enums are one of the few features TypeScript has which is not a type-level extension of JavaScript.
-
-Enums allow a developer to define a set of named constants. Using enums can make it easier to document intent, or create a set of distinct cases. TypeScript provides both numeric and string-based enums.
-
-### Numeric enums
-
-We will first take a look at Numeric enums and how we can create them. An enum can be defined using the `enum` keyword.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-enum Direction  {
-	Up, 
-	Down, 
-	Left, 
-	Right,
-}
-```
-
-Above, we have a numeric enum where `Up` is initialized with `0`. All of the following members are auto-incremented from that point on. In other words, `Direction.Up` has the value `0`, `Down` has `1`, `Left` has `2`, and `Right` has `3`.
-
-In the Numeric enums, the values are in the incremented order as explained above. You can manipulate these values as you want. Let's take a few examples of that:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Up = 1, Down = 2, Left = 3, Right = 4 
-enum Direction  {
-	Up = 1, 
-	Down, 
-	Left, 
-	Right,
-}
-
-// Up = 1, Down = 5, Left = 6, Right = 7
-enum Direction  {
-	Up, 
-	Down = 5, 
-	Left, 
-	Right,
-}
-
-// Up = 10, Down = 11, Left = 14, Right = 15
-enum Direction  {
-	Up = 10, 
-	Down, 
-	Left = 14, 
-	Right,
-}
-```
-
-In the above code example, I have updated the values and shown you what will be the value of the others members.
-
-### String enums
-
-String enums are a similar concept. In a string enum, each member has to be constant-initialized with a string literal, or with another string enum member.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-enum Direction {
-  Up = "UP",
-  Down = "DOWN",
-  Left = "LEFT",
-  Right = "RIGHT",
-}
-```
-
-To access any members you can do the following:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-console.log(Direction.Up) // output: UP
-```
-
-### Heterogeneous enums
-
-`enums` can be mixed with string and numeric members, but it’s not clear why you would ever want to do so. it’s advised that you don’t do this.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-enum ExtraFries {
-  No = 0,
-  Yes = "YES",
-}
-```
-
-## Interface
-
-An *interface declaration* is another way to name an object type. You can create it by using the `interface` keyword:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface User {
-	name: string,
-	age: number,
-}
-
-// ✅ CORRECT
-let newUser : User = {name: "John", age: 28};
-// ❌ ERROR: property 'age' is missing
-let newUser : User = {name: "John"};
-// ❌ ERROR: missing the following properties from type 'User': name, age 
-let newUser : User = {};
-```
-
-You can also use `readonly` and optional approach in `interface`:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface User {
-	readonly id: number 	// readonly variable
-	name: string,
-	age: number,
-	specialKey? : string, 	// optional 
-}
-```
-
-You can also pass functions to the `interface` there are two methods you can do that:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Method-1
-interface User {
-	getDiscount(coupon: string): number    	
-}
-
-// For Both you need to call this like this:
-const newUser: User = {
-	getDiscount: (coupon: "KIJ298DD9J")=>{
-		return 10;
-	}
-}
-
-// Method-2
-interface User {
-	getDiscount: (coupon: string) => number
-}
-
-// 👉 You see I have changed the 'coupon' to 'couponName'
-// You don't need to match the name of the parameter here
-// It will take care of it
-const newUser: User = {
-	getDiscount: (couponName: "KIJ298DD9J")=>{
-		return 10;
-	}
-}
-```
-
-In **Method 1** you can simply use the `()` to say it functions like: `getDiscount(): number` and string is the return type and it takes no arguments.
-
-In **Method 2** we use Arrow Function like `getDiscount: () => number`.
-
-## Interface vs Type
-
-Type aliases and interfaces are very similar, and in many cases, you can choose between them freely. Almost all features of an `interface` are available in `type`, the key distinction is that a type cannot be re-opened to add new properties vs an interface that is always extendable.
-
-Let's Differentiate them with a few examples:
-
-![ex1](https://imgur.com/vK7tI9q.png)
-
-![ex2](https://imgur.com/7hOb07t.png)
-
-## Classes
-
-As with other JavaScript language features, TypeScript adds type annotations and other syntax to allow you to express relationships between classes and other types.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Here’s the most basic class - an empty one:
-class Cords {}
-```
-
-Now Let's create a class with some variable fields:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number;
-	y: number;
-}
-
-// ❌ ERROR: Property 'x' has no initializer and is not assigned in the constructor
-```
-
-you might be thinking that the above code is correct that we define the `x` and `y` But the issue here you need to define the default number if you are not using `constructor`. The correct one would be:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number = 0;
-	y: number = 0;
-}
-
-// ✅ CORRECT
-```
-
-You can access them and change the value and do whatever you want. Let me show you:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number = 0;
-	y: number = 0;
-}
-
-const coordinates = new Cords();
-
-// ✅ CORRECT
-coordinates.x = 4;
-coordinates.y = 10;
-
-// ❌ ERROR: Type 'string' & 'boolean' are not assignable to type 'number'
-coordinates.x = "11";
-coordinates.y = false;
-```
-
-Typescript makes sure that if you are changing some values then the types should be correct. You can also restrict the user from changing something by using the `readonly` keyword:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number = 0;
-	y: number = 0;
-	readonly quadrant: number = 4;
-	
-}
-
-const coordinates = new Cords();
-
-// ✅ CORRECT
-console.log(coordinates.quadrant)
-
-// ❌ Cannot assign to 'quadrant' because it is a read-only property
-coordinates.quadrant = 2;
-```
-
-### constructor
-
-Earlier I said-
-
-> we define the `x` and `y` But the issue here you need to define the default number if you are not using `constructor`.
-
-let's do that with the constructor:
-
-```typescript
-class Cords {
-	x: number;
-	y: number;
-
-	constructor(x:number, y: number){
-		this.x = x;
-		this.y = y;
-	}
-}
-
-// 👇 using Cords Class
-const coordinates =  new  Cords(10,  20);
-```
-
-As you can see in the above code you don't need to set the default value for `x` and `y` because we are using. But what if we are not taking a single value from the constructor? For instance:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number;
-	y: number;
-	quadrant: number; // ❌ ERROR: Property 'quadrant' has no initializer and is not assigned in the constructor.
-
-	constructor(x:number, y: number){
-		this.x = x;
-		this.y = y;
-	}
-}
-```
-
-So we can't do that. If we are not taking value from `constructor` then we need to assign the default value to the variable.
-
-One more thing, you cannot remove the top part where you define `x` and `y` otherwise, it will give you an error that `Property 'x' does not exist on type 'Cords'`
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ WRONG 
-class Cords {
-	constructor(x:number, y: number){
-		this.x = x; 	// ❌ ERROR: Property 'x' does not exist on type 'Cords'
-		this.y = y; 	// ❌ ERROR: Property 'Y' does not exist on type 'Cords'
-	}
-}
-
-// ✅ CORRECT
-class Cords {
-	x: number;
-	y: number;
-	
-	constructor(x:number, y: number){
-		this.x = x; 	
-		this.y = y; 	
-	}
-}
-```
-
-That's how you can use `constructor` in Typescript.
-
-### Private and Public
-
-You might have heard that before about `private` and `public` somewhere. `private` doesn’t allow access to the member.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Cords {
-	x: number = 0;
-	y: number = 0;
-	private z: number = 0;  // 👈 private
-
-	constructor(x:number, y: number){
-		this.x = x; 	
-		this.y = this.y;
-		this.z = 10; // ✅ CORRECT: because we can use it inside this class 
-	}
-}
-
-const cds = new Cords(10, 20);
-
-cds.z; // ❌ ERROR: Property 'z' is private and only accessible within class 'Cords'
-```
-
-If you want any property to be `private` you need to use the `private` keyword before that property as shown in the above code. Properties `x` and `y` will be public and anyone can access them. If you want you can also use the `public` keyword before them but it's not necessary because by default they are `public`.
-
-There is another way to use them. Let's take a look:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ✅ Here user passes 'x' and 'y' but not 'z'
-// So you need to define 'z' separately as private
-class Cords {
-	private z: number = 10;
-	constructor(public x:number, public y: number){
-		// ..........
-	}
-}
-
-// ✅ Here user passes 'x' and 'y' but 'y' is 'private'
-// You don't need to define them before this is another way to do it.
-// If you are defining like that then you need to use 'public' or 'private'
-class Cords {
-	constructor(public x:number, private y: number){
-		// ..........
-	}
-}
-```
-
-### Getters and Setters
-
-Accessor properties are methods that get or set the value of an object. For that, we use these two keywords:
-
-*   `get` - to define a getter method to get the property value
-    
-*   `set` - to define a setter method to set the property value
-    
-
-We will take a different example now to understand Getters and Setters in detail:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Dish {
-	dishName: string;
-	private _chef = "Gordon Ramsay"
-	
-	constructor(dishName: string){
-		this.dishName = dishName;
-	}
-
-	get chefName(): string{
-		return this._chef;
-	}
-
-	set updateChefName(name: string) {
-		this._chef = name;
-	}
-}
-
-const dish1 = new Dish("Tuna");
-
-dish1._chef  // ❌ ERROR: Property '_chef' is private and only accessible within class 'Dish'
-console.log(dish1.chefName) // ✅ Output: Gordon Ramsay
-
-dish1.updateChefName  = "James Oliver"; // Using `setter` to update the _chef 
-console.log(dish1.chefName) // ✅ Output: James Oliver
-```
-
-There is one thing to remember that `set` accessor cannot have a return type. If you pass some return type such as `void` or `never` then it will throw an error:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌  ERROR: A 'set' accessor cannot have a return type annotation.
-set updateChefName(name: string):void {
-	this._chef = name;
-}
-
-// ❌  ERROR: A 'set' accessor cannot have a return type annotation.
-set updateChefName(name: string):never {
-	this._chef = name;
-}
-
-// ✅  CORRECT: No return type
-set updateChefName(name: string) {
-	this._chef = name;
-}
-```
-
-### `protected`
-
-`protected` members are only visible to subclasses of the class they’re declared in. When you use `private` then it won't allow access to the member outside its defined class not even subclasses but with `protected` you can access that member in subclasses but not outside that scope:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Parent {
-  private firstName: string = "Johnny"; // 👈 PRIVATE
-  protected lastName: string = "Deep";  // 👈 PROTECTED
-}
-
-class Child extends Parent {
-	middleName: string = "foo";
-}
-
-const d = new Child();
-
-// ❌ ERROR: Property 'firstName' is private and only accessible within the class 'Parent'
-d.firstName; 
-// ❌ ERROR: Property 'lastName' is protected and only accessible within class 'Parent' and its subclasses
-d.lastName; 
-// ✅ CORRECT
-d.middleName;
-```
-
-In the above example, you saw that `private` and `protected` members cannot access outside their scope.
-
-Now let's just try to access them in the subclass `Child`:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Parent {
-  private firstName: string = "Johnny";
-  protected lastName: string = "Deep";
-}
-
-class Child extends Parent {
-	// ❌ ERROR: Property 'firstName' is private in type 'Parent' but not in type 'Child'.
-	firstName = "samu"; 	
-	// ✅ CORRECT: Because 'protected' allows you to manipulate 'lastName' in subclasses too	
-	lastName = "Walker"; 	
-}
-```
-
-So basically if you want to use members in subclasses then use `protected` else use `private`. These also work on methods defined inside the class:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Counter {
-  private _count: number = 0;
-
-  private increaseCounter(){
-	this._count += 1;
-  }
-
-  protected decreaseCounter(){
-	this._count -= 1;
-  }
-}
-
-class SubCounter extends Counter {
-	updateCounter(){
-		// ❌ Property 'increaseCounter' is private and only accessible within class 'Counter'.
-		this.increaseCounter()
-		this.decreaseCounter(); /// ✅ because protected
-	}
-}
-
-const c = new SubCounter();
-
-// ❌ Property 'increaseCounter' is private and only accessible within class 'Counter'.
-c.increaseCounter()
-
-// ❌ Property 'decreaseCounter' is protected and only accessible within class 'Counter' and its subclasses.
-c.decreaseCounter()
-```
-
-### `implements`
-
-You can use an `implements` clause to check that a class satisfies a particular `interface`. An error will be issued if a class fails to correctly implement it:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface TakePhoto {
-	exposure: number;
-	cameraMode: string;
-	flashLight: boolean;
-}
-
-// ❌ ERROR: Class 'Snapchat' incorrectly implements interface 'TakePhoto'.
-// ❌ ERROR: Type 'Snapchat' is missing the following properties from type 'TakePhoto': exposure, cameraMode, flashLight
-class Snapchat implements TakePhoto{}
-
-// ✅ CORRECT: We have passed all the properties
-// You can add more properties if you want such as 'flilter'
-class Snapchat implements TakePhoto{
-	exposure: number = 0;
-	cameraMode: string = "normal";
-	flashLight: boolean = false;
-	
-	// this property is not in 'TakePhoto' interface
-	flilter: string = "none"
-}
-
-// ✅ CORRECT: You can use 'constructor' too
-class Snapchat implements TakePhoto{
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-		public flashLight: boolean,
-	){}
-}
-```
-
-As you can see in the above code. I have defined an interface `TakePhoto` and then I am using that interface to create `SnapChat` class. But `implements` makes sure that all the properties that are defined in `TakePhoto` interface should also be defined in `Snapchat` classes. You can add more properties if you want but it must include `TakePhoto` properties.
-
-These conditions also work for methods. If you defined any method in `interface` and used that to create a class then your class must include that method:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface TakePhoto {
-	clickPhoto():boolean;
-}
-
-// EXAMPLE-1
-// ✅ CORRECT
-class Snapchat implements TakePhoto{
-	clickPhoto(){
-		return true;
-	}	
-}
-
-// EXAMPLE-2
-// ❌ ERROR: Property 'clickPhoto' is missing in type 'SnapChat' but required in type 'TakePhoto'.
-class Snapchat implements TakePhoto{
-	applyFilter(){}
-}
-```
-
-In `Example-1` we added the `clickPhoto`method in `Snapchat` class, then it will work fine. But in `Example-2` we didn't add that method instead, we added another method `applyFilter` which won't affect the class. But not adding `clickPhoto` will give you the error.
-
-### `abstract` classes and Members
-
-In typescript Classes, methods and fields can be `abstract`.
-
-The role of abstract classes is to serve as a base class for subclasses which do implement all the abstract members. When a class doesn’t have any abstract members, it is said to be *concrete*.
-
-Let's define an abstract class:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-abstract class TakePhoto {
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-}
-```
-
-In the above code, I have created a simple `abstract` class. Now you'll say it looks the same as the normal class except for the `abstract` keyword. You are right. But now let's create an instance of this class let's see what happens:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-abstract class TakePhoto {
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-}
-
-// ❌ ERROR: Cannot create an instance of an abstract class.
-const camera = new TakePhoto(0, "normal");
-```
-
-It doesn't allow us to create an instance of `TakePhoto` class. Now the question could be How we will use this class then. The answer is using `extends`. Let me show you what I mean:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-
-abstract class TakePhoto {
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-}
-
-// Extending Snapchat Class with TakePhoto
-class Snapchat extends TakePhoto{
-}
-
-// ✅ CORRECT
-const camera = new Snapchat(0, "normal");
-```
-
-The above code is fully functional and you can use all the functionality of `TakePhoto` class using `Snapchat`. Let's take some more examples to understand `abstract` classes better:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-abstract class TakePhoto {
-	abstract clickPhoto():void   // 👈 abstract method
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-}
-
-// ❌ Error: Non-abstract class 'Snapchat' does not implement inherited abstract member 'clickPhoto' from class 'TakePhoto'
-// abstract class forces you to implement that method
-class Snapchat extends TakePhoto {
-}
-
-// ✅ CORRECT
-// because 'Instagram' class contains 'clickPhoto' method
-class Instagram extends TakePhoto{
-	clickPhoto(){
-		// do something
-	}
-}
-```
-
-In the above code, `clickPhoto` is an abstract method and the subclass must include that method because it is an `abstract` method. No, you'll be like **Mannn......... you can do this using** `implements` and `interface`. You are correct. In the above scenario, we can use `implements` and `interface` to create similar functionality.
-
-Let's look at the following case which shows what makes `abstract` classes different:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-abstract class TakePhoto {
-	abstract clickPhoto():void  // 👈 Abstract method
-	
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-
-	// 👇 Normal method
-	applyFilter(name: string): void { 
-		// apply given filter
-	}
-}
-
-// ✅ CORRECT
-class Instagram extends TakePhoto{
-	clickPhoto(){
-		// do something
-	}
-}
-
-
-// Creating an instance of Instagram
-const user = new Instagram(0, "normal");
-
-// ✅ It works because it is already defined in 'TakePhoto' class
-user.applyFilter("infrared")
-```
-
-As you can see in the above code that `TakePhoto` has a new method `applyFilter` and it is not defined in the subclass `Instagram` and an instance of `Instagram` class is calling that method. You cannot do that in `interface`. In `abstract` classes both (`clickPhoto` & `applyFilter`) can co-exist but you cannot implement any method in `interface`.
-
-### `super()`
-
-Just as in JavaScript, if you have a base class, you’ll need to call `super();` in your constructor body before using any `this.` members. Let's take one example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-class Base {
-  k = 4;
-}
- 
-class Child extends Base {
-  constructor() {
-	// 👇❌ ERROR: 'super' must be called before accessing 'this' in the constructor of a derived class.
-    console.log(this.k);
-    super();
-  }
-}
-```
-
-In the above code, I am trying to access the `k` from the `Base` class but before calling `super()` so typescript will throw you an error. You should use `super()` before accessing `k`.
-
-Let's take another example that we used earlier to `TakePhoto`:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Simple abstract Class
-abstract class TakePhoto {
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){}
-}
-
-// ❌ ERROR: Constructors for derived classes must contain a 'super' call
-class Instagram extends TakePhoto{
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){} 
-}
-
-
-// ✅ CORRECT WAY
-class Instagram extends TakePhoto{
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-	){
-		super(exposure, cameraMode);
-	}
-}
-```
-
-Now you might think what if we want to pass more than these two arguments to `Instagram` class then how do we do that it's simple:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ✅ CORRECT WAY with another argument
-class Instagram extends TakePhoto{
-	constructor(
-		public exposure: number,
-		public cameraMode: string,
-		public filter: string
-	){
-		super(exposure, cameraMode);
-	}
-}
-
-
-// Creating an instance of Instagram
-const user = new Instagram(0, "normal", "mask");
-```
-
-That's all you need to use `super()`
-
-## Generics
-
-TypeScript Generics is a tool that provides a way to create **reusable** components. It creates a component that can work with a **variety of data types** rather than a single data type. Let's see the problem first:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function identityOne(value:  number):number {
-	return value;
-}
-```
-
-In the above function, we are taking a `number` and returning the same data type (`number`). Now, what if we want that whatever we pass to this function it will return the same data type? You might be thinking to use `any`. Let's try that too.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function identityTwo(value: any): any{
-	// some calculation... and returning string...
-	return "hello";
-}
-
-identityTwo(2);
-```
-
-In `identityTwo` we pass `number` and we expect it to return a number however for `identityTwo` return type is `any` so it can return anything as we are returning `string` instead of `number` and Typescript won't give you an error. But we expected `number`, not `string`. Right? That's where *generics* come into play. They make sure that whatever type you pass should return the same type.
-
-In generics, we need to write a **type parameter** between the **open (&lt;)** and **close (&gt;)** brackets, which makes it a strongly typed collection.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// 👇 That's how you use generics
-function identityThree<Type>(value: Type): Type{
-	return value;
-}
-
-identityThree(3);
-identityThree("hello")
-```
-
-Now you can pass any variable `identityThree` to this and it will give you the same data type.
-
-> In generics some people use `<T>` short for `<Type>` you can use whatever you want.
-
-Now there is one more concept I would like to mention. What if we are defining our own types and we expect it to return the same? For example:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Defining Laptop interface
-interface Laptop {
-  CPU: string;
-  cores: number;
-  RAM: number;
-}
-
-// Using Laptop interface using generics
-function identityFour<Laptop>(value: Laptop): Laptop {
-  return value;
-}
-
-identityFour<Laptop>({});  // ❌ ERROR: '{}' is missing the properties
-identityFour<Laptop>({
-  CPU: "intel",
-  cores: 16,
-  RAM: 12,
-}); // ✅ CORRECT
-```
-
-As you can see in the above example when you call `identityFour` the function you had to use `<Laptop>` before `()`. It's because `Laptop` is not the known type as `number` and `string` etc. So you need to do that in order to call this function.
-
-### Generics using the Arrow function
-
-You might be thinking it's all good but how can we define generics using the arrow function as many people use the Arrow function? So let me show you the example with the arrow function (I'll take the same previous example of `Laptop`):
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// Using the' function' keyword
-function identityFour<Laptop>(value: Laptop): Laptop{
-	return value;
-}
-
-// using arrow function
-const identityFour = <Laptop,>(value: Laptop): Laptop => {
-	return value;
-}
-```
-
-It looks complex but it's not. First, you type the name of the function with `const` then use assign it `<Laptop,>` (`,` says that it's not a JavaScriptX or HTML tag it's generics. If you remove `,` you might get errors. But you don't use `,` when you use the define function use `function` keyword) then use `(value: Laptop): Laptop` to define the parameter type and the return type for the function and after that just use `=> {}`. Now it's simple right?
-
-In generics, some people use `<T>` short for `<Type>` you can do whatever you want.
-
-### Generics in Array
-
-Generics can be used in Array as well. Look at the following example where we want to find the product in the array:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function findProduct<T>(products: T[]): T{
-	// some searching you get the index 5
-	const index = 5;
-	return products[index];
-}
-```
-
-In the above function, we use `<T>` means that we are using generic, and `T[]` means that it's an array of types (it could be anything array of objects, the array of strings) and then we return the single item of that array which would be the same type as `T`
-
-If it doesn't make any sense. Take an example of an array of objects (`T[]`). and then you pass that array to `findProduct` and then it performs some operation to give you a single result it will be an object (`T`) that's why it won't give any error because it expects you to return that object.
-
-### Generic Classes
-
-Generic classes have a generic type parameter list in angle brackets (`<>`) following the name of the class.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface Laptop {
-	price: number,
-	cpu: string,
-	ram: number,
-}
-
-interface CellPhone {
-	price: number, 
-	ram: number, 
-	screenSize: string,
-}
-class PurchaseDevice<Type>{
-	public cart: Type[] = [];
-	addToCart(product: Type) {
-		this.cart.push(product);
-	}
-}
-```
-
-Let me walk you through with code we have two interfaces `Laptop` and `CellPhone` the main difference between these two is that `Laptop` has `cpu` property and `CellPhone` has `screenSize`.
-
-And after that, we have a brand new class `PurchaseDevice` and this is a very simple class but there is one different thing in this class which is `<Type>` this is generics. It says that whatever user passes in `<Type>` uses that to create a `cart` array and then `addToCart` the function adds those items to the `cart`.
-
-Let's take the above code and implement the functionality:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-const newLaptop = new PurchaseDevice<Laptop>();
-
-// ✅ CORRECT
-newLaptop.addToCart({ price: 1000, cpu: "i9", ram: 12 });
-// ❌ ERROR: 'screenSize' does not exist in type 'Laptop'
-newLaptop.addToCart({ price: 1000, cpu: "i9", screenSize: "1920x1080" });
-```
-
-In the above code, we use `PurchaseDevice` but the difference here is `<Laptop>` and it will make sure that when you call `addToCart` then you must need to pass the object that has `Laptop` properties as shown in the above example. You can do the same with the `CellPhone` interface as well.
-
-## Narrowing
-
-Since a variable of a union type can assume one of several different types, you can help TypeScript infer the correct variable type using type narrowing. To narrow a variable to a specific type, implement a type guard. Use the `typeof` operator with the variable name and compare it with the type you expect for the variable.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-const choices: [string, string] = ["NO", "YES"];
-const processAnswer = (answer: number | boolean) => {
-  if (typeof answer === "number") {
-    console.log(choices[answer]);
-  } else if (typeof answer === "boolean") {
-    if (answer) {
-      console.log(choices[1]);
-    } else {
-      console.log(choices[0]);
-    }
-  }
-};
-processAnswer(true); // Prints "YES"
-processAnswer(0); // Prints "NO"
-```
-
-The above function can take two types of values it could be `number` or `boolean` so we need to make sure that in both of the cases the answer should be accurate. It only happens when you use union types in which users can pass different types of data. To generate the correct result you need to check the type before performing any operation. One more example Could be this:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ ERROR: Property 'toUpperCase' does not exist on type 'number'
-function anotherFunction(value: number | string) {
-  value.toUpperCase();
-}
-
-// ✅ CORRECT
-function anotherFunction(value: number | string) {
-  if (typeof value === "string") {
-    value.toUpperCase();
-  } else if (typeof value === "number") {
-    value += 3;
-  }
-}
-```
-
-It converts the string to uppercase and adds 3 to the value if it is a number. So we need to check every aspect if we are using union type.
-
-### TypeScript Type Guard
-
-Type guard is just a fancy word for type-checking of the variable or property. It can be implemented with the `typeof` operator followed by the variable name and compare it with the type you expect for the variable.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-if (typeof age ===  'number')  {
-	age.toFixed();
-}
-```
-
-### The`in` operator narrowing
-
-If a variable is a union type, TypeScript offers another form of type guard using the `in` operator to check if the variable has a particular property.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface User {
-  name: string;
-  email: string;
-}
-
-interface Admin {
-  name: string;
-  email: string;
-  isAdmin: boolean;
-}
-```
-
-Now we will create a function to check whether the account is of admin or not:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ❌ WRONG
-function isAdminAccount(account: User | Admin) {
-  return account.isAdmin; // ❌ roperty 'isAdmin' does not exist on type 'User'
-}
-```
-
-We can't just use `.` notation to get the `isAdmin` property because `User` doesn't have it. That's why it is showing an error.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// ✅ CORRECT
-function isAdminAccount(account: User | Admin) {
-  if ("isAdmin" in account) {
-    return account.isAdmin;
-  }
-  return false;
-}
-```
-
-We need to check if the `"isAdmin" is in account` and then return the value otherwise simply return `false` because it would be the user's account.
-
-### `instanceof` narrowing
-
-JavaScript has an operator for checking whether or not a value is an “instance” of another value or another class. As you might have guessed, `instanceof` is also a type guard.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function logValue(x: Date | string) {
-  if (x instanceof Date) { // 👈 using instanceof
-    console.log(x.toUTCString());
-  } else {
-    console.log(x.toUpperCase());               
-  }
-}
-```
-
-The above code simply checks if the `x` is an instance of a `Date` or not. We can create our own class and then check it:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function logValue(x: Animal | string) {
-  if (x instanceof Animal) {
-    console.log("yes");
-  } else {
-    console.log("its just a string....");
-  }
-}
-
-class Animal {
-  name: string = "Bruno";
-}
-const dog = new Animal();
-logValue(dog); // "yes"
-```
-
-### Using type predicates
-
-We’ve worked with existing JavaScript constructs to handle narrowing so far, however, sometimes you want more direct control over how types change throughout your code.
-
-To define a user-defined type guard, we simply need to define a function whose return type is a *type predicate*:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-type Fish = { swim: () => void };
-type Bird = { fly: () => void };
-
-function isFish(pet: Fish | Bird): pet is Fish {
-  return (pet as Fish).swim !== undefined;
-}
-```
-
-`pet is Fish` is our type predicate in this example. A predicate takes the form `parameterName is Type`, where `parameterName` must be the name of a parameter from the current function signature.
-
-### Discriminated unions
-
-Most of the examples we’ve looked at so far have focused on narrowing single variables with simple types like `string`, `boolean`, and `number`. While this is common, most of the time in JavaScript we’ll be dealing with slightly more complex structures.
-
-let’s imagine we’re trying to encode shapes like circles and squares. Circles keep track of their radiuses and squares keep track of their side lengths. We’ll use a field called `kind` to tell which shape we’re dealing with. Here’s a first attempt at defining `Shape`.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-interface Circle {
-  kind: "circle";
-  radius: number;
-}
-
-interface Square {
-  kind: "square";
-  side: number;
-}
-
-type Shape = Square | Circle;
-```
-
-Now let's create a function that will handle this shape:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function handleShape(shape: Shape) {
-  if (shape.kind === "circle") {
-    return Math.PI * shape.radius ** 2;
-  }
-  return shape.side * shape.side;
-}
-```
-
-The same checking works with `switch` statements as well. Now we can try to write our complete `getArea` without any pesky `!` non-null assertions.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-function getArea(shape: Shape) {
-  switch (shape.kind) {
-    case "circle":
-      return Math.PI * shape.radius ** 2;
-    case "square":
-      return shape.side ** 2;              
-  }
-}
-```
-
-### The `never` type
-
-When narrowing, you can reduce the options of a union to a point where you have removed all possibilities and have nothing left. In those cases, TypeScript will use a `never` type to represent a state which shouldn’t exist.
-
-### Exhaustiveness checking
-
-The `never` type is assignable to every type; however, no type is assignable to `never` (except `never` itself). This means you can use narrowing and rely on `never` turning up to do exhaustive checking in a switch statement.
-
-For example, adding a `default` to our `getArea` function which tries to assign the shape to `never` will raise when every possible case has not been handled.
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-type Shape = Circle | Square;
-
-function getArea(shape: Shape) {
-  switch (shape.kind) {
-    case "circle":
-      return Math.PI * shape.radius ** 2;
-    case "square":
-      return shape.side ** 2;
-    default:
-      const _exhaustiveCheck: never = shape;
-      return _exhaustiveCheck;
-  }
-}
-```
-
-Adding a new member to the `Shape` union will cause a TypeScript error:
-
-<CodeTitle lang="ts" title="index.ts" />
-```ts
-// 👇 Adding new Interface Triangle
-interface Triangle {
-  kind: "triangle";
-  sideLength: number;
-}
- 
-type Shape = Circle | Square | Triangle;
-
-function getArea(shape: Shape) {
-  switch (shape.kind) {
-    case "circle":
-      return Math.PI * shape.radius ** 2;
-    case "square":
-      return shape.side ** 2;
-    default:
-      // ❌ Error: Type 'Triangle' is not assignable to type 'never'
-      const _exhaustiveCheck: never = shape;
-      return _exhaustiveCheck;
-  }
-}
-```
-
-
-## Conclusion
-
-This is just an introduction to typescript. You can dive deep into typescript by at a look at its [documentation](https://www.typescriptlang.org/docs/). Now you'll be able to use typescript in any simple project. We also use Typescript in React or Angular. That's for another time.
diff --git a/frontend/posts/typing-effect-by-using-css.mdx b/frontend/posts/typing-effect-by-using-css.mdx
deleted file mode 100644
index 1d6a05b..0000000
--- a/frontend/posts/typing-effect-by-using-css.mdx
+++ /dev/null
@@ -1,69 +0,0 @@
----
-slug: typing-effect-by-using-css
-title: Typing Effect by using CSS
-date: 2021-12-03
-published: true
-excerpt: As you may have already seen some website which has some kind of typing animation. It looks cool right but what if I tell you it is very easy to do and you can do it with just CSS only, not without using JS.
-image: https://imgur.com/3zkruEe.png
----
-
-As you may have already seen some website which has some kind of typing animation. It looks cool right but what if I tell you it is very easy to do and you can do it with just CSS only, not without using JS.
-
-First of all, let's visualize what I am talking about -
-
-## Preview
-
-![preview](https://i.imgur.com/7PBxp4Q.gif)
-
-## HTML
-Now let's look at the code, how can we make that happen
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<h1 class="typing">You had me at 'hello'.</h1>
-```
-
-HTML is very simple we just need to use only one element in order to make this work.
-
-## CSS
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-/* Typing Class */
-.typing {
-  color: #fff;
-  overflow: hidden;
-  white-space: nowrap;
-  letter-spacing: 0.15em;
-  border-right: 0.15em solid orangered;
-  animation: typing 3.5s steps(40, end) infinite, cursor-blink 0.75s step-end
-      infinite;
-}
-
-/* The typing effect for the text */
-@keyframes typing {
-  from {
-    width: 0;
-  }
-  to {
-    width: 100%;
-  }
-}
-
-/* The cursor  blinking effect */
-@keyframes cursor-blink {
-  from,
-  to {
-    border-color: transparent;
-  }
-  50% {
-    border-color: orangered;
-  }
-}
-```
-
-<Codepen id="JjrdRmL" />
-
-## Wrapping up
-
-It is as simple as that, now you can use this in your projects wherever you want. You can also make that work with JS, but that's another story for another time.
diff --git a/frontend/posts/typing-effect-with-typedjs.mdx b/frontend/posts/typing-effect-with-typedjs.mdx
deleted file mode 100644
index 154ddd6..0000000
--- a/frontend/posts/typing-effect-with-typedjs.mdx
+++ /dev/null
@@ -1,54 +0,0 @@
----
-slug: typing-effect-with-typedjs
-title: Typing Effect with typed.js
-date: 2021-12-09
-published: true
-excerpt: This article show how you can make typing effect using Typed.js, In this you can pass array as argument and it will iterate over that and will show you the result in the typing form.
-image: https://imgur.com/ygYuSwS.png
----
-
-As you may have already seen some website which has some kind of typing animation. It looks cool right but what if I tell you it is very easy to do.
-
-I have already made an article about how you can make this type of effect with CSS but today we will build something different than that. In this effect, you can give multiple strings and it will display one by one.
-
-First of all, let's visualize what I am talking about -
-
-## Preview
-
-![preview](https://i.imgur.com/0vwGdE4.gif)
-
-To make this work we need to use a library called [typed.js](https://mattboldt.github.io/typed.js/) So firstly add the following script to your project.
-
-## HTML
-<CodeTitle lang="html" title="index.html" />
-```html
-<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
-```
-
-Now let's look at the rest of code, how this is cooking.
-
-<CodeTitle lang="html" title="index.html" />
-```html
-<h1>Hi, I am <span class="title"></span></h1>
-```
-
-HTML is very simple we just need to use only one element in order to make this work.
-
-## Javascript
-<CodeTitle lang="js" title="script.js" />
-```js
-var options = {
-  strings: ["Jatin Sharma", "React Developer", "Python Developer"],
-  typeSpeed: 40,
-  backSpeed: 40,
-  loop: true,
-};
-
-var typed = new Typed(".title", options);
-```
-
-<Codepen id="qBPdXdm" />
-
-## Wrapping up
-
-It is as simple as that, now you can use this in your projects wherever you want. To learn how you can make typing effect in CSS [Click Here](/blogs/typing-effect-by-using-css)
diff --git a/frontend/posts/video-as-text-background-using-css.mdx b/frontend/posts/video-as-text-background-using-css.mdx
deleted file mode 100644
index c317875..0000000
--- a/frontend/posts/video-as-text-background-using-css.mdx
+++ /dev/null
@@ -1,72 +0,0 @@
----
-slug: video-as-text-background-using-css
-title: Video as Text background using CSS
-date: 2021-11-13
-published: true
-excerpt: In this article, we will use any video as the background of the text. As you may have already know you cannot use directly video as the text background.
-image: https://imgur.com/l7J0FOA.png
----
-
-In this article, we will use any video as the background of the text. As you may have already know you cannot use directly video as the text background, so well take the little help of css to make it work. First things first let's see what are building -
-
-## Preview
-![preview](https://i.imgur.com/mp1uZmU.gif)
-
-Now you have seen what we are up to so let's get hands into the code -
-
-## HTML
-<CodeTitle lang="html" title="index.html" />
-```html
-<div class="container">
-  <video class="bg-video" autoplay loop>
-    <source src="https://imgur.com/2cSaKIt.mp4" type="video/mp4" />
-  </video>
-  <p class="text">AWESOME TEXT</p>
-</div>
-```
-
-In the HTML code, the `container` class is the main container to hold the video and tex. It has two children one is video and text.
-
-## CSS
-Now let's style it with CSS -
-
-<CodeTitle lang="css" title="styles.css" />
-```css
-* {
-  margin: 0;
-  padding: 0;
-}
-
-/* Container should be full height and full width */
-.container {
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-}
-
-.container > .bg-video {
-  width: 100%;
-  height: 100%;
-}
-
-/* background-color and color should be the same as the below otherwise it won't work */
-.container > .text {
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-  background-color: #000;
-  color: #fff;
-  font-weight: 900;
-  font-size: 100px;
-  font-family: sans-serif;
-  /* Mix Blend Mode does the all magic */
-  mix-blend-mode: multiply;
-  user-select: none;
-}
-```
-
-<Codepen id="WNEgRQe" />
-
-## Wrapping up
-This is all you need to create a video as text's background. You can go furhter with this and can use in you projects. See you next time.
\ No newline at end of file
diff --git a/frontend/posts/vs-code-setup.mdx b/frontend/posts/vs-code-setup.mdx
deleted file mode 100644
index 299ba47..0000000
--- a/frontend/posts/vs-code-setup.mdx
+++ /dev/null
@@ -1,376 +0,0 @@
----
-slug: vs-code-setup
-title: My VS Code setup
-date: 2023-02-01
-keywords: css, web dev development, productivity, vs, code, vs code, setup, 
-published: true
-excerpt: In this article, I'll be sharing my personal Visual Studio Code setup. This includes the theme and icons that I use, as well as a list of extensions that I find essential for my daily development work.
-image: https://imgur.com/wg4OmxE.png
----
-
-In this article, I'll be sharing my VS Code Setup with you. It includes the theme and Icons that use and also Extensions (this is very important).
-
-## 🎨Theme
-
-I use [**Andromeda**](https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda) as my primary theme for my vs code
-
-![andromeda-screenshot](https://github.com/EliverLara/Andromeda/raw/master/images/andromeda.png)
-
-## 🪟Icons
-
-For Icons, I sometimes switch between [**Material Icon Theme**](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) and [**Material Theme Icons**](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons)**.**
-
-### Material Icon Theme
-
-![Material Icon Theme](https://i.imgur.com/xA90m2X.png)
-
-### Material Theme Icons
-
-![Material Icon Theme](https://cdn.hashnode.com/res/hashnode/image/upload/v1675233057115/b8d1623c-a092-475e-a66a-91b4a42e5441.png)
-
-## Extensions
-
-Now the best part, There are a lot of extensions I mentioned only my favorite or the one that I use mostly every day.
-
-### Auto Rename Tag
-
-Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
-
-**Download:** [**Auto Rename Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
-
-![Auto Rename Tag](https://github.com/formulahendry/vscode-auto-rename-tag/raw/HEAD/images/usage.gif)
-
-### Bracket Pair Colorization Toggler
-
-A VS Code extension that gives you a simple command to quickly toggle the global “Bracket Pair Colorization”
-
-**Download:** [**Bracket Pair Colorization Toggler**](https://marketplace.visualstudio.com/items?itemName=dzhavat.bracket-pair-toggler)
-
-![Bracket Pair Colorization Toggler](https://github.com/dzhavat/bracket-pair-toggler/raw/HEAD/assets/bracket-pair-toggler-demo.gif)
-
-### C/C++
-
-The C/C++ extension adds language support for C/C++ to Visual Studio Code, including editing (IntelliSense) and debugging features.
-
-**Download:** [**C/C++**](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools)
-
-![C/C++](https://i.imgur.com/0syu1Ym.png)
-
-### Code Runner
-
-Run code snippet or code file for multiple languages
-
-**Download:** [**Code Runner**](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)
-
-![Usage](https://github.com/formulahendry/vscode-code-runner/raw/HEAD/images/usage.gif)
-
-### Code Spell Checker
-
-A basic spell checker that works well with code and documents.
-
-The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.
-
-**Download:** [**Code Spell Checker**](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
-
-![Code Spell Checker](https://raw.githubusercontent.com/streetsidesoftware/vscode-spell-checker/main/images/example.gif)
-
-### DotENV
-
-VSCode `.env` syntax highlighting.
-
-**Download:** [**DotENV**](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)
-
-![DotENV](https://github.com/mikestead/vscode-dotenv/raw/master/images/screenshot.png)
-
-### Error Lens
-
-ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.
-
-**Download:** [**Error Lens**](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)
-
-![Error Lens](https://raw.githubusercontent.com/usernamehw/vscode-error-lens/master/img/demo.png)
-
-### ES7+ React/Redux/React-Native snippets
-
-JavaScript and React/Redux snippets in ES7+ with Babel plugin features for [VS Code](https://code.visualstudio.com/)
-
-**Download:** [**ES7+ React/Redux/React-Native snippets**](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
-
-![ES7+ React/Redux/React-Native snippets](https://i.imgur.com/cYpm6cw.png)
-
-### ESLint
-
-The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one the extension looks for a global install version. If you haven't installed ESLint either locally or globally do so by running `npm install eslint` in the workspace folder for a local install or `npm install -g eslint` for a global install.
-
-**Download:** [**ESLint**](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-
-![](https://i.imgur.com/R3o4517.png)
-
-### Git Graph
-
-View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!
-
-**Download:** [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)
-
-![Recording of Git Graph](https://github.com/mhutchie/vscode-git-graph/raw/master/resources/demo.gif)
-
-### GitLens
-
-GitLens **supercharges** Git inside VS Code and unlocks **untapped knowledge** within each repository. It helps you to **visualize code authorship** at a glance via Git blame annotations and CodeLens, **seamlessly navigate and explore** Git repositories, **gain valuable insights** via rich visualizations and powerful comparison commands, and so much more.
-
-**Download:** [**GitLens**](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
-
-![GitLens](https://cdn.hashnode.com/res/hashnode/image/upload/v1675224552887/688896dd-cfff-41fc-aa2e-53716e5585c6.png)
-
-### HTML Boilerplate
-
-This extension provides the standard HTML boilerplate code used in all web applications.
-
-**Download:** [**HTML Boilerplate**](https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate)
-
-![HTML Boilerplate](https://s19.postimg.cc/3mig98d5v/html_boilerplate_1_0_3.gif)
-
-### Import Cost
-
-This extension will display inline in the editor the size of the imported package. The extension utilizes webpack in order to detect the imported size.
-
-**Download:** [**Import Cost**](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
-
-![Import Cost](https://citw.dev/_next/image?url=%2fposts%2fimport-cost%2f1quov3TFpgG2ur7myCLGtsA.gif&w=1080&q=75)
-
-### Live Server
-
-It'll enable live changes without saving files.
-
-**Download:** [**Live Server**](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
-
-![Live Server Demo VSCode](https://github.com/ritwickdey/vscode-live-server/raw/HEAD/images/Screenshot/vscode-live-server-animated-demo.gif)
-
-### Markdown All in One
-
-All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).
-
-**_Note_**: VS Code has basic Markdown support out-of-the-box (e.g, **Markdown preview**), please see the [Markdown All in One](https://code.visualstudio.com/docs/languages/markdown) for more information.
-
-**Download:** [**Markdown All in One**](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)
-
-![toggle bold gif](https://github.com/yzhang-gh/vscode-markdown/raw/master/images/gifs/toggle-bold.gif)
-
-### Markdown Preview Enhanced
-
-It shows the enhanced preview of your markdown content.
-
-**Download:** [**Markdown Preview Enhanced**](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)
-
-![Markdown Preview Enhanced](https://user-images.githubusercontent.com/1908863/28495106-30b3b15e-6f09-11e7-8eb6-ca4ca001ab15.png)
-
-### Paste JSON as Code
-
-Copy JSON, paste as Go, TypeScript, C#, C++ and more.
-
-**Download -** [**Paste JSON as Code**](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype)
-
-![Paste JSON as Code](https://raw.githubusercontent.com/quicktype/quicktype-vscode/master/media/demo-interactive.gif)
-
-### Prettier
-
-Code formatter using prettier
-
-**Download -** [**Prettier**](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-
-![Prettier](https://i.imgur.com/wHlMe9e.png)
-
-### Python
-
-IntelliSense (Pylance), Linting, Debugging (multi-threaded, remote), Jupyter Notebooks, code formatting, refactoring, unit tests, and more.
-
-**Download -** [**Python**](https://marketplace.visualstudio.com/items?itemName=ms-python.python)
-
-![Python](https://i.imgur.com/cQ1ARrG.png)
-
-### Settings Sync
-
-Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
-
-**Download -** [**Settings Sync**](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
-
-![Settings Sync](https://shanalikhan.github.io/img/login-with-github.png)
-
-### Tailwind CSS IntelliSense
-
-Intelligent Tailwind CSS tooling for VS Code
-
-**Download -** [**Tailwind CSS IntelliSense**](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
-
-![Tailwind CSS IntelliSense](https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/packages/vscode-tailwindcss/.github/banner.png)
-
-### TODO Highlight
-
-Highlight `TODO`, `FIXME` and other annotations within your code.
-
-Sometimes you forget to review the TODOs you've added while coding before you publish the code to production. So I've been wanting an extension for a long time that highlights them and reminds me that there are notes or things not done yet.
-
-Hope this extension helps you as well.
-
-**Download -** [**TODO Highlight**](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight)
-
-![TODO Highlight](https://github.com/wayou/vscode-todo-highlight/raw/master/assets/material-night.png)
-
-### Turbo Console Log
-
-Automating the process of writing meaningful log messages.
-
-**Download -** [**Turbo Console Log**](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log)
-
-![Turbo Console Log](https://image.ibb.co/dysw7p/insert_log_message.gif)
-
-### Tabnine AI
-
-Tabnine is an AI code assistant that makes you a better developer. Tabnine will increase your development velocity with real-time code completions in all the most popular coding languages and IDEs.
-
-**Download -** [**Tabnine AI**](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)
-
-![Tabnine AI](https://raw.githubusercontent.com/codota/tabnine-vscode/master/assets/completions-main.gif)
-
-## Settings
-
-The following `JSON` code shows my vs code setting:
-
-<CodeTitle lang="json" title="settings.json" />
-```json
-{
-  "files.autoSave": "afterDelay",
-  "editor.mouseWheelZoom": true,
-  "code-runner.clearPreviousOutput": true,
-  "code-runner.ignoreSelection": true,
-  "code-runner.runInTerminal": true,
-  "code-runner.saveAllFilesBeforeRun": true,
-  "code-runner.saveFileBeforeRun": true,
-  "editor.wordWrap": "on",
-  "C_Cpp.updateChannel": "Insiders",
-  "editor.suggestSelection": "first",
-  "python.jediEnabled": false,
-  "editor.fontSize": 17,
-  "emmet.includeLanguages": {
-    "javascript": "javascriptreact"
-  },
-  "editor.minimap.size": "fit",
-  "editor.fontFamily": "Consolas, DejaVu Sans Mono, monospace",
-  "editor.fontLigatures": false,
-  "[html]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "python.formatting.provider": "yapf",
-  "[css]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "git.autofetch": true,
-  "git.enableSmartCommit": true,
-  "html-css-class-completion.enableEmmetSupport": true,
-  "editor.formatOnPaste": true,
-  "liveServer.settings.donotShowInfoMsg": true,
-  "[python]": {
-    "editor.defaultFormatter": "ms-python.python"
-  },
-  "diffEditor.ignoreTrimWhitespace": false,
-  "[json]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  "[c]": {
-    "editor.defaultFormatter": "ms-vscode.cpptools"
-  },
-  "editor.fontWeight": "300",
-  "editor.fastScrollSensitivity": 6,
-  "explorer.confirmDragAndDrop": false,
-  "vsicons.dontShowNewVersionMessage": true,
-  "workbench.iconTheme": "material-icon-theme",
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.renderWhitespace": "none",
-  "workbench.startupEditor": "newUntitledFile",
-  "liveServer.settings.multiRootWorkspaceName": "",
-  "liveServer.settings.port": 5000,
-  "liveServer.settings.donotVerifyTags": true,
-  "editor.formatOnSave": true,
-  "html.format.indentInnerHtml": true,
-  "editor.formatOnType": true,
-  "printcode.tabSize": 4,
-  "terminal.integrated.confirmOnExit": "hasChildProcesses",
-  "terminal.integrated.cursorBlinking": true,
-  "terminal.integrated.rightClickBehavior": "default",
-  "tailwindCSS.emmetCompletions": true,
-  "sync.gist": "527c3e29660c53c3f17c32260188d66d",
-  "gitlens.hovers.currentLine.over": "line",
-  "terminal.integrated.profiles.windows": {
-    "PowerShell": {
-      "source": "PowerShell",
-      "icon": "terminal-powershell"
-    },
-    "Command Prompt": {
-      "path": [
-        "${env:windir}\\Sysnative\\cmd.exe",
-        "${env:windir}\\System32\\cmd.exe"
-      ],
-      "args": [],
-      "icon": "terminal-cmd"
-    },
-    "Git Bash": {
-      "source": "Git Bash"
-    },
-    "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe (migrated)": {
-      "path": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
-      "args": []
-    },
-    "Windows PowerShell": {
-      "path": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
-    },
-    "Ubuntu (WSL)": {
-      "path": "C:\\WINDOWS\\System32\\wsl.exe",
-      "args": ["-d", "Ubuntu"]
-    }
-  },
-  "javascript.updateImportsOnFileMove.enabled": "always",
-  "[dotenv]": {
-    "editor.defaultFormatter": "foxundermoon.shell-format"
-  },
-  "editor.tabSize": 2,
-  "cSpell.customDictionaries": {
-    "custom-dictionary-user": {
-      "name": "custom-dictionary-user",
-      "path": "~/.cspell/custom-dictionary-user.txt",
-      "addWords": true,
-      "scope": "user"
-    }
-  },
-  "window.restoreFullscreen": true,
-  "tabnine.experimentalAutoImports": true,
-  "files.defaultLanguage": "${activeEditorLanguage}",
-  "bracket-pair-colorizer-2.depreciation-notice": false,
-  "workbench.editor.wrapTabs": true,
-  "[markdown]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[ignore]": {
-    "editor.defaultFormatter": "foxundermoon.shell-format"
-  },
-  "terminal.integrated.fontFamily": "courier new",
-  "terminal.integrated.defaultProfile.windows": "pwsh.exe -nologo",
-  "terminal.integrated.shellIntegration.enabled": true,
-  "terminal.integrated.shellIntegration.showWelcome": false,
-  "editor.accessibilitySupport": "off",
-  "editor.bracketPairColorization.enabled": true,
-  "todohighlight.isEnable": true,
-  "terminal.integrated.shellIntegration.history": 1000,
-  "turboConsoleLog.insertEnclosingClass": false,
-  "turboConsoleLog.insertEnclosingFunction": false,
-  "files.autoSaveDelay": 500,
-  "liveServer.settings.CustomBrowser": "chrome",
-  "liveServer.settings.host": "localhost",
-  "liveServer.settings.fullReload": true,
-  "workbench.editor.enablePreview": false,
-  "workbench.colorTheme": "Andromeda Bordered"
-}
-```
-
-## Wrapping up
-
-This is all. I hope you find this useful. You can reach out to me at [Twitter](https://twitter.com/j471n_).
\ No newline at end of file
diff --git a/frontend/posts/web-share-api.mdx b/frontend/posts/web-share-api.mdx
deleted file mode 100644
index c7f96f4..0000000
--- a/frontend/posts/web-share-api.mdx
+++ /dev/null
@@ -1,79 +0,0 @@
----
-slug: web-share-api
-title: How to share anything from your website by Web Share API
-date: 2021-10-29
-published: true
-excerpt: In this article we are going to look at Web Share API. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps.
-image: https://imgur.com/4NEQ0S8.png
----
-
-In this article we are going to look at **Web Share API**. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps.
-
-Web share has the following capabilities and limitations:
-
-- It can only be used on a site that is accessed via HTTPS.
-- It must be invoked in response to a user action such as a click.
-- It can share, URLs, text, or files.
-
-## Sharing links and text
-
-To share links and text, use the `share()` method, which is a promise-based method with a required properties object. To keep the browser from throwing a `TypeError`, the object must contain at least one of the following properties: `title`, `text`, `url` or `files`
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// check for support of web share API
-if (navigator.share) {
-  navigator
-    .share({
-      title: "This is header/title",
-      text: "This is the description",
-      url: "https://put-here-url.com",
-    })
-    .then(() => console.log("Successful share"))
-    .catch((error) => console.log("Error sharing", error));
-} else {
-  console.error("Browser doesn't support Web Share API");
-}
-```
-
-You can use this in your function or anywhere you want. But before you do that you should remember one thing that it does not support by old version browsers.
-
-So you need to make sure that you handle that case. For example the above code will console the `error` if it doesn't support the Web Share API but it's my preference that you should only show the share button if browser supports it, otherwise hide the button.
-
-## Code
-Here is the example code what I was saying:
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const btn = document.getElementById("btn");
-
-// function for web share api
-function webShareAPI(header, description, link) {
-  navigator
-    .share({
-      title: header,
-      text: description,
-      url: link,
-    })
-    .then(() => console.log("Successful share"))
-    .catch((error) => console.log("Error sharing", error));
-}
-
-if (navigator.share) {
-  // Show button if it supports webShareAPI
-  btn.style.display = "block";
-  btn.addEventListener("click", () =>
-    webShareAPI("header", "description", "www.url.com")
-  );
-} else {
-  // Hide button if it doesn't supports webShareAPI
-  btn.style.display = "none";
-  console.error("Your Browser doesn't support Web Share API");
-}
-```
-
-<Codepen id="gOxgxed" />
-
-## Wrapping up
-
-Now you can use this API for your personal projects or wherever you want. you can do much more than that you can take the custom input or maybe you want to share you blog then you can use this. If you learned something new then 👍, and consider to follow.
diff --git a/frontend/posts/web-storage-api.mdx b/frontend/posts/web-storage-api.mdx
deleted file mode 100644
index e88fcc6..0000000
--- a/frontend/posts/web-storage-api.mdx
+++ /dev/null
@@ -1,240 +0,0 @@
----
-slug: web-storage-api
-title: How to use Web Storage API?
-date: 2021-11-19
-published: true
-excerpt: In this article, we are going to look at the different types of web storage such as Local Storage, Session Storage, and Cookies to be more precise
-image: https://imgur.com/SPzhp6u.png
----
-
-In this article, we are going to look at the different types of web storage such as Local Storage, Session Storage, and Cookies to be more precise. Storing data in the browser is a fairly simple task, but there are three different ways to do it and it can be difficult to know which storage option is best for your particular use case. I will be covering all three of the different ways to store data in a user's browser so you can choose the exact option that works best for you.
-
-
-## What is Web Storage?
-
-The Web Storage is one of the great features of HTML5. With the Web Storage feature, web applications can locally store data within the browser on the client side. It stores data in the form of key/value pair on the browser. Web Storage sometimes also known as DOM storage.
-
-## What Are Cookies, Local Storage, And Session Storage Used For?
-
-Before I dive into the many differences between the various storage options I first need to talk about what they are used for. All three methods of storage are used to store information on the user's browser which can be accessed even after navigating to new pages on your site. This data is also saved to the user's exact browser they are using so if they have your site open in Chrome it will only save the information to their Chrome browser on the device they are currently on. This means if they open your site later in a different browser the data will no longer be there. Now let's jump into the many differences between each option.
-
-## Comparison
-
-<table>
-  <thead>
-    <tr>
-      <th>Storage</th>
-      <th>Limit</th>
-      <th>Data-type Supported</th>
-      <th>Expiration</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Cookies</td>
-      <td>at least 4096 bytes per cookie</td>
-      <td>text file (not sure)</td>
-      <td>It has Expiration Date (manually)</td>
-    </tr>
-    <tr>
-      <td>Local Storage</td>
-      <td>5MB per app per browser</td>
-      <td>String only, as key-value pairs</td>
-      <td>Never</td>
-    </tr>
-    <tr>
-      <td>Session Storage</td>
-      <td>Limited only by system memory</td>
-      <td>String only, as key-value pairs</td>
-      <td>After Tab Closed</td>
-    </tr>
-  </tbody>
-</table>
-
-## Local Storage
-
-Local storage is a form of web storage that stores data for a long time. This could be a day, a week, or even a year . This depends upon the developer's preference. It is important to note that local storage only stores strings so, if you wish to store objects, lists, or arrays, you must convert them into a string using `JSON.stringify()`.
-
-### Storing Data
-
-In order to set data using local storage you simple use the `setItem`This function takes two string parameters. The first parameter is the name and the second parameter is the value to associate with that name. You can think of this very similar to a key value pair in a JSON object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-localStorage.setItem("day", "monday");
-```
-
-Just like that, you can store the key/value pair in this. You can not only store this strings. you can store the Javascript array or object as strings, let's see how -
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Storing Object
-const usesInfo = {
-  name: "John",
-  age: 34,
-};
-localStorage.setItem("user-info", JSON.stringify(userInfo));
-
-// Storing Array
-const languages = ["Python", "React", "Javascript", "Go"];
-localStorage.setItem("languages", JSON.stringify(languages));
-```
-
-> The **`JSON.stringify()`** method converts a JavaScript object or value to a JSON string,
-
-### Read Data
-
-In order to get data from local storage it is as easy as calling the `getItem` method. This method takes a single parameter which is the name of the key value pair and will return the value.
-
-> We are reading the data which we just add in the previous section
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Reading String
-const name = localStorage.getItem("name");
-
-// Reading Object
-const userInfo = JSON.parse(localStorage.getItem("user-info"));
-
-// Reading Array
-const languages = JSON.parse(localStorage.getItem("languages"));
-```
-
-> The **`JSON.parse()`** method parses a JSON string, constructing the JavaScript value or object described by the string
-
-_It returns `null` if it does not find that key_
-
-### Removing Data
-
-As like the previous examples removing data from local storage is as easy as calling a single method. This method is the `removeItem` method and takes a single parameter which is the name of the key value pair to remove.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-localStorage.removeItem("name");
-```
-
-## Session Storage
-
-Session storage is a popular choice when it comes to storing data on a browser. It enables developers to save and retrieve different values. Unlike local storage, session storage only keeps data for a particular session. The data is cleared once the user closes the browser window.
-
-<span id="storing-data-1"></span>
-
-### Storing Data
-
-Session Storage works on the same concepts as the local storage. we just need to use `sessionStorage` object -
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Storing Key-Value Pairs
-sessionStorage.setItem("day", "monday");
-
-// Storing Object
-const userInfo = {
-  name: "John",
-  age: 34,
-};
-sessionStorage.setItem("user-info", JSON.stringify(userInfo));
-
-// Storing Array
-const languages = ["Python", "React", "Javascript", "Go"];
-sessionStorage.setItem("languages", JSON.stringify(languages));
-```
-
-<span id="read-data-1"></span>
-
-### Read Data
-
-Reading data is also the same as the local storage.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Reading String
-const name = sessionStorage.getItem("name");
-
-// Reading Object
-const userInfo = JSON.parse(sessionStorage.getItem("user-info"));
-
-// Reading Array
-const languages = JSON.parse(sessionStorage.getItem("languages"));
-```
-
-<span id="removing-data-1"></span>
-
-### Removing Data
-
-Removing data is also the same as the local storage.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-sessionStorage.removeItem("name");
-```
-
-## Cookies
-
-A cookie is usually a tiny text file stored in your web browser. A cookie was initially used to store information about the websites that you visit. But with the advances in technology, a cookie can track your web activities and retrieve your content preferences.
-
-<span id="storing-data-2"></span>
-
-### Storing Data
-
-In order to store the data in cookies . You need to access the `document.cookie` object and set that to your cookie. To do this all you need to do is set `document.cookie` to a string where the name and value are separated by an equals sign.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-document.cookie = "name=Smith";
-```
-
-This will create a cookie with the name `name` and the value `Smith`, but this cookie will be expired since the default expiration date is in the past. In order to set an expiration date manually we need to pass the `expires` key a UTC date value. We also need to make sure we separate the `expires` key from our `name` key with a semicolon **`;`**.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-document.cookie = `name=Smith; expires=${new Date(9999, 0, 1).toUTCString()}`;
-```
-
-This creates a cookie with an expiration date of 01/01/9999 which essentially is like creating a cookie that never expires.
-
-<span id="read-data-2"></span>
-
-### Read Data
-
-Cookies are a bit more difficult since there is no way to get an individual cookie. The only way to get cookies is to get all the cookies at once by accessing the `document.cookie` object.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-const cookie = document.cookie; // "name=Smith; username=John";
-```
-
-it returns string as the default but as you know it is a little difficult to use it in our code so we can create an function which will take the cookies and returns as the object. Let's see how it will look in the code
-
-<CodeTitle lang="js" title="script.js" />
-```js
-// Covert String to Object
-function cookiesToObject(cookie) {
-  var output = {};
-  cookie.split(/\s*;\s*/).forEach(function (pair) {
-    pair = pair.split(/\s*=\s*/);
-    output[pair[0]] = pair.splice(1).join("=");
-  });
-  return output;
-}
-
-// Getting Cookie Object
-const cookieObject = cookiesToObject(document.cookie);
-```
-
-> Source - [Stack Overflow](https://stackoverflow.com/questions/30138594/parse-convert-cookie-to-json-format)
-
-<span id="removing-data-2"></span>
-
-### Removing Data
-
-Cookies as usual are a bit more difficult. To remove a cookie you need to set the cookie again but give it a blank value and a past expiration date.
-
-<CodeTitle lang="js" title="script.js" />
-```js
-document.cookie = "name=; expires=Thu, 01 Jan 1980 00:00:00 GMT";
-```
-
-## Wrapping up
-
-While local storage, session storage, and cookies are similar, there are minor differences between them that give them all unique use cases. I recommend always using session storage or local storage unless you specifically need to access the data on the server since working with local storage and session storage is much easier than cookies.
diff --git a/frontend/posts/why-i-ditched-chrome-for-edge.mdx b/frontend/posts/why-i-ditched-chrome-for-edge.mdx
deleted file mode 100644
index 0ee493a..0000000
--- a/frontend/posts/why-i-ditched-chrome-for-edge.mdx
+++ /dev/null
@@ -1,136 +0,0 @@
----
-slug: why-i-ditched-chrome-for-edge
-title: Why I ditched chrome for Edge?
-date: 2021-12-12
-published: true
-excerpt: I've been using google chrome for a long time I love the extensions and the look and feel of chrome but then I realized that all these extensions now work on the new Microsoft edge plus edge got a bunch of additional features. That I always wish chrome had let's take a look at why edge may be the better choice.
-image: https://imgur.com/20XfEre.png
----
-
-I've been using google chrome for a long time I love the extensions and the look and feel of chrome but then I realized that all these extensions now work on the new Microsoft edge plus edge got a bunch of additional features. That I always wish chrome had let's take a look at why edge may be the better choice.
-
-When it comes to internet browser google chrome dominates the market, according to stack counter chrome currently has a share of about 64% while Microsoft edge is just around 4% at the time of writing this article.
-
-![stackcounter](https://i.imgur.com/dWbwG48.png)
-
-A major reason for this is the availability of extensions that you can add to chrome all these third-party add-ons that let you customize the browser's behavior and add all these extra features it's a great benefit and even a necessity now for most of us.
-
-![chromewebstore](https://i.imgur.com/F5obedQ.png)
-
-Microsoft completely changed edge in 2020, edge is now based on the same open-source chromium platform. Just like chrome which means that all of these features and extensions that you're used to from chrome are now available in Edge too, but that's not all, let's take a look at some other important criteria that give edge an edge.
-
-
-## 1. Privacy
-
-Let's face it google chrome is not exactly known for securing user privacy, I mean google's whole business model is to collect data and use the information to tailor ads that you see and even the results that you get on its services like Google search and YouTube. Microsoft has a different business model that's not mainly focused on advertising and with edge. It's easier to configure the privacy level of your browser in your **settings** under **Privacy**.
-
-![privacy](https://i.imgur.com/yMAICdH.png)
-
-Edge gives you three levels of tracking prevention in case you're wondering what trackers are they're used by websites to collect info about your browsing, you can choose from three levels basic, balanced and strict with balance the default. You can read that in detail [here](https://rb.gy/ffplnz)
-
-To View your Privacy Setting in Edge [Click Here](edge://settings/privacy)
-
-You can never really be sure what happens to your data, but I like the user-friendly approach in Edge which makes it easier for me to manage my settings and keep me better protected online.
-
-## 2. Features
-
-Chrome and edge are now under the same framework, there isn't that much difference and most of the features are similar but there are a few that I really like in edge.
-
-### Vertical Tabs
-
-Edge supports vertical tabs, which comes very handy when you have multiple tabs open and it really helps you in multitasking. It is a great tool to manage your tabs because as you open more tabs, the tab cuts off the page titles which makes finding a specific tab a bit difficult, but in Edge, you have the option to arrange them vertically, this way the titles remain visible. To make this switch you just tap the little square icon on the far left side of the tab row. Now you have a separate column with the tabs, if you want to focus on specific page content, you just have to collapse the pane when you hover over it.
-
-[How to Enable and Use Vertical Tabs in Microsoft Edge](https://www.howtogeek.com/697986/how-to-enable-and-use-vertical-tabs-in-microsoft-edge/ "How to Enable and Use Vertical Tabs in Microsoft Edge")
-
-![vertical](https://imgur.com/H9orNLW.png)
-
-### Sleeping Tabs
-
-Another nice feature that was introduced recently is sleeping tabs. Edge puts inactive tabs to sleep after a certain amount of time, according to Microsoft this can improve your memory and CPU usage by up to 30%. You'll recognize the sleepers when they become faded to resume a sleeping tab. Just click on it the tab will unfold and your content will be there immediately you can customize the feature in the **Settings > System and Performance**.
-
-Your Settings should look like this-
-
-![sleeping tabs](https://i.imgur.com/TjBRzkf.png)
-
-[How to Save Memory With “Sleeping Tabs” in Microsoft Edge](https://www.howtogeek.com/712570/how-to-save-memory-with-sleeping-tabs-in-microsoft-edge/)
-
-### Immersive Reader
-
-Immersive Reader is something I often use, especially on pages that have a lot of advertising, it strips out all the visual noise so you can concentrate on the text.
-
-Let me show you how it works, I am on this website which has lots of ads and other extra content which I don't want to read I just want to read the article without any extra clutter.
-
-![before immersive](https://i.imgur.com/YcltFhv.gif)
-
-You can enable the Immersive mode by pressing the button in the right on the search bar
-![immersive](https://i.imgur.com/vGZ6vFd.png)
-
-After enabling it, now let's see how the site looks like-
-
-![after immersive](https://i.imgur.com/iO9BIjv.gif)
-
-Now, as you can see it clears all the ads and the extra clutter and you can now read or listen to the article. Yeah, you read that right. It also provides the feature to read the text aloud.
-
-### Read Aloud
-
-In addition to Immersive Reader, you also have the option to use a voice engine to read the text aloud for you just click on the button. I tested it for pages in English and it works very well and sounds quite natural with voice options over here you can customize the experience.
-
-![readaloud](https://i.imgur.com/8DhyJAc.png)
-
-[Use Immersive Reader in Microsoft Edge](https://support.microsoft.com/en-us/topic/use-immersive-reader-in-microsoft-edge-78a7a17d-52e1-47ee-b0ac-eff8539015e1)
-
-### Collections
-
-This allows you to add sites as the collection and it also supports syncing so that you can access your collections on mobile devices as well. Clicking the [+] button near the top-right of the screen brings up the collections sidebar menu. From there, you can start a new collection and hit the “Add current page”. You can also right-click any tab and select "Add all tabs to a new collection".
-
-![collections](https://rb.gy/hgniiw)
-
-[How to Use Collections in Microsoft Edge](https://www.howtogeek.com/532656/how-to-enable-and-use-collections-in-microsoft-edge/)
-
-### QR Code Generator
-
-Sharing the URL across devices can be painful sometimes that's where this feature comes into play. I mostly use this feature every day. And does not matter you are a developer or not this is helpful. It generates the QR Code for the current URL page and you can scan through your mobile devices.
-
-![qrcode](https://i.imgur.com/MvpVS8k.png)
-
-Click on the current URL then in the right section you will the icons of the QR Code Generator.
-
-![code](https://i.imgur.com/ndnDvVr.png)
-
-You can click on it, then it will show you the QR Code which you can scan.
-
-### Web Capture - Screenshot
-
-In Chrome, you cannot take a screenshot of a full page or selected region, to do that you need to take the help of third-party software or extension but Microsoft Edge provides that feature out of the box. You can access this feature via pressing **`CTRL + SHIFT + S`**
-
-![screenshot](https://i.imgur.com/I5rYzYU.png)
-
-### Web Select
-
-This feature allows you to select and copy the content from the web that could be text or image. And now the question is how it can be different from the native select. Yeah, it is very different, you can access this feature via pressing **`CTRL + SHIFT + X`** and after that, you will have an option to select, actually, it selects the whole container instead of specific text.
-
-![webselect](https://i.imgur.com/rGYwAlg.png)
-
-### Side Search
-
-Side Search is a useful feature of Microsoft Edge which allows you to search for a particular term or query in the sidebar, chrome also has a similar feature that searches the term in the new tab. But who wants to switch tabs again and again.
-
-First, select the text you want to search, then right-click, and then you will have an option to Search in Sidebar or after selecting the text you can press **`CTRL + SHIFT + E`**, this also works the same. And then you will have a small sidebar on the right. One downside though the default search engine in the sidebar is **Bing**. And unfortunately, you cannot change it for now.
-
-![sidebar](https://i.imgur.com/NbBxrI4.png)
-
-## 3. Performance
-
-Performed a couple of tests to measure the loading speed of websites which were by no means scientific. I couldn't see any major performance differences between the two browsers some pages report a higher ram usage of chrome in some cases.
-
-To see the difference, I open 5 tabs in chrome and the same tabs on the edge. I opened Instagram, Facebook, Github, YouTube, LinkedIn. And you can see the results below.
-
-![performance](https://imgur.com/bLCPB0s.png)
-
-Majorly there is only the RAM differences chrome uses 42% extra ram than the edge.
-
-**Note-** The RAM difference could be different according to the extensions you have installed so it can vary from device to device.
-
-## Wrapping Up
-
-In my opinion, Edge has an edge, yours could be different. I am using Edge for 2 years and I don't have any issue with that.
diff --git a/frontend/posts/windows-commands.mdx b/frontend/posts/windows-commands.mdx
deleted file mode 100644
index 40542be..0000000
--- a/frontend/posts/windows-commands.mdx
+++ /dev/null
@@ -1,731 +0,0 @@
----
-slug: windows-commands
-title: Windows Commands Cheat Sheet
-date: 2022-08-17
-published: true
-keywords: programming, windows, cmd, webdev, windows commands, cheatsheet 
-excerpt: This is the Cheat Sheet of Windows Commands. It gives you all the commands and a short description of the command. I've also attached the documentation link for further reading. 
-image: https://imgur.com/ISjpLMf.png
----
-
-
-
-## What is Command Prompt in Windows? 
-
-Command Prompt, also known as `cmd.exe` is a command line interpreter application on Windows Operating System.  It's used to execute entered commands.
-
-## What are the CMD Commands? 
-
-CMD Commands are the specific set of instructions given to Command Prompt to perform some kind of task or function on a Windows PC. Most of the Windows commands are used to automate tasks via scripts and batch files and perform advanced administrative tasks or functions. Many commands can help you troubleshoot and solve certain problems on windows.
-
-
-## Windows Commands List
-
-
-<table>
-    <thead>
-        <tr>
-            <td>Commands</td>
-            <td>Functions</td>
-        </tr>
-    </thead>
-    <tbody>
-        <tr>
-            <td>[arp](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/arp)</td>
-            <td>Displays and modifies the Internet-to-adapter address translation tables used by the Address in Networks and communication management</td>
-        </tr>
-        <tr>
-            <td>[assoc](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/assoc)</td>
-            <td>Displays or modifies file name extension associations</td>
-        </tr>
-        <tr>
-            <td>[attrib](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/attrib)</td>
-            <td>Displays, sets, or removes attributes assigned to files or directories.</td>
-        </tr>
-        <tr>
-            <td>[bcdboot](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/bcdboot)</td>
-            <td>Enables you to quickly set up a system partition, or to repair the boot environment located on the system partition</td>
-        </tr>
-        <tr>
-            <td>[bcdedit](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/bcdedit)</td>
-            <td>Used to manage boot configuration data</td>
-        </tr>
-        <tr>
-            <td>[bitsadmin](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/bitsadmin)</td>
-            <td>Used to manage the Background Intelligent Transfer Service</td>
-        </tr>
-        <tr>
-            <td>[break](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/break)</td>
-            <td>Enable/Disable break capability \`CTRL+C\` in CMD</td>
-        </tr>
-        <tr>
-            <td>[cacls](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cacls)</td>
-            <td>Used to change permissions of files</td>
-        </tr>
-        <tr>
-            <td>[call](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/call)</td>
-            <td>Used one batch program to call another</td>
-        </tr>
-        <tr>
-            <td>[certreq](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/certreq_1)</td>
-            <td>Used to request certificates from a certification authority</td>
-        </tr>
-        <tr>
-            <td>[certutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/certutil)</td>
-            <td>Manage Certification Authority files and Services</td>
-        </tr>
-        <tr>
-            <td>[cd](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cd)</td>
-            <td>Used to change directory or go to a specific one</td>
-        </tr>
-        <tr>
-            <td>[chcp](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/chcp)</td>
-            <td>Displays the number of active console code page</td>
-        </tr>
-        <tr>
-            <td>[chdir](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/chdir)</td>
-            <td>Same as cd command</td>
-        </tr>
-        <tr>
-            <td>[chkdsk](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/chkdsk)</td>
-            <td>Used to check and repair issues in the disk</td>
-        </tr>
-        <tr>
-            <td>[chkntfs](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/chkntfs)</td>
-            <td>Used to check the NTFS file system</td>
-        </tr>
-        <tr>
-            <td>[choice](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/choice)</td>
-            <td>Prompts the user to select one item from a list of single-character choices in a batch program, and then returns the index of the selected choice. If used without parameters,&nbsp;choice&nbsp;displays the default choices&nbsp;Y&nbsp;and&nbsp;N.</td>
-        </tr>
-        <tr>
-            <td>[cipher](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cipher)</td>
-            <td>Used to encrypt/decrypt file and folder</td>
-        </tr>
-        <tr>
-            <td>[cleanmgr](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cleanmgr)</td>
-            <td>Used to clean temp files and recycle bin automatically</td>
-        </tr>
-        <tr>
-            <td>[clip](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/clip)</td>
-            <td>Copy result of any command to windows clipboard</td>
-        </tr>
-        <tr>
-            <td>[cls](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cls)</td>
-            <td>Clear CMD screen</td>
-        </tr>
-        <tr>
-            <td>[cmd](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cmd)</td>
-            <td>Used to start a new CMD shell</td>
-        </tr>
-        <tr>
-            <td>[cmdkey](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cmdkey)</td>
-            <td>Creates, lists, and deletes stored user names and passwords or credentials.</td>
-        </tr>
-        <tr>
-            <td>[cmstp](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/cmstp)</td>
-            <td>Used to install or remove a connection manage service profile</td>
-        </tr>
-        <tr>
-            <td>[color](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/color)</td>
-            <td>Change the color of the CMD shell using options</td>
-        </tr>
-        <tr>
-            <td>[comp](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/comp)</td>
-            <td>Compare contents of two files or two sets of files</td>
-        </tr>
-        <tr>
-            <td>[compact](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/compact)</td>
-            <td>Displays or alters the compression of files or directories on NTFS partitions</td>
-        </tr>
-        <tr>
-            <td>[covert](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/convert)</td>
-            <td>Converts a disk from one disk type to another.</td>
-        </tr>
-        <tr>
-            <td>[copy](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/copy)</td>
-            <td>Copy one or more files to another location</td>
-        </tr>
-        <tr>
-            <td>[date](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/date)</td>
-            <td>Displays or sets the system date.</td>
-        </tr>
-        <tr>
-            <td>[defrag](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/defrag)</td>
-            <td>Locates and consolidates fragmented files on local volumes to improve system performance.</td>
-        </tr>
-        <tr>
-            <td>[del](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/del)</td>
-            <td>Deletes one or more files.</td>
-        </tr>
-        <tr>
-            <td>[dir](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/dir)</td>
-            <td>Used to display files and folder list</td>
-        </tr>
-        <tr>
-            <td>[diskpart](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/diskpart)</td>
-            <td>helps you manage your computer's drives (disks, partitions, volumes, or virtual hard disks)</td>
-        </tr>
-        <tr>
-            <td>[dispdiag](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/dispdiag)</td>
-            <td>Logs display information to a file.</td>
-        </tr>
-        <tr>
-            <td>[doskey](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/doskey)</td>
-            <td>Recalls previously entered command-line commands, edits command lines, and creates macros.</td>
-        </tr>
-        <tr>
-            <td>[driverquery](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/driverquery)</td>
-            <td>Display a list of installed device drivers and their properties</td>
-        </tr>
-        <tr>
-            <td>[echo](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/echo)</td>
-            <td>Displays messages or turns on or off the command echoing feature</td>
-        </tr>
-        <tr>
-            <td>[endlocal](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/endlocal)</td>
-            <td>Ends localization of environment changes in a batch file</td>
-        </tr>
-        <tr>
-            <td>[erase](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/erase)</td>
-            <td>Used to delete one or more file</td>
-        </tr>
-        <tr>
-            <td>[eventcreate](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/eventcreate)</td>
-            <td>Enables an administrator to create a custom event in a specified event log</td>
-        </tr>
-        <tr>
-            <td>[exit](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/exit)</td>
-            <td>Exits the command interpreter or the current batch script.</td>
-        </tr>
-        <tr>
-            <td>[expand](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/expand)</td>
-            <td>Expands one or more compressed files</td>
-        </tr>
-        <tr>
-            <td>[extrac32](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/extract)</td>
-            <td>Extracts files from a cabinet or source.</td>
-        </tr>
-        <tr>
-            <td>[fc](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/fc)</td>
-            <td>Compares two files or sets of files and displays the differences between them.</td>
-        </tr>
-        <tr>
-            <td>[find](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/find)</td>
-            <td>Searches for a string of text in a file or files, and displays lines of text that contain the specified string</td>
-        </tr>
-        <tr>
-            <td>[findstr](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/findstr)</td>
-            <td>Searches for patterns of text in files</td>
-        </tr>
-        <tr>
-            <td>[finger](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/finger)</td>
-            <td>Displays information about users on a specified remote computer</td>
-        </tr>
-        <tr>
-            <td>[fondue](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/fondue)</td>
-            <td>Enables Windows optional features by downloading required files from Windows Update or another source specified by Group Policy</td>
-        </tr>
-        <tr>
-            <td>[for](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/for)</td>
-            <td>Runs a specified command for each file, within a set of files</td>
-        </tr>
-        <tr>
-            <td>[forfiles](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/forfiles)</td>
-            <td>Selects and runs a command on a file or set of files. This command is most commonly used in batch files</td>
-        </tr>
-        <tr>
-            <td>[format](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/format)</td>
-            <td>Format a disk to accept Windows files. You must be a member of the Administrators group to format a hard drive</td>
-        </tr>
-        <tr>
-            <td>[fsutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/fsutil)</td>
-            <td>File System utility to manage file and drive properties</td>
-        </tr>
-        <tr>
-            <td>[ftp](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ftp)</td>
-            <td>Use FTP service to transfer files from one PC to another</td>
-        </tr>
-        <tr>
-            <td>[ftype](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ftype)</td>
-            <td>Display/Modify file extensions type associations</td>
-        </tr>
-        <tr>
-            <td>[getmac](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/getmac)</td>
-            <td>Used to display the MAC address of your network adapter</td>
-        </tr>
-        <tr>
-            <td>[goto](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/goto)</td>
-            <td>Used to direct a batch program to a line identified by a label</td>
-        </tr>
-        <tr>
-            <td>[gpresult](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/gpresult)</td>
-            <td>Display Group Policy Settings and Resultant Set of Policy for a user</td>
-        </tr>
-        <tr>
-            <td>[gpupdate](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/gpupdate)</td>
-            <td>Updates Group Policy settings</td>
-        </tr>
-        <tr>
-            <td>[help](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/help)</td>
-            <td>Displays a list of the available commands or detailed help information on a specified command</td>
-        </tr>
-        <tr>
-            <td>[hostname](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/hostname)</td>
-            <td>Displays the hostname portion of the full computer name of the computer</td>
-        </tr>
-        <tr>
-            <td>[icacls](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/icacls)</td>
-            <td>Displays or modifies discretionary access control lists (DACLs) on specified files, and applies stored DACLs to files in specified directories</td>
-        </tr>
-        <tr>
-            <td>[if](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/if)</td>
-            <td>Performs conditional processing in batch programs</td>
-        </tr>
-        <tr>
-            <td>[ipconfig](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ipconfig)</td>
-            <td>Display and change windows IP Configuration</td>
-        </tr>
-        <tr>
-            <td>[klist](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/klist)</td>
-            <td>Displays a list of currently cached Kerberos tickets</td>
-        </tr>
-        <tr>
-            <td>[ktmutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ktmutil)</td>
-            <td>Starts the Kernel Transaction Manager utility</td>
-        </tr>
-        <tr>
-            <td>[label](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/label)</td>
-            <td>Used to change the name of a disk</td>
-        </tr>
-        <tr>
-            <td>[lodctr](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/lodctr)</td>
-            <td>Allows you to register or save performance counter name and registry settings in a file and designate trusted services</td>
-        </tr>
-        <tr>
-            <td>[logman](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/logman)</td>
-            <td>Used to manage performance monitor logs</td>
-        </tr>
-        <tr>
-            <td>[logoff](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/logoff)</td>
-            <td>Log a use off</td>
-        </tr>
-        <tr>
-            <td>[makecab](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/makecab)</td>
-            <td>Package existing files into a cabinet (.cab) file</td>
-        </tr>
-        <tr>
-            <td>[md](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/md)</td>
-            <td>Creates a directory or subdirectory</td>
-        </tr>
-        <tr>
-            <td>[mkdir](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mkdir)</td>
-            <td>Creates a directory or subdirectory</td>
-        </tr>
-        <tr>
-            <td>[mklink](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mklink)</td>
-            <td>Creates a directory or file symbolic or hard link</td>
-        </tr>
-        <tr>
-            <td>[mmc](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mmc)</td>
-            <td>Access Microsoft Management Console</td>
-        </tr>
-        <tr>
-            <td>[mode](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mode)</td>
-            <td>Displays system status, changes system settings, or reconfigures ports or device</td>
-        </tr>
-        <tr>
-            <td>[more](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/more)</td>
-            <td>Displays one screen of output at a time</td>
-        </tr>
-        <tr>
-            <td>[mountvol](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mountvol)</td>
-            <td>Creates, deletes, or lists a volume mount point. You can also link volumes without requiring a drive letter</td>
-        </tr>
-        <tr>
-            <td>[move](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/move)</td>
-            <td>Moves one or more files from one directory to another directory</td>
-        </tr>
-        <tr>
-            <td>[msdt](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/msdt)</td>
-            <td>Invokes a troubleshooting pack at the command line or as part of an automated script, and enables additional options without user input</td>
-        </tr>
-        <tr>
-            <td>[msiexec](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/msiexec)</td>
-            <td>Provides the means to install, modify, and perform operations on Windows Installer from the command line</td>
-        </tr>
-        <tr>
-            <td>[msinfo32](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/msinfo32)</td>
-            <td>Display system information</td>
-        </tr>
-        <tr>
-            <td>[mstsc](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/mstsc)</td>
-            <td>Create a remote Desktop connection</td>
-        </tr>
-        <tr>
-            <td>[nbtstat](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/nbtstat)</td>
-            <td>Displays NetBIOS over TCP/IP (NetBT) protocol statistics</td>
-        </tr>
-        <tr>
-            <td>[netcfg](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/netcfg)</td>
-            <td>Installs the Windows Preinstallation Environment (WinPE), a lightweight version of Windows used to deploy workstations</td>
-        </tr>
-        <tr>
-            <td>[net print](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/net-print)</td>
-            <td>Displays information about a specified printer queue or a specified print job, or controls a specified print job</td>
-        </tr>
-        <tr>
-            <td>[netsh](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/netsh)</td>
-            <td>Display or modify network configuration</td>
-        </tr>
-        <tr>
-            <td>[net](https://docs.microsoft.com/en-us/troubleshoot/windows-server/networking/net-commands-on-operating-systems)</td>
-            <td>Used to manage network resources and services</td>
-        </tr>
-        <tr>
-            <td>[netstat](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/netstat)</td>
-            <td>Display active TCP/IP connections</td>
-        </tr>
-        <tr>
-            <td>[nslookup](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/nslookup)</td>
-            <td>Displays information that you can use to diagnose Domain Name System (DNS) infrastructure</td>
-        </tr>
-        <tr>
-            <td>[openfiles](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/openfiles)</td>
-            <td>Queries or display open files</td>
-        </tr>
-        <tr>
-            <td>[path](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/path)</td>
-            <td>Set PATH environment variable for executable files</td>
-        </tr>
-        <tr>
-            <td>[pathping](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pathping)</td>
-            <td>Latency and packet loss info for each node in the network path</td>
-        </tr>
-        <tr>
-            <td>[pause](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pause)</td>
-            <td>Used to stop processing of a batch file</td>
-        </tr>
-        <tr>
-            <td>[perfmon](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/perfmon)</td>
-            <td>Access Performance monitor in CMD</td>
-        </tr>
-        <tr>
-            <td>[ping](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ping)</td>
-            <td>Test network connection to a computer</td>
-        </tr>
-        <tr>
-            <td>[pktmon](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pktmon)</td>
-            <td>Used for advanced packet capture and event collection, drop detection, filtering, and counting</td>
-        </tr>
-        <tr>
-            <td>[pnpunattend](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pnpunattend)</td>
-            <td>Audits a computer for device drivers, and performs unattended driver installations, or searches for drivers without installing and, optionally, report the results to the command line</td>
-        </tr>
-        <tr>
-            <td>[pnputil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pnputil)</td>
-            <td>Used to manage the driver store</td>
-        </tr>
-        <tr>
-            <td>[popd](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/popd)</td>
-            <td>Go to the latest path/folder stored by the PUSHD command</td>
-        </tr>
-        <tr>
-            <td>[powerShell](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/powershell)</td>
-            <td>Access Powershell</td>
-        </tr>
-        <tr>
-            <td>[powerShell\_ise](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/powershell_ise)</td>
-            <td>Windows PowerShell Integrated Scripting Environment (ISE) is a graphical host application that enables you to read, write, run, debug, and test scripts</td>
-        </tr>
-        <tr>
-            <td>[print](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/print)</td>
-            <td>Used to print a text file from CMD</td>
-        </tr>
-        <tr>
-            <td>[powercfg](https://docs.microsoft.com/en-us/windows-hardware/design/device-experiences/powercfg-command-line-options)</td>
-            <td>Used to configure power settings and know battery health</td>
-        </tr>
-        <tr>
-            <td>[prompt](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/prompt)</td>
-            <td>Displaying any text you want, such as the name of the current directory, the time and date, etc.</td>
-        </tr>
-        <tr>
-            <td>[pushd](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pushd)</td>
-            <td>Stores the current directory for use by the popd command, and then changes to the specified directory</td>
-        </tr>
-        <tr>
-            <td>[pwlauncher](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/pwlauncher)</td>
-            <td>Enables or disables the Windows To Go Startup Options</td>
-        </tr>
-        <tr>
-            <td>[rd](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rd)</td>
-            <td>Deletes a directory</td>
-        </tr>
-        <tr>
-            <td>[recover](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/recover)</td>
-            <td>Recovers readable information from a bad or defective disk</td>
-        </tr>
-        <tr>
-            <td>[ReFSUtil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/refsutil)</td>
-            <td>ReFSUtil is a tool included in Windows and Windows Server that attempts to diagnose heavily damaged ReFS volumes</td>
-        </tr>
-        <tr>
-            <td>[reg](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/reg)</td>
-            <td>Performs operations on registry subkey information and values in registry entries</td>
-        </tr>
-        <tr>
-            <td>[regini](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/regini)</td>
-            <td>Modifies the registry from the command line or a script, and applies changes that were present in one or more text files</td>
-        </tr>
-        <tr>
-            <td>[regsvr32](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/regsvr32)</td>
-            <td>Registers .dll files as command components in the registry</td>
-        </tr>
-        <tr>
-            <td>[relog](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/relog)</td>
-            <td>Extracts performance counters from performance counter logs into other formats, such as text-TSV (for tab-delimited text), text-CSV (for comma-delimited text), binary-BIN, or SQL</td>
-        </tr>
-        <tr>
-            <td>[rem](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rem)</td>
-            <td>Records comments in a script, batch, or config.sys file. If no comment is specified, rem adds vertical spacing</td>
-        </tr>
-        <tr>
-            <td>[ren](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ren)</td>
-            <td>Renames files or directories</td>
-        </tr>
-        <tr>
-            <td>[rename](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rename)</td>
-            <td>Renames files or directories</td>
-        </tr>
-        <tr>
-            <td>[replace](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/replace)</td>
-            <td>Replace existing files in a directory. If used with the \`/a\` option, this command adds new files to a directory instead of replacing existing files</td>
-        </tr>
-        <tr>
-            <td>[rmdir](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rmdir)</td>
-            <td>Deletes a directory</td>
-        </tr>
-        <tr>
-            <td>[robocopy](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/robocopy)</td>
-            <td>Copies file data from one location to another</td>
-        </tr>
-        <tr>
-            <td>[route](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/route_ws2008)</td>
-            <td>Displays and modifies the entries in the local IP routing table</td>
-        </tr>
-        <tr>
-            <td>[rpcping](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rpcping)</td>
-            <td>Confirms the RPC connectivity between the computer running Microsoft Exchange Server and any of the supported Microsoft Exchange Client workstations on the network</td>
-        </tr>
-        <tr>
-            <td>[rundll32](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/rundll32)</td>
-            <td>Loads and runs 32-bit dynamic-link libraries (DLLs)</td>
-        </tr>
-        <tr>
-            <td>[rasdial](https://docs.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2012-r2-and-2012/ff859533(v=ws.11))</td>
-            <td>Display Remote Access Service Status</td>
-        </tr>
-        <tr>
-            <td>[runas](https://docs.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2012-r2-and-2012/cc771525(v=ws.11))</td>
-            <td>Run a program as different user</td>
-        </tr>
-        <tr>
-            <td>[sc](https://docs.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2012-r2-and-2012/cc754599(v=ws.11))</td>
-            <td>Use Service Controller to manage Windows services</td>
-        </tr>
-        <tr>
-            <td>[schtasks](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/schtasks)</td>
-            <td>Schedules commands and programs to run at a specific time</td>
-        </tr>
-        <tr>
-            <td>[secedit](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/secedit)</td>
-            <td>Configures and analyzes system security</td>
-        </tr>
-        <tr>
-            <td>[set](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1)</td>
-            <td>Displays, sets, or removes \`cmd.exe\` environment variables</td>
-        </tr>
-        <tr>
-            <td>[setx](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/setx)</td>
-            <td>Creates or modifies environment variables in the user or system environment, without requiring programming or scripting</td>
-        </tr>
-        <tr>
-            <td>[sfc](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/sfc)</td>
-            <td>Scans and verifies the integrity of all protected system files and replaces incorrect versions with correct versions</td>
-        </tr>
-        <tr>
-            <td>[shift](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/shift)</td>
-            <td>Changes the position of batch parameters in a batch file</td>
-        </tr>
-        <tr>
-            <td>[shutdown](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/shutdown)</td>
-            <td>Enables you to shut down or restart local or remote computers, one at a time.</td>
-        </tr>
-        <tr>
-            <td>[sort](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/sort)</td>
-            <td>Reads input, sorts data, and writes the results to the screen, to a file, or another device</td>
-        </tr>
-        <tr>
-            <td>[start](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/start)</td>
-            <td>Starts a separate Command Prompt window to run a specified program or command</td>
-        </tr>
-        <tr>
-            <td>[subst](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/subst)</td>
-            <td>Associates a path with a drive letter</td>
-        </tr>
-        <tr>
-            <td>[sxstrace](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/sxstrace)</td>
-            <td>Diagnoses side-by-side problems</td>
-        </tr>
-        <tr>
-            <td>[systeminfo](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/systeminfo)</td>
-            <td>Displays detailed configuration information about a computer and its operating system</td>
-        </tr>
-        <tr>
-            <td>[strings](https://docs.microsoft.com/en-us/sysinternals/downloads/strings)</td>
-            <td>Find ANSI and UNICODE strings in binary files</td>
-        </tr>
-        <tr>
-            <td>[takeown](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/takeown)</td>
-            <td>Used to take the ownership of a file</td>
-        </tr>
-        <tr>
-            <td>[taskkill](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/taskkill)</td>
-            <td>Ends one or more tasks or processes</td>
-        </tr>
-        <tr>
-            <td>[tasklist](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tasklist)</td>
-            <td>Displays a list of currently running processes on the local computer or a remote computer</td>
-        </tr>
-        <tr>
-            <td>[tcmsetup](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tcmsetup)</td>
-            <td>Enable/Disable the TAPI client</td>
-        </tr>
-        <tr>
-            <td>[telnet](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/telnet)</td>
-            <td>Communicates with a computer running the telnet server service</td>
-        </tr>
-        <tr>
-            <td>[time](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/time)</td>
-            <td>Displays or sets the system time</td>
-        </tr>
-        <tr>
-            <td>[timeout](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/timeout)</td>
-            <td>Pauses the command processor for the specified number of seconds</td>
-        </tr>
-        <tr>
-            <td>[title](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/title)</td>
-            <td>Creates a title for the Command Prompt window</td>
-        </tr>
-        <tr>
-            <td>[tpmtool](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tpmtool)</td>
-            <td>This utility can be used to get information about the Trusted Platform Module (TPM).</td>
-        </tr>
-        <tr>
-            <td>[tpmvscmgr](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tpmvscmgr)</td>
-            <td>The tpmvscmgr command-line tool allows users with Administrative credentials to create and delete TPM virtual smart cards on a computer</td>
-        </tr>
-        <tr>
-            <td>[tracerpt](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tracerpt)</td>
-            <td>The tracerpt command parses Event Trace Logs, log files generated by Performance Monitor, and real-time Event Trace providers</td>
-        </tr>
-        <tr>
-            <td>[tracert](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tracert)</td>
-            <td>Trace route to a remote host by sending ICMP request messages</td>
-        </tr>
-        <tr>
-            <td>[tree](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tree)</td>
-            <td>Displays the directory structure of a path or of the disk in a drive graphically</td>
-        </tr>
-        <tr>
-            <td>[type](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/type)</td>
-            <td>Displays the contents of a text file</td>
-        </tr>
-        <tr>
-            <td>[typeperf](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/typeperf)</td>
-            <td>writes performance data to the command window or to a log file</td>
-        </tr>
-        <tr>
-            <td>[tzutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/tzutil)</td>
-            <td>Displays the Windows Time Zone utility</td>
-        </tr>
-        <tr>
-            <td>[unlodctr](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/unlodctr)</td>
-            <td>Removes Performance counter names and Explains text for a service or device driver from the system registry</td>
-        </tr>
-        <tr>
-            <td>[ver](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/ver)</td>
-            <td>Displays the operating system version number</td>
-        </tr>
-        <tr>
-            <td>[verifier](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/verifier)</td>
-            <td>Driver Verifier monitors Windows kernel-mode drivers and graphics drivers to detect illegal function calls or actions that might corrupt the system</td>
-        </tr>
-        <tr>
-            <td>[verify](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/verify)</td>
-            <td>Verify whether files are saved correctly on the disk</td>
-        </tr>
-        <tr>
-            <td>[vol](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/vol)</td>
-            <td>Displays the disk volume label and serial number</td>
-        </tr>
-        <tr>
-            <td>[vssadmin](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/vssadmin)</td>
-            <td>Show shadow copy backups, installed shadow copy writers and providers</td>
-        </tr>
-        <tr>
-            <td>[wbadmin](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/wbadmin)</td>
-            <td>Enables you to back up and restore your operating system, volumes, files, folders, and applications from a command prompt</td>
-        </tr>
-        <tr>
-            <td>[waitfor](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/waitfor)</td>
-            <td>Sends or waits for a signal on a system</td>
-        </tr>
-        <tr>
-            <td>[wecutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/wecutil)</td>
-            <td>Enables you to create and manage subscriptions to events that are forwarded from remote computers</td>
-        </tr>
-        <tr>
-            <td>[wevtutil](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/wevtutil)</td>
-            <td>Enables you to retrieve information about event logs and publishers</td>
-        </tr>
-        <tr>
-            <td>[where](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/where)</td>
-            <td>Displays the location of files that match the given search pattern</td>
-        </tr>
-        <tr>
-            <td>[whoami](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/whoami)</td>
-            <td>Displays user, group, and privileges information for the user who is currently logged on to the local system</td>
-        </tr>
-        <tr>
-            <td>[winrs](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/winrs)</td>
-            <td>Windows Remote Management allows you to manage and execute programs remotely</td>
-        </tr>
-        <tr>
-            <td>[winrm](https://docs.microsoft.com/en-us/windows/win32/winrm/installation-and-configuration-for-windows-remote-management#where-winrm-is-installed)</td>
-            <td>Windows Remote Management</td>
-        </tr>
-        <tr>
-            <td>[wmic](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/wmic)</td>
-            <td>Displays WMI information inside an interactive command shell.</td>
-        </tr>
-        <tr>
-            <td>[wscript](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/wscript)</td>
-            <td>Windows Script Host provides an environment in which users can execute scripts in a variety of languages that use a variety of object models to perform tasks</td>
-        </tr>
-        <tr>
-            <td>[xcopy](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/xcopy)</td>
-            <td>Copies files and directories, including subdirectories</td>
-        </tr>
-        <tr>
-            <td>::</td>
-            <td>Comment</td>
-        </tr>
-    </tbody>
-</table>
-
-## Wrapping up
-
-There are many more commands that I might have missed those commands will be added later. You can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n)
-
diff --git a/frontend/prismSetup.js b/frontend/prismSetup.js
new file mode 100644
index 0000000..ce8684d
--- /dev/null
+++ b/frontend/prismSetup.js
@@ -0,0 +1,72 @@
+// @ts-nocheck
+import Prism from 'prismjs'
+
+// Languages
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-jsx'
+import 'prismjs/components/prism-json'
+import 'prismjs/components/prism-markup'
+import 'prismjs/components/prism-markdown'
+import 'prismjs/components/prism-bash'
+import 'prismjs/components/prism-css'
+import 'prismjs/components/prism-scss'
+import 'prismjs/components/prism-sass'
+import 'prismjs/components/prism-less'
+import 'prismjs/components/prism-tsx'
+import 'prismjs/components/prism-python'
+import 'prismjs/components/prism-c'
+import 'prismjs/components/prism-cpp'
+import 'prismjs/components/prism-csharp'
+import 'prismjs/components/prism-go'
+import 'prismjs/components/prism-ruby'
+
+// Plugins
+import 'prismjs/plugins/autoloader/prism-autoloader.min.js'
+import 'prismjs/plugins/line-numbers/prism-line-numbers.min.js'
+import 'prismjs/plugins/line-numbers/prism-line-numbers.min.css'
+import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min.js'
+import 'prismjs/plugins/toolbar/prism-toolbar.min.js'
+import 'prismjs/plugins/toolbar/prism-toolbar.css'
+import 'prismjs/plugins/show-language/prism-show-language.min.js'
+import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js'
+import 'prismjs/plugins/autolinker/prism-autolinker.min.js'
+import 'prismjs/plugins/autolinker/prism-autolinker.css'
+// import 'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.min.js'
+// import 'prismjs/plugins/diff-highlight/prism-diff-highlight.min.js'
+// import 'prismjs/plugins/diff-highlight/prism-diff-highlight.css'
+// import 'prismjs/plugins/file-highlight/prism-file-highlight.min.js'
+// import 'prismjs/plugins/filter-highlight-all/prism-filter-highlight-all.min.js'
+// import 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.min.js'
+// import 'prismjs/plugins/inline-color/prism-inline-color.min.js'
+// import 'prismjs/plugins/inline-color/prism-inline-color.min.css'
+// import 'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.min.js'
+// import 'prismjs/plugins/keep-markup/prism-keep-markup.min.js'
+// import 'prismjs/plugins/command-line/prism-command-line.min.js'
+// import 'prismjs/plugins/command-line/prism-command-line.css'
+// import 'prismjs/plugins/custom-class/prism-custom-class.min.js'
+// import 'prismjs/plugins/download-button/prism-download-button.min.js'
+// import 'prismjs/plugins/line-highlight/prism-line-highlight.min.js'
+// import 'prismjs/plugins/line-highlight/prism-line-highlight.min.css'
+// import 'prismjs/plugins/match-braces/prism-match-braces.min.js'
+// import 'prismjs/plugins/match-braces/prism-match-braces.min.css'
+// import 'prismjs/plugins/previewers/prism-previewers.min.js'
+// import 'prismjs/plugins/previewers/prism-previewers.min.css'
+// import 'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.min.js'
+// import 'prismjs/plugins/show-invisibles/prism-show-invisibles.min.js'
+// import 'prismjs/plugins/show-invisibles/prism-show-invisibles.min.css'
+// import 'prismjs/plugins/treeview/prism-treeview.min.js'
+// import 'prismjs/plugins/treeview/prism-treeview.min.css'
+// import 'prismjs/plugins/unescaped-markup/prism-unescaped-markup.min.js'
+// import 'prismjs/plugins/unescaped-markup/prism-unescaped-markup.min.css'
+// import 'prismjs/plugins/wpd/prism-wpd.min.js'
+// import 'prismjs/plugins/wpd/prism-wpd.min.css'
+
+// Theme
+import 'prismjs/themes/prism-tomorrow.css'
+// import 'prismjs/themes/prism-coy.css'
+// import 'prismjs/themes/prism-okaidia.css'
+// import 'prismjs/themes/prism-solarizedlight.css'
+
+typeof window !== 'undefined' && (window.Prism = Prism) // Assign Prism to the window object
+
+export default Prism
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
index d0c80ef..64822d9 100644
--- a/frontend/public/manifest.json
+++ b/frontend/public/manifest.json
@@ -4,8 +4,8 @@
   "display": "standalone",
   "scope": "/",
   "start_url": "/",
-  "name": "Jatin Sharma",
-  "short_name": "Jatin Sharma",
+  "name": "Numan Ibn Mazid",
+  "short_name": "Numan Ibn Mazid",
   "description": "I am currently perusing my Bachelor Degree in Computer Science. I can code in Python, C, C++, etc. I also work on React & Next.js. This is my portfolio which you can install as Progressive Web app.",
   "icons": [
     {
@@ -125,4 +125,4 @@
       ]
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/frontend/public/pdfjs/pdf.worker.js b/frontend/public/pdfjs/pdf.worker.js
new file mode 100644
index 0000000..366c046
--- /dev/null
+++ b/frontend/public/pdfjs/pdf.worker.js
@@ -0,0 +1,57812 @@
+/**
+ * @licstart The following is the entire license notice for the
+ * JavaScript code in this page
+ *
+ * Copyright 2023 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * @licend The above is the entire license notice for the
+ * JavaScript code in this page
+ */
+
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define("pdfjs-dist/build/pdf.worker", [], factory);
+	else if(typeof exports === 'object')
+		exports["pdfjs-dist/build/pdf.worker"] = factory();
+	else
+		root["pdfjs-dist/build/pdf.worker"] = root.pdfjsWorker = factory();
+})(globalThis, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.WorkerTask = exports.WorkerMessageHandler = void 0;
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _primitives = __w_pdfjs_require__(4);
+var _pdf_manager = __w_pdfjs_require__(6);
+var _cleanup_helper = __w_pdfjs_require__(71);
+var _writer = __w_pdfjs_require__(65);
+var _is_node = __w_pdfjs_require__(102);
+var _message_handler = __w_pdfjs_require__(103);
+var _worker_stream = __w_pdfjs_require__(104);
+class WorkerTask {
+  constructor(name) {
+    this.name = name;
+    this.terminated = false;
+    this._capability = new _util.PromiseCapability();
+  }
+  get finished() {
+    return this._capability.promise;
+  }
+  finish() {
+    this._capability.resolve();
+  }
+  terminate() {
+    this.terminated = true;
+  }
+  ensureNotTerminated() {
+    if (this.terminated) {
+      throw new Error("Worker task was terminated");
+    }
+  }
+}
+exports.WorkerTask = WorkerTask;
+class WorkerMessageHandler {
+  static setup(handler, port) {
+    let testMessageProcessed = false;
+    handler.on("test", function (data) {
+      if (testMessageProcessed) {
+        return;
+      }
+      testMessageProcessed = true;
+      handler.send("test", data instanceof Uint8Array);
+    });
+    handler.on("configure", function (data) {
+      (0, _util.setVerbosityLevel)(data.verbosity);
+    });
+    handler.on("GetDocRequest", function (data) {
+      return WorkerMessageHandler.createDocumentHandler(data, port);
+    });
+  }
+  static createDocumentHandler(docParams, port) {
+    let pdfManager;
+    let terminated = false;
+    let cancelXHRs = null;
+    const WorkerTasks = new Set();
+    const verbosity = (0, _util.getVerbosityLevel)();
+    const {
+      docId,
+      apiVersion
+    } = docParams;
+    const workerVersion = '3.6.172';
+    if (apiVersion !== workerVersion) {
+      throw new Error(`The API version "${apiVersion}" does not match ` + `the Worker version "${workerVersion}".`);
+    }
+    const enumerableProperties = [];
+    for (const property in []) {
+      enumerableProperties.push(property);
+    }
+    if (enumerableProperties.length) {
+      throw new Error("The `Array.prototype` contains unexpected enumerable properties: " + enumerableProperties.join(", ") + "; thus breaking e.g. `for...in` iteration of `Array`s.");
+    }
+    if (_is_node.isNodeJS && typeof Path2D === "undefined" || typeof ReadableStream === "undefined") {
+      const partialMsg = "The browser/environment lacks native support for critical " + "functionality used by the PDF.js library " + "(e.g. `Path2D` and/or `ReadableStream`); ";
+      if (_is_node.isNodeJS) {
+        throw new Error(partialMsg + "please use a `legacy`-build instead.");
+      }
+      throw new Error(partialMsg + "please update to a supported browser.");
+    }
+    const workerHandlerName = docId + "_worker";
+    let handler = new _message_handler.MessageHandler(workerHandlerName, docId, port);
+    function ensureNotTerminated() {
+      if (terminated) {
+        throw new Error("Worker was terminated");
+      }
+    }
+    function startWorkerTask(task) {
+      WorkerTasks.add(task);
+    }
+    function finishWorkerTask(task) {
+      task.finish();
+      WorkerTasks.delete(task);
+    }
+    async function loadDocument(recoveryMode) {
+      await pdfManager.ensureDoc("checkHeader");
+      await pdfManager.ensureDoc("parseStartXRef");
+      await pdfManager.ensureDoc("parse", [recoveryMode]);
+      await pdfManager.ensureDoc("checkFirstPage", [recoveryMode]);
+      await pdfManager.ensureDoc("checkLastPage", [recoveryMode]);
+      const isPureXfa = await pdfManager.ensureDoc("isPureXfa");
+      if (isPureXfa) {
+        const task = new WorkerTask("loadXfaFonts");
+        startWorkerTask(task);
+        await Promise.all([pdfManager.loadXfaFonts(handler, task).catch(reason => {}).then(() => finishWorkerTask(task)), pdfManager.loadXfaImages()]);
+      }
+      const [numPages, fingerprints] = await Promise.all([pdfManager.ensureDoc("numPages"), pdfManager.ensureDoc("fingerprints")]);
+      const htmlForXfa = isPureXfa ? await pdfManager.ensureDoc("htmlForXfa") : null;
+      return {
+        numPages,
+        fingerprints,
+        htmlForXfa
+      };
+    }
+    function getPdfManager({
+      data,
+      password,
+      disableAutoFetch,
+      rangeChunkSize,
+      length,
+      docBaseUrl,
+      enableXfa,
+      evaluatorOptions
+    }) {
+      const pdfManagerArgs = {
+        source: null,
+        disableAutoFetch,
+        docBaseUrl,
+        docId,
+        enableXfa,
+        evaluatorOptions,
+        handler,
+        length,
+        password,
+        rangeChunkSize
+      };
+      const pdfManagerCapability = new _util.PromiseCapability();
+      let newPdfManager;
+      if (data) {
+        try {
+          pdfManagerArgs.source = data;
+          newPdfManager = new _pdf_manager.LocalPdfManager(pdfManagerArgs);
+          pdfManagerCapability.resolve(newPdfManager);
+        } catch (ex) {
+          pdfManagerCapability.reject(ex);
+        }
+        return pdfManagerCapability.promise;
+      }
+      let pdfStream,
+        cachedChunks = [];
+      try {
+        pdfStream = new _worker_stream.PDFWorkerStream(handler);
+      } catch (ex) {
+        pdfManagerCapability.reject(ex);
+        return pdfManagerCapability.promise;
+      }
+      const fullRequest = pdfStream.getFullReader();
+      fullRequest.headersReady.then(function () {
+        if (!fullRequest.isRangeSupported) {
+          return;
+        }
+        pdfManagerArgs.source = pdfStream;
+        pdfManagerArgs.length = fullRequest.contentLength;
+        pdfManagerArgs.disableAutoFetch ||= fullRequest.isStreamingSupported;
+        newPdfManager = new _pdf_manager.NetworkPdfManager(pdfManagerArgs);
+        for (const chunk of cachedChunks) {
+          newPdfManager.sendProgressiveData(chunk);
+        }
+        cachedChunks = [];
+        pdfManagerCapability.resolve(newPdfManager);
+        cancelXHRs = null;
+      }).catch(function (reason) {
+        pdfManagerCapability.reject(reason);
+        cancelXHRs = null;
+      });
+      let loaded = 0;
+      const flushChunks = function () {
+        const pdfFile = (0, _core_utils.arrayBuffersToBytes)(cachedChunks);
+        if (length && pdfFile.length !== length) {
+          (0, _util.warn)("reported HTTP length is different from actual");
+        }
+        try {
+          pdfManagerArgs.source = pdfFile;
+          newPdfManager = new _pdf_manager.LocalPdfManager(pdfManagerArgs);
+          pdfManagerCapability.resolve(newPdfManager);
+        } catch (ex) {
+          pdfManagerCapability.reject(ex);
+        }
+        cachedChunks = [];
+      };
+      new Promise(function (resolve, reject) {
+        const readChunk = function ({
+          value,
+          done
+        }) {
+          try {
+            ensureNotTerminated();
+            if (done) {
+              if (!newPdfManager) {
+                flushChunks();
+              }
+              cancelXHRs = null;
+              return;
+            }
+            loaded += value.byteLength;
+            if (!fullRequest.isStreamingSupported) {
+              handler.send("DocProgress", {
+                loaded,
+                total: Math.max(loaded, fullRequest.contentLength || 0)
+              });
+            }
+            if (newPdfManager) {
+              newPdfManager.sendProgressiveData(value);
+            } else {
+              cachedChunks.push(value);
+            }
+            fullRequest.read().then(readChunk, reject);
+          } catch (e) {
+            reject(e);
+          }
+        };
+        fullRequest.read().then(readChunk, reject);
+      }).catch(function (e) {
+        pdfManagerCapability.reject(e);
+        cancelXHRs = null;
+      });
+      cancelXHRs = function (reason) {
+        pdfStream.cancelAllRequests(reason);
+      };
+      return pdfManagerCapability.promise;
+    }
+    function setupDoc(data) {
+      function onSuccess(doc) {
+        ensureNotTerminated();
+        handler.send("GetDoc", {
+          pdfInfo: doc
+        });
+      }
+      function onFailure(ex) {
+        ensureNotTerminated();
+        if (ex instanceof _util.PasswordException) {
+          const task = new WorkerTask(`PasswordException: response ${ex.code}`);
+          startWorkerTask(task);
+          handler.sendWithPromise("PasswordRequest", ex).then(function ({
+            password
+          }) {
+            finishWorkerTask(task);
+            pdfManager.updatePassword(password);
+            pdfManagerReady();
+          }).catch(function () {
+            finishWorkerTask(task);
+            handler.send("DocException", ex);
+          });
+        } else if (ex instanceof _util.InvalidPDFException || ex instanceof _util.MissingPDFException || ex instanceof _util.UnexpectedResponseException || ex instanceof _util.UnknownErrorException) {
+          handler.send("DocException", ex);
+        } else {
+          handler.send("DocException", new _util.UnknownErrorException(ex.message, ex.toString()));
+        }
+      }
+      function pdfManagerReady() {
+        ensureNotTerminated();
+        loadDocument(false).then(onSuccess, function (reason) {
+          ensureNotTerminated();
+          if (!(reason instanceof _core_utils.XRefParseException)) {
+            onFailure(reason);
+            return;
+          }
+          pdfManager.requestLoadedStream().then(function () {
+            ensureNotTerminated();
+            loadDocument(true).then(onSuccess, onFailure);
+          });
+        });
+      }
+      ensureNotTerminated();
+      getPdfManager(data).then(function (newPdfManager) {
+        if (terminated) {
+          newPdfManager.terminate(new _util.AbortException("Worker was terminated."));
+          throw new Error("Worker was terminated");
+        }
+        pdfManager = newPdfManager;
+        pdfManager.requestLoadedStream(true).then(stream => {
+          handler.send("DataLoaded", {
+            length: stream.bytes.byteLength
+          });
+        });
+      }).then(pdfManagerReady, onFailure);
+    }
+    handler.on("GetPage", function (data) {
+      return pdfManager.getPage(data.pageIndex).then(function (page) {
+        return Promise.all([pdfManager.ensure(page, "rotate"), pdfManager.ensure(page, "ref"), pdfManager.ensure(page, "userUnit"), pdfManager.ensure(page, "view")]).then(function ([rotate, ref, userUnit, view]) {
+          return {
+            rotate,
+            ref,
+            userUnit,
+            view
+          };
+        });
+      });
+    });
+    handler.on("GetPageIndex", function (data) {
+      const pageRef = _primitives.Ref.get(data.num, data.gen);
+      return pdfManager.ensureCatalog("getPageIndex", [pageRef]);
+    });
+    handler.on("GetDestinations", function (data) {
+      return pdfManager.ensureCatalog("destinations");
+    });
+    handler.on("GetDestination", function (data) {
+      return pdfManager.ensureCatalog("getDestination", [data.id]);
+    });
+    handler.on("GetPageLabels", function (data) {
+      return pdfManager.ensureCatalog("pageLabels");
+    });
+    handler.on("GetPageLayout", function (data) {
+      return pdfManager.ensureCatalog("pageLayout");
+    });
+    handler.on("GetPageMode", function (data) {
+      return pdfManager.ensureCatalog("pageMode");
+    });
+    handler.on("GetViewerPreferences", function (data) {
+      return pdfManager.ensureCatalog("viewerPreferences");
+    });
+    handler.on("GetOpenAction", function (data) {
+      return pdfManager.ensureCatalog("openAction");
+    });
+    handler.on("GetAttachments", function (data) {
+      return pdfManager.ensureCatalog("attachments");
+    });
+    handler.on("GetJavaScript", function (data) {
+      return pdfManager.ensureCatalog("javaScript");
+    });
+    handler.on("GetDocJSActions", function (data) {
+      return pdfManager.ensureCatalog("jsActions");
+    });
+    handler.on("GetPageJSActions", function ({
+      pageIndex
+    }) {
+      return pdfManager.getPage(pageIndex).then(function (page) {
+        return pdfManager.ensure(page, "jsActions");
+      });
+    });
+    handler.on("GetOutline", function (data) {
+      return pdfManager.ensureCatalog("documentOutline");
+    });
+    handler.on("GetOptionalContentConfig", function (data) {
+      return pdfManager.ensureCatalog("optionalContentConfig");
+    });
+    handler.on("GetPermissions", function (data) {
+      return pdfManager.ensureCatalog("permissions");
+    });
+    handler.on("GetMetadata", function (data) {
+      return Promise.all([pdfManager.ensureDoc("documentInfo"), pdfManager.ensureCatalog("metadata")]);
+    });
+    handler.on("GetMarkInfo", function (data) {
+      return pdfManager.ensureCatalog("markInfo");
+    });
+    handler.on("GetData", function (data) {
+      return pdfManager.requestLoadedStream().then(function (stream) {
+        return stream.bytes;
+      });
+    });
+    handler.on("GetAnnotations", function ({
+      pageIndex,
+      intent
+    }) {
+      return pdfManager.getPage(pageIndex).then(function (page) {
+        const task = new WorkerTask(`GetAnnotations: page ${pageIndex}`);
+        startWorkerTask(task);
+        return page.getAnnotationsData(handler, task, intent).then(data => {
+          finishWorkerTask(task);
+          return data;
+        }, reason => {
+          finishWorkerTask(task);
+          throw reason;
+        });
+      });
+    });
+    handler.on("GetFieldObjects", function (data) {
+      return pdfManager.ensureDoc("fieldObjects");
+    });
+    handler.on("HasJSActions", function (data) {
+      return pdfManager.ensureDoc("hasJSActions");
+    });
+    handler.on("GetCalculationOrderIds", function (data) {
+      return pdfManager.ensureDoc("calculationOrderIds");
+    });
+    handler.on("SaveDocument", function ({
+      isPureXfa,
+      numPages,
+      annotationStorage,
+      filename
+    }) {
+      const promises = [pdfManager.requestLoadedStream(), pdfManager.ensureCatalog("acroForm"), pdfManager.ensureCatalog("acroFormRef"), pdfManager.ensureDoc("xref"), pdfManager.ensureDoc("startXRef")];
+      const newAnnotationsByPage = !isPureXfa ? (0, _core_utils.getNewAnnotationsMap)(annotationStorage) : null;
+      if (newAnnotationsByPage) {
+        for (const [pageIndex, annotations] of newAnnotationsByPage) {
+          promises.push(pdfManager.getPage(pageIndex).then(page => {
+            const task = new WorkerTask(`Save (editor): page ${pageIndex}`);
+            return page.saveNewAnnotations(handler, task, annotations).finally(function () {
+              finishWorkerTask(task);
+            });
+          }));
+        }
+      }
+      if (isPureXfa) {
+        promises.push(pdfManager.serializeXfaData(annotationStorage));
+      } else {
+        for (let pageIndex = 0; pageIndex < numPages; pageIndex++) {
+          promises.push(pdfManager.getPage(pageIndex).then(function (page) {
+            const task = new WorkerTask(`Save: page ${pageIndex}`);
+            return page.save(handler, task, annotationStorage).finally(function () {
+              finishWorkerTask(task);
+            });
+          }));
+        }
+      }
+      return Promise.all(promises).then(function ([stream, acroForm, acroFormRef, xref, startXRef, ...refs]) {
+        let newRefs = [];
+        let xfaData = null;
+        if (isPureXfa) {
+          xfaData = refs[0];
+          if (!xfaData) {
+            return stream.bytes;
+          }
+        } else {
+          newRefs = refs.flat(2);
+          if (newRefs.length === 0) {
+            return stream.bytes;
+          }
+        }
+        const needAppearances = acroFormRef && acroForm instanceof _primitives.Dict && newRefs.some(ref => ref.needAppearances);
+        const xfa = acroForm instanceof _primitives.Dict && acroForm.get("XFA") || null;
+        let xfaDatasetsRef = null;
+        let hasXfaDatasetsEntry = false;
+        if (Array.isArray(xfa)) {
+          for (let i = 0, ii = xfa.length; i < ii; i += 2) {
+            if (xfa[i] === "datasets") {
+              xfaDatasetsRef = xfa[i + 1];
+              hasXfaDatasetsEntry = true;
+            }
+          }
+          if (xfaDatasetsRef === null) {
+            xfaDatasetsRef = xref.getNewTemporaryRef();
+          }
+        } else if (xfa) {
+          (0, _util.warn)("Unsupported XFA type.");
+        }
+        let newXrefInfo = Object.create(null);
+        if (xref.trailer) {
+          const infoObj = Object.create(null);
+          const xrefInfo = xref.trailer.get("Info") || null;
+          if (xrefInfo instanceof _primitives.Dict) {
+            xrefInfo.forEach((key, value) => {
+              if (typeof value === "string") {
+                infoObj[key] = (0, _util.stringToPDFString)(value);
+              }
+            });
+          }
+          newXrefInfo = {
+            rootRef: xref.trailer.getRaw("Root") || null,
+            encryptRef: xref.trailer.getRaw("Encrypt") || null,
+            newRef: xref.getNewTemporaryRef(),
+            infoRef: xref.trailer.getRaw("Info") || null,
+            info: infoObj,
+            fileIds: xref.trailer.get("ID") || null,
+            startXRef: xref.lastXRefStreamPos ?? startXRef,
+            filename
+          };
+        }
+        try {
+          return (0, _writer.incrementalUpdate)({
+            originalData: stream.bytes,
+            xrefInfo: newXrefInfo,
+            newRefs,
+            xref,
+            hasXfa: !!xfa,
+            xfaDatasetsRef,
+            hasXfaDatasetsEntry,
+            needAppearances,
+            acroFormRef,
+            acroForm,
+            xfaData
+          });
+        } finally {
+          xref.resetNewTemporaryRef();
+        }
+      });
+    });
+    handler.on("GetOperatorList", function (data, sink) {
+      const pageIndex = data.pageIndex;
+      pdfManager.getPage(pageIndex).then(function (page) {
+        const task = new WorkerTask(`GetOperatorList: page ${pageIndex}`);
+        startWorkerTask(task);
+        const start = verbosity >= _util.VerbosityLevel.INFOS ? Date.now() : 0;
+        page.getOperatorList({
+          handler,
+          sink,
+          task,
+          intent: data.intent,
+          cacheKey: data.cacheKey,
+          annotationStorage: data.annotationStorage
+        }).then(function (operatorListInfo) {
+          finishWorkerTask(task);
+          if (start) {
+            (0, _util.info)(`page=${pageIndex + 1} - getOperatorList: time=` + `${Date.now() - start}ms, len=${operatorListInfo.length}`);
+          }
+          sink.close();
+        }, function (reason) {
+          finishWorkerTask(task);
+          if (task.terminated) {
+            return;
+          }
+          sink.error(reason);
+        });
+      });
+    });
+    handler.on("GetTextContent", function (data, sink) {
+      const {
+        pageIndex,
+        includeMarkedContent,
+        disableNormalization
+      } = data;
+      pdfManager.getPage(pageIndex).then(function (page) {
+        const task = new WorkerTask("GetTextContent: page " + pageIndex);
+        startWorkerTask(task);
+        const start = verbosity >= _util.VerbosityLevel.INFOS ? Date.now() : 0;
+        page.extractTextContent({
+          handler,
+          task,
+          sink,
+          includeMarkedContent,
+          disableNormalization
+        }).then(function () {
+          finishWorkerTask(task);
+          if (start) {
+            (0, _util.info)(`page=${pageIndex + 1} - getTextContent: time=` + `${Date.now() - start}ms`);
+          }
+          sink.close();
+        }, function (reason) {
+          finishWorkerTask(task);
+          if (task.terminated) {
+            return;
+          }
+          sink.error(reason);
+        });
+      });
+    });
+    handler.on("GetStructTree", function (data) {
+      return pdfManager.getPage(data.pageIndex).then(function (page) {
+        return pdfManager.ensure(page, "getStructTree");
+      });
+    });
+    handler.on("FontFallback", function (data) {
+      return pdfManager.fontFallback(data.id, handler);
+    });
+    handler.on("Cleanup", function (data) {
+      return pdfManager.cleanup(true);
+    });
+    handler.on("Terminate", function (data) {
+      terminated = true;
+      const waitOn = [];
+      if (pdfManager) {
+        pdfManager.terminate(new _util.AbortException("Worker was terminated."));
+        const cleanupPromise = pdfManager.cleanup();
+        waitOn.push(cleanupPromise);
+        pdfManager = null;
+      } else {
+        (0, _cleanup_helper.clearGlobalCaches)();
+      }
+      if (cancelXHRs) {
+        cancelXHRs(new _util.AbortException("Worker was terminated."));
+      }
+      for (const task of WorkerTasks) {
+        waitOn.push(task.finished);
+        task.terminate();
+      }
+      return Promise.all(waitOn).then(function () {
+        handler.destroy();
+        handler = null;
+      });
+    });
+    handler.on("Ready", function (data) {
+      setupDoc(docParams);
+      docParams = null;
+    });
+    return workerHandlerName;
+  }
+  static initializeFromPort(port) {
+    const handler = new _message_handler.MessageHandler("worker", "main", port);
+    WorkerMessageHandler.setup(handler, port);
+    handler.send("ready", null);
+  }
+}
+exports.WorkerMessageHandler = WorkerMessageHandler;
+function isMessagePort(maybePort) {
+  return typeof maybePort.postMessage === "function" && "onmessage" in maybePort;
+}
+if (typeof window === "undefined" && !_is_node.isNodeJS && typeof self !== "undefined" && isMessagePort(self)) {
+  WorkerMessageHandler.initializeFromPort(self);
+}
+
+/***/ }),
+/* 2 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.VerbosityLevel = exports.Util = exports.UnknownErrorException = exports.UnexpectedResponseException = exports.TextRenderingMode = exports.RenderingIntentFlag = exports.PromiseCapability = exports.PermissionFlag = exports.PasswordResponses = exports.PasswordException = exports.PageActionEventType = exports.OPS = exports.MissingPDFException = exports.MAX_IMAGE_SIZE_TO_CACHE = exports.LINE_FACTOR = exports.LINE_DESCENT_FACTOR = exports.InvalidPDFException = exports.ImageKind = exports.IDENTITY_MATRIX = exports.FormatError = exports.FeatureTest = exports.FONT_IDENTITY_MATRIX = exports.DocumentActionEventType = exports.CMapCompressionType = exports.BaseException = exports.BASELINE_FACTOR = exports.AnnotationType = exports.AnnotationStateModelType = exports.AnnotationReviewState = exports.AnnotationReplyType = exports.AnnotationMode = exports.AnnotationMarkedState = exports.AnnotationFlag = exports.AnnotationFieldFlag = exports.AnnotationEditorType = exports.AnnotationEditorPrefix = exports.AnnotationEditorParamsType = exports.AnnotationBorderStyleType = exports.AnnotationActionEventType = exports.AbortException = void 0;
+exports.assert = assert;
+exports.bytesToString = bytesToString;
+exports.createValidAbsoluteUrl = createValidAbsoluteUrl;
+exports.getModificationDate = getModificationDate;
+exports.getVerbosityLevel = getVerbosityLevel;
+exports.info = info;
+exports.isArrayBuffer = isArrayBuffer;
+exports.isArrayEqual = isArrayEqual;
+exports.normalizeUnicode = normalizeUnicode;
+exports.objectFromMap = objectFromMap;
+exports.objectSize = objectSize;
+exports.setVerbosityLevel = setVerbosityLevel;
+exports.shadow = shadow;
+exports.string32 = string32;
+exports.stringToBytes = stringToBytes;
+exports.stringToPDFString = stringToPDFString;
+exports.stringToUTF8String = stringToUTF8String;
+exports.unreachable = unreachable;
+exports.utf8StringToString = utf8StringToString;
+exports.warn = warn;
+;
+const IDENTITY_MATRIX = [1, 0, 0, 1, 0, 0];
+exports.IDENTITY_MATRIX = IDENTITY_MATRIX;
+const FONT_IDENTITY_MATRIX = [0.001, 0, 0, 0.001, 0, 0];
+exports.FONT_IDENTITY_MATRIX = FONT_IDENTITY_MATRIX;
+const MAX_IMAGE_SIZE_TO_CACHE = 10e6;
+exports.MAX_IMAGE_SIZE_TO_CACHE = MAX_IMAGE_SIZE_TO_CACHE;
+const LINE_FACTOR = 1.35;
+exports.LINE_FACTOR = LINE_FACTOR;
+const LINE_DESCENT_FACTOR = 0.35;
+exports.LINE_DESCENT_FACTOR = LINE_DESCENT_FACTOR;
+const BASELINE_FACTOR = LINE_DESCENT_FACTOR / LINE_FACTOR;
+exports.BASELINE_FACTOR = BASELINE_FACTOR;
+const RenderingIntentFlag = {
+  ANY: 0x01,
+  DISPLAY: 0x02,
+  PRINT: 0x04,
+  SAVE: 0x08,
+  ANNOTATIONS_FORMS: 0x10,
+  ANNOTATIONS_STORAGE: 0x20,
+  ANNOTATIONS_DISABLE: 0x40,
+  OPLIST: 0x100
+};
+exports.RenderingIntentFlag = RenderingIntentFlag;
+const AnnotationMode = {
+  DISABLE: 0,
+  ENABLE: 1,
+  ENABLE_FORMS: 2,
+  ENABLE_STORAGE: 3
+};
+exports.AnnotationMode = AnnotationMode;
+const AnnotationEditorPrefix = "pdfjs_internal_editor_";
+exports.AnnotationEditorPrefix = AnnotationEditorPrefix;
+const AnnotationEditorType = {
+  DISABLE: -1,
+  NONE: 0,
+  FREETEXT: 3,
+  INK: 15
+};
+exports.AnnotationEditorType = AnnotationEditorType;
+const AnnotationEditorParamsType = {
+  FREETEXT_SIZE: 1,
+  FREETEXT_COLOR: 2,
+  FREETEXT_OPACITY: 3,
+  INK_COLOR: 11,
+  INK_THICKNESS: 12,
+  INK_OPACITY: 13
+};
+exports.AnnotationEditorParamsType = AnnotationEditorParamsType;
+const PermissionFlag = {
+  PRINT: 0x04,
+  MODIFY_CONTENTS: 0x08,
+  COPY: 0x10,
+  MODIFY_ANNOTATIONS: 0x20,
+  FILL_INTERACTIVE_FORMS: 0x100,
+  COPY_FOR_ACCESSIBILITY: 0x200,
+  ASSEMBLE: 0x400,
+  PRINT_HIGH_QUALITY: 0x800
+};
+exports.PermissionFlag = PermissionFlag;
+const TextRenderingMode = {
+  FILL: 0,
+  STROKE: 1,
+  FILL_STROKE: 2,
+  INVISIBLE: 3,
+  FILL_ADD_TO_PATH: 4,
+  STROKE_ADD_TO_PATH: 5,
+  FILL_STROKE_ADD_TO_PATH: 6,
+  ADD_TO_PATH: 7,
+  FILL_STROKE_MASK: 3,
+  ADD_TO_PATH_FLAG: 4
+};
+exports.TextRenderingMode = TextRenderingMode;
+const ImageKind = {
+  GRAYSCALE_1BPP: 1,
+  RGB_24BPP: 2,
+  RGBA_32BPP: 3
+};
+exports.ImageKind = ImageKind;
+const AnnotationType = {
+  TEXT: 1,
+  LINK: 2,
+  FREETEXT: 3,
+  LINE: 4,
+  SQUARE: 5,
+  CIRCLE: 6,
+  POLYGON: 7,
+  POLYLINE: 8,
+  HIGHLIGHT: 9,
+  UNDERLINE: 10,
+  SQUIGGLY: 11,
+  STRIKEOUT: 12,
+  STAMP: 13,
+  CARET: 14,
+  INK: 15,
+  POPUP: 16,
+  FILEATTACHMENT: 17,
+  SOUND: 18,
+  MOVIE: 19,
+  WIDGET: 20,
+  SCREEN: 21,
+  PRINTERMARK: 22,
+  TRAPNET: 23,
+  WATERMARK: 24,
+  THREED: 25,
+  REDACT: 26
+};
+exports.AnnotationType = AnnotationType;
+const AnnotationStateModelType = {
+  MARKED: "Marked",
+  REVIEW: "Review"
+};
+exports.AnnotationStateModelType = AnnotationStateModelType;
+const AnnotationMarkedState = {
+  MARKED: "Marked",
+  UNMARKED: "Unmarked"
+};
+exports.AnnotationMarkedState = AnnotationMarkedState;
+const AnnotationReviewState = {
+  ACCEPTED: "Accepted",
+  REJECTED: "Rejected",
+  CANCELLED: "Cancelled",
+  COMPLETED: "Completed",
+  NONE: "None"
+};
+exports.AnnotationReviewState = AnnotationReviewState;
+const AnnotationReplyType = {
+  GROUP: "Group",
+  REPLY: "R"
+};
+exports.AnnotationReplyType = AnnotationReplyType;
+const AnnotationFlag = {
+  INVISIBLE: 0x01,
+  HIDDEN: 0x02,
+  PRINT: 0x04,
+  NOZOOM: 0x08,
+  NOROTATE: 0x10,
+  NOVIEW: 0x20,
+  READONLY: 0x40,
+  LOCKED: 0x80,
+  TOGGLENOVIEW: 0x100,
+  LOCKEDCONTENTS: 0x200
+};
+exports.AnnotationFlag = AnnotationFlag;
+const AnnotationFieldFlag = {
+  READONLY: 0x0000001,
+  REQUIRED: 0x0000002,
+  NOEXPORT: 0x0000004,
+  MULTILINE: 0x0001000,
+  PASSWORD: 0x0002000,
+  NOTOGGLETOOFF: 0x0004000,
+  RADIO: 0x0008000,
+  PUSHBUTTON: 0x0010000,
+  COMBO: 0x0020000,
+  EDIT: 0x0040000,
+  SORT: 0x0080000,
+  FILESELECT: 0x0100000,
+  MULTISELECT: 0x0200000,
+  DONOTSPELLCHECK: 0x0400000,
+  DONOTSCROLL: 0x0800000,
+  COMB: 0x1000000,
+  RICHTEXT: 0x2000000,
+  RADIOSINUNISON: 0x2000000,
+  COMMITONSELCHANGE: 0x4000000
+};
+exports.AnnotationFieldFlag = AnnotationFieldFlag;
+const AnnotationBorderStyleType = {
+  SOLID: 1,
+  DASHED: 2,
+  BEVELED: 3,
+  INSET: 4,
+  UNDERLINE: 5
+};
+exports.AnnotationBorderStyleType = AnnotationBorderStyleType;
+const AnnotationActionEventType = {
+  E: "Mouse Enter",
+  X: "Mouse Exit",
+  D: "Mouse Down",
+  U: "Mouse Up",
+  Fo: "Focus",
+  Bl: "Blur",
+  PO: "PageOpen",
+  PC: "PageClose",
+  PV: "PageVisible",
+  PI: "PageInvisible",
+  K: "Keystroke",
+  F: "Format",
+  V: "Validate",
+  C: "Calculate"
+};
+exports.AnnotationActionEventType = AnnotationActionEventType;
+const DocumentActionEventType = {
+  WC: "WillClose",
+  WS: "WillSave",
+  DS: "DidSave",
+  WP: "WillPrint",
+  DP: "DidPrint"
+};
+exports.DocumentActionEventType = DocumentActionEventType;
+const PageActionEventType = {
+  O: "PageOpen",
+  C: "PageClose"
+};
+exports.PageActionEventType = PageActionEventType;
+const VerbosityLevel = {
+  ERRORS: 0,
+  WARNINGS: 1,
+  INFOS: 5
+};
+exports.VerbosityLevel = VerbosityLevel;
+const CMapCompressionType = {
+  NONE: 0,
+  BINARY: 1
+};
+exports.CMapCompressionType = CMapCompressionType;
+const OPS = {
+  dependency: 1,
+  setLineWidth: 2,
+  setLineCap: 3,
+  setLineJoin: 4,
+  setMiterLimit: 5,
+  setDash: 6,
+  setRenderingIntent: 7,
+  setFlatness: 8,
+  setGState: 9,
+  save: 10,
+  restore: 11,
+  transform: 12,
+  moveTo: 13,
+  lineTo: 14,
+  curveTo: 15,
+  curveTo2: 16,
+  curveTo3: 17,
+  closePath: 18,
+  rectangle: 19,
+  stroke: 20,
+  closeStroke: 21,
+  fill: 22,
+  eoFill: 23,
+  fillStroke: 24,
+  eoFillStroke: 25,
+  closeFillStroke: 26,
+  closeEOFillStroke: 27,
+  endPath: 28,
+  clip: 29,
+  eoClip: 30,
+  beginText: 31,
+  endText: 32,
+  setCharSpacing: 33,
+  setWordSpacing: 34,
+  setHScale: 35,
+  setLeading: 36,
+  setFont: 37,
+  setTextRenderingMode: 38,
+  setTextRise: 39,
+  moveText: 40,
+  setLeadingMoveText: 41,
+  setTextMatrix: 42,
+  nextLine: 43,
+  showText: 44,
+  showSpacedText: 45,
+  nextLineShowText: 46,
+  nextLineSetSpacingShowText: 47,
+  setCharWidth: 48,
+  setCharWidthAndBounds: 49,
+  setStrokeColorSpace: 50,
+  setFillColorSpace: 51,
+  setStrokeColor: 52,
+  setStrokeColorN: 53,
+  setFillColor: 54,
+  setFillColorN: 55,
+  setStrokeGray: 56,
+  setFillGray: 57,
+  setStrokeRGBColor: 58,
+  setFillRGBColor: 59,
+  setStrokeCMYKColor: 60,
+  setFillCMYKColor: 61,
+  shadingFill: 62,
+  beginInlineImage: 63,
+  beginImageData: 64,
+  endInlineImage: 65,
+  paintXObject: 66,
+  markPoint: 67,
+  markPointProps: 68,
+  beginMarkedContent: 69,
+  beginMarkedContentProps: 70,
+  endMarkedContent: 71,
+  beginCompat: 72,
+  endCompat: 73,
+  paintFormXObjectBegin: 74,
+  paintFormXObjectEnd: 75,
+  beginGroup: 76,
+  endGroup: 77,
+  beginAnnotation: 80,
+  endAnnotation: 81,
+  paintImageMaskXObject: 83,
+  paintImageMaskXObjectGroup: 84,
+  paintImageXObject: 85,
+  paintInlineImageXObject: 86,
+  paintInlineImageXObjectGroup: 87,
+  paintImageXObjectRepeat: 88,
+  paintImageMaskXObjectRepeat: 89,
+  paintSolidColorImageMask: 90,
+  constructPath: 91
+};
+exports.OPS = OPS;
+const PasswordResponses = {
+  NEED_PASSWORD: 1,
+  INCORRECT_PASSWORD: 2
+};
+exports.PasswordResponses = PasswordResponses;
+let verbosity = VerbosityLevel.WARNINGS;
+function setVerbosityLevel(level) {
+  if (Number.isInteger(level)) {
+    verbosity = level;
+  }
+}
+function getVerbosityLevel() {
+  return verbosity;
+}
+function info(msg) {
+  if (verbosity >= VerbosityLevel.INFOS) {
+    console.log(`Info: ${msg}`);
+  }
+}
+function warn(msg) {
+  if (verbosity >= VerbosityLevel.WARNINGS) {
+    console.log(`Warning: ${msg}`);
+  }
+}
+function unreachable(msg) {
+  throw new Error(msg);
+}
+function assert(cond, msg) {
+  if (!cond) {
+    unreachable(msg);
+  }
+}
+function _isValidProtocol(url) {
+  switch (url?.protocol) {
+    case "http:":
+    case "https:":
+    case "ftp:":
+    case "mailto:":
+    case "tel:":
+      return true;
+    default:
+      return false;
+  }
+}
+function createValidAbsoluteUrl(url, baseUrl = null, options = null) {
+  if (!url) {
+    return null;
+  }
+  try {
+    if (options && typeof url === "string") {
+      if (options.addDefaultProtocol && url.startsWith("www.")) {
+        const dots = url.match(/\./g);
+        if (dots?.length >= 2) {
+          url = `http://${url}`;
+        }
+      }
+      if (options.tryConvertEncoding) {
+        try {
+          url = stringToUTF8String(url);
+        } catch (ex) {}
+      }
+    }
+    const absoluteUrl = baseUrl ? new URL(url, baseUrl) : new URL(url);
+    if (_isValidProtocol(absoluteUrl)) {
+      return absoluteUrl;
+    }
+  } catch (ex) {}
+  return null;
+}
+function shadow(obj, prop, value, nonSerializable = false) {
+  Object.defineProperty(obj, prop, {
+    value,
+    enumerable: !nonSerializable,
+    configurable: true,
+    writable: false
+  });
+  return value;
+}
+const BaseException = function BaseExceptionClosure() {
+  function BaseException(message, name) {
+    if (this.constructor === BaseException) {
+      unreachable("Cannot initialize BaseException.");
+    }
+    this.message = message;
+    this.name = name;
+  }
+  BaseException.prototype = new Error();
+  BaseException.constructor = BaseException;
+  return BaseException;
+}();
+exports.BaseException = BaseException;
+class PasswordException extends BaseException {
+  constructor(msg, code) {
+    super(msg, "PasswordException");
+    this.code = code;
+  }
+}
+exports.PasswordException = PasswordException;
+class UnknownErrorException extends BaseException {
+  constructor(msg, details) {
+    super(msg, "UnknownErrorException");
+    this.details = details;
+  }
+}
+exports.UnknownErrorException = UnknownErrorException;
+class InvalidPDFException extends BaseException {
+  constructor(msg) {
+    super(msg, "InvalidPDFException");
+  }
+}
+exports.InvalidPDFException = InvalidPDFException;
+class MissingPDFException extends BaseException {
+  constructor(msg) {
+    super(msg, "MissingPDFException");
+  }
+}
+exports.MissingPDFException = MissingPDFException;
+class UnexpectedResponseException extends BaseException {
+  constructor(msg, status) {
+    super(msg, "UnexpectedResponseException");
+    this.status = status;
+  }
+}
+exports.UnexpectedResponseException = UnexpectedResponseException;
+class FormatError extends BaseException {
+  constructor(msg) {
+    super(msg, "FormatError");
+  }
+}
+exports.FormatError = FormatError;
+class AbortException extends BaseException {
+  constructor(msg) {
+    super(msg, "AbortException");
+  }
+}
+exports.AbortException = AbortException;
+function bytesToString(bytes) {
+  if (typeof bytes !== "object" || bytes?.length === undefined) {
+    unreachable("Invalid argument for bytesToString");
+  }
+  const length = bytes.length;
+  const MAX_ARGUMENT_COUNT = 8192;
+  if (length < MAX_ARGUMENT_COUNT) {
+    return String.fromCharCode.apply(null, bytes);
+  }
+  const strBuf = [];
+  for (let i = 0; i < length; i += MAX_ARGUMENT_COUNT) {
+    const chunkEnd = Math.min(i + MAX_ARGUMENT_COUNT, length);
+    const chunk = bytes.subarray(i, chunkEnd);
+    strBuf.push(String.fromCharCode.apply(null, chunk));
+  }
+  return strBuf.join("");
+}
+function stringToBytes(str) {
+  if (typeof str !== "string") {
+    unreachable("Invalid argument for stringToBytes");
+  }
+  const length = str.length;
+  const bytes = new Uint8Array(length);
+  for (let i = 0; i < length; ++i) {
+    bytes[i] = str.charCodeAt(i) & 0xff;
+  }
+  return bytes;
+}
+function string32(value) {
+  return String.fromCharCode(value >> 24 & 0xff, value >> 16 & 0xff, value >> 8 & 0xff, value & 0xff);
+}
+function objectSize(obj) {
+  return Object.keys(obj).length;
+}
+function objectFromMap(map) {
+  const obj = Object.create(null);
+  for (const [key, value] of map) {
+    obj[key] = value;
+  }
+  return obj;
+}
+function isLittleEndian() {
+  const buffer8 = new Uint8Array(4);
+  buffer8[0] = 1;
+  const view32 = new Uint32Array(buffer8.buffer, 0, 1);
+  return view32[0] === 1;
+}
+function isEvalSupported() {
+  try {
+    new Function("");
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+class FeatureTest {
+  static get isLittleEndian() {
+    return shadow(this, "isLittleEndian", isLittleEndian());
+  }
+  static get isEvalSupported() {
+    return shadow(this, "isEvalSupported", isEvalSupported());
+  }
+  static get isOffscreenCanvasSupported() {
+    return shadow(this, "isOffscreenCanvasSupported", typeof OffscreenCanvas !== "undefined");
+  }
+  static get platform() {
+    if (typeof navigator === "undefined") {
+      return shadow(this, "platform", {
+        isWin: false,
+        isMac: false
+      });
+    }
+    return shadow(this, "platform", {
+      isWin: navigator.platform.includes("Win"),
+      isMac: navigator.platform.includes("Mac")
+    });
+  }
+}
+exports.FeatureTest = FeatureTest;
+const hexNumbers = [...Array(256).keys()].map(n => n.toString(16).padStart(2, "0"));
+class Util {
+  static makeHexColor(r, g, b) {
+    return `#${hexNumbers[r]}${hexNumbers[g]}${hexNumbers[b]}`;
+  }
+  static scaleMinMax(transform, minMax) {
+    let temp;
+    if (transform[0]) {
+      if (transform[0] < 0) {
+        temp = minMax[0];
+        minMax[0] = minMax[1];
+        minMax[1] = temp;
+      }
+      minMax[0] *= transform[0];
+      minMax[1] *= transform[0];
+      if (transform[3] < 0) {
+        temp = minMax[2];
+        minMax[2] = minMax[3];
+        minMax[3] = temp;
+      }
+      minMax[2] *= transform[3];
+      minMax[3] *= transform[3];
+    } else {
+      temp = minMax[0];
+      minMax[0] = minMax[2];
+      minMax[2] = temp;
+      temp = minMax[1];
+      minMax[1] = minMax[3];
+      minMax[3] = temp;
+      if (transform[1] < 0) {
+        temp = minMax[2];
+        minMax[2] = minMax[3];
+        minMax[3] = temp;
+      }
+      minMax[2] *= transform[1];
+      minMax[3] *= transform[1];
+      if (transform[2] < 0) {
+        temp = minMax[0];
+        minMax[0] = minMax[1];
+        minMax[1] = temp;
+      }
+      minMax[0] *= transform[2];
+      minMax[1] *= transform[2];
+    }
+    minMax[0] += transform[4];
+    minMax[1] += transform[4];
+    minMax[2] += transform[5];
+    minMax[3] += transform[5];
+  }
+  static transform(m1, m2) {
+    return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
+  }
+  static applyTransform(p, m) {
+    const xt = p[0] * m[0] + p[1] * m[2] + m[4];
+    const yt = p[0] * m[1] + p[1] * m[3] + m[5];
+    return [xt, yt];
+  }
+  static applyInverseTransform(p, m) {
+    const d = m[0] * m[3] - m[1] * m[2];
+    const xt = (p[0] * m[3] - p[1] * m[2] + m[2] * m[5] - m[4] * m[3]) / d;
+    const yt = (-p[0] * m[1] + p[1] * m[0] + m[4] * m[1] - m[5] * m[0]) / d;
+    return [xt, yt];
+  }
+  static getAxialAlignedBoundingBox(r, m) {
+    const p1 = Util.applyTransform(r, m);
+    const p2 = Util.applyTransform(r.slice(2, 4), m);
+    const p3 = Util.applyTransform([r[0], r[3]], m);
+    const p4 = Util.applyTransform([r[2], r[1]], m);
+    return [Math.min(p1[0], p2[0], p3[0], p4[0]), Math.min(p1[1], p2[1], p3[1], p4[1]), Math.max(p1[0], p2[0], p3[0], p4[0]), Math.max(p1[1], p2[1], p3[1], p4[1])];
+  }
+  static inverseTransform(m) {
+    const d = m[0] * m[3] - m[1] * m[2];
+    return [m[3] / d, -m[1] / d, -m[2] / d, m[0] / d, (m[2] * m[5] - m[4] * m[3]) / d, (m[4] * m[1] - m[5] * m[0]) / d];
+  }
+  static singularValueDecompose2dScale(m) {
+    const transpose = [m[0], m[2], m[1], m[3]];
+    const a = m[0] * transpose[0] + m[1] * transpose[2];
+    const b = m[0] * transpose[1] + m[1] * transpose[3];
+    const c = m[2] * transpose[0] + m[3] * transpose[2];
+    const d = m[2] * transpose[1] + m[3] * transpose[3];
+    const first = (a + d) / 2;
+    const second = Math.sqrt((a + d) ** 2 - 4 * (a * d - c * b)) / 2;
+    const sx = first + second || 1;
+    const sy = first - second || 1;
+    return [Math.sqrt(sx), Math.sqrt(sy)];
+  }
+  static normalizeRect(rect) {
+    const r = rect.slice(0);
+    if (rect[0] > rect[2]) {
+      r[0] = rect[2];
+      r[2] = rect[0];
+    }
+    if (rect[1] > rect[3]) {
+      r[1] = rect[3];
+      r[3] = rect[1];
+    }
+    return r;
+  }
+  static intersect(rect1, rect2) {
+    const xLow = Math.max(Math.min(rect1[0], rect1[2]), Math.min(rect2[0], rect2[2]));
+    const xHigh = Math.min(Math.max(rect1[0], rect1[2]), Math.max(rect2[0], rect2[2]));
+    if (xLow > xHigh) {
+      return null;
+    }
+    const yLow = Math.max(Math.min(rect1[1], rect1[3]), Math.min(rect2[1], rect2[3]));
+    const yHigh = Math.min(Math.max(rect1[1], rect1[3]), Math.max(rect2[1], rect2[3]));
+    if (yLow > yHigh) {
+      return null;
+    }
+    return [xLow, yLow, xHigh, yHigh];
+  }
+  static bezierBoundingBox(x0, y0, x1, y1, x2, y2, x3, y3) {
+    const tvalues = [],
+      bounds = [[], []];
+    let a, b, c, t, t1, t2, b2ac, sqrtb2ac;
+    for (let i = 0; i < 2; ++i) {
+      if (i === 0) {
+        b = 6 * x0 - 12 * x1 + 6 * x2;
+        a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
+        c = 3 * x1 - 3 * x0;
+      } else {
+        b = 6 * y0 - 12 * y1 + 6 * y2;
+        a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
+        c = 3 * y1 - 3 * y0;
+      }
+      if (Math.abs(a) < 1e-12) {
+        if (Math.abs(b) < 1e-12) {
+          continue;
+        }
+        t = -c / b;
+        if (0 < t && t < 1) {
+          tvalues.push(t);
+        }
+        continue;
+      }
+      b2ac = b * b - 4 * c * a;
+      sqrtb2ac = Math.sqrt(b2ac);
+      if (b2ac < 0) {
+        continue;
+      }
+      t1 = (-b + sqrtb2ac) / (2 * a);
+      if (0 < t1 && t1 < 1) {
+        tvalues.push(t1);
+      }
+      t2 = (-b - sqrtb2ac) / (2 * a);
+      if (0 < t2 && t2 < 1) {
+        tvalues.push(t2);
+      }
+    }
+    let j = tvalues.length,
+      mt;
+    const jlen = j;
+    while (j--) {
+      t = tvalues[j];
+      mt = 1 - t;
+      bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
+      bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
+    }
+    bounds[0][jlen] = x0;
+    bounds[1][jlen] = y0;
+    bounds[0][jlen + 1] = x3;
+    bounds[1][jlen + 1] = y3;
+    bounds[0].length = bounds[1].length = jlen + 2;
+    return [Math.min(...bounds[0]), Math.min(...bounds[1]), Math.max(...bounds[0]), Math.max(...bounds[1])];
+  }
+}
+exports.Util = Util;
+const PDFStringTranslateTable = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x2d8, 0x2c7, 0x2c6, 0x2d9, 0x2dd, 0x2db, 0x2da, 0x2dc, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x2022, 0x2020, 0x2021, 0x2026, 0x2014, 0x2013, 0x192, 0x2044, 0x2039, 0x203a, 0x2212, 0x2030, 0x201e, 0x201c, 0x201d, 0x2018, 0x2019, 0x201a, 0x2122, 0xfb01, 0xfb02, 0x141, 0x152, 0x160, 0x178, 0x17d, 0x131, 0x142, 0x153, 0x161, 0x17e, 0, 0x20ac];
+function stringToPDFString(str) {
+  if (str[0] >= "\xEF") {
+    let encoding;
+    if (str[0] === "\xFE" && str[1] === "\xFF") {
+      encoding = "utf-16be";
+    } else if (str[0] === "\xFF" && str[1] === "\xFE") {
+      encoding = "utf-16le";
+    } else if (str[0] === "\xEF" && str[1] === "\xBB" && str[2] === "\xBF") {
+      encoding = "utf-8";
+    }
+    if (encoding) {
+      try {
+        const decoder = new TextDecoder(encoding, {
+          fatal: true
+        });
+        const buffer = stringToBytes(str);
+        return decoder.decode(buffer);
+      } catch (ex) {
+        warn(`stringToPDFString: "${ex}".`);
+      }
+    }
+  }
+  const strBuf = [];
+  for (let i = 0, ii = str.length; i < ii; i++) {
+    const code = PDFStringTranslateTable[str.charCodeAt(i)];
+    strBuf.push(code ? String.fromCharCode(code) : str.charAt(i));
+  }
+  return strBuf.join("");
+}
+function stringToUTF8String(str) {
+  return decodeURIComponent(escape(str));
+}
+function utf8StringToString(str) {
+  return unescape(encodeURIComponent(str));
+}
+function isArrayBuffer(v) {
+  return typeof v === "object" && v?.byteLength !== undefined;
+}
+function isArrayEqual(arr1, arr2) {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  for (let i = 0, ii = arr1.length; i < ii; i++) {
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+  return true;
+}
+function getModificationDate(date = new Date()) {
+  const buffer = [date.getUTCFullYear().toString(), (date.getUTCMonth() + 1).toString().padStart(2, "0"), date.getUTCDate().toString().padStart(2, "0"), date.getUTCHours().toString().padStart(2, "0"), date.getUTCMinutes().toString().padStart(2, "0"), date.getUTCSeconds().toString().padStart(2, "0")];
+  return buffer.join("");
+}
+class PromiseCapability {
+  #settled = false;
+  constructor() {
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = data => {
+        this.#settled = true;
+        resolve(data);
+      };
+      this.reject = reason => {
+        this.#settled = true;
+        reject(reason);
+      };
+    });
+  }
+  get settled() {
+    return this.#settled;
+  }
+}
+exports.PromiseCapability = PromiseCapability;
+let NormalizeRegex = null;
+let NormalizationMap = null;
+function normalizeUnicode(str) {
+  if (!NormalizeRegex) {
+    NormalizeRegex = /([\u00a0\u00b5\u037e\u0eb3\u2000-\u200a\u202f\u2126\ufb00-\ufb04\ufb06\ufb20-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufba1\ufba4-\ufba9\ufbae-\ufbb1\ufbd3-\ufbdc\ufbde-\ufbe7\ufbea-\ufbf8\ufbfc-\ufbfd\ufc00-\ufc5d\ufc64-\ufcf1\ufcf5-\ufd3d\ufd88\ufdf4\ufdfa-\ufdfb\ufe71\ufe77\ufe79\ufe7b\ufe7d]+)|(\ufb05+)/gu;
+    NormalizationMap = new Map([["ſt", "ſt"]]);
+  }
+  return str.replaceAll(NormalizeRegex, (_, p1, p2) => {
+    return p1 ? p1.normalize("NFKC") : NormalizationMap.get(p2);
+  });
+}
+
+/***/ }),
+/* 3 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XRefParseException = exports.XRefEntryException = exports.ParserEOFException = exports.PDF_VERSION_REGEXP = exports.MissingDataException = void 0;
+exports.arrayBuffersToBytes = arrayBuffersToBytes;
+exports.collectActions = collectActions;
+exports.encodeToXmlString = encodeToXmlString;
+exports.escapePDFName = escapePDFName;
+exports.escapeString = escapeString;
+exports.getInheritableProperty = getInheritableProperty;
+exports.getLookupTableFactory = getLookupTableFactory;
+exports.getNewAnnotationsMap = getNewAnnotationsMap;
+exports.getRotationMatrix = getRotationMatrix;
+exports.isAscii = isAscii;
+exports.isWhiteSpace = isWhiteSpace;
+exports.log2 = log2;
+exports.numberToString = numberToString;
+exports.parseXFAPath = parseXFAPath;
+exports.readInt8 = readInt8;
+exports.readUint16 = readUint16;
+exports.readUint32 = readUint32;
+exports.recoverJsURL = recoverJsURL;
+exports.stringToUTF16HexString = stringToUTF16HexString;
+exports.stringToUTF16String = stringToUTF16String;
+exports.toRomanNumerals = toRomanNumerals;
+exports.validateCSSFont = validateCSSFont;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _base_stream = __w_pdfjs_require__(5);
+const PDF_VERSION_REGEXP = /^[1-9]\.\d$/;
+exports.PDF_VERSION_REGEXP = PDF_VERSION_REGEXP;
+function getLookupTableFactory(initializer) {
+  let lookup;
+  return function () {
+    if (initializer) {
+      lookup = Object.create(null);
+      initializer(lookup);
+      initializer = null;
+    }
+    return lookup;
+  };
+}
+class MissingDataException extends _util.BaseException {
+  constructor(begin, end) {
+    super(`Missing data [${begin}, ${end})`, "MissingDataException");
+    this.begin = begin;
+    this.end = end;
+  }
+}
+exports.MissingDataException = MissingDataException;
+class ParserEOFException extends _util.BaseException {
+  constructor(msg) {
+    super(msg, "ParserEOFException");
+  }
+}
+exports.ParserEOFException = ParserEOFException;
+class XRefEntryException extends _util.BaseException {
+  constructor(msg) {
+    super(msg, "XRefEntryException");
+  }
+}
+exports.XRefEntryException = XRefEntryException;
+class XRefParseException extends _util.BaseException {
+  constructor(msg) {
+    super(msg, "XRefParseException");
+  }
+}
+exports.XRefParseException = XRefParseException;
+function arrayBuffersToBytes(arr) {
+  const length = arr.length;
+  if (length === 0) {
+    return new Uint8Array(0);
+  }
+  if (length === 1) {
+    return new Uint8Array(arr[0]);
+  }
+  let dataLength = 0;
+  for (let i = 0; i < length; i++) {
+    dataLength += arr[i].byteLength;
+  }
+  const data = new Uint8Array(dataLength);
+  let pos = 0;
+  for (let i = 0; i < length; i++) {
+    const item = new Uint8Array(arr[i]);
+    data.set(item, pos);
+    pos += item.byteLength;
+  }
+  return data;
+}
+function getInheritableProperty({
+  dict,
+  key,
+  getArray = false,
+  stopWhenFound = true
+}) {
+  let values;
+  const visited = new _primitives.RefSet();
+  while (dict instanceof _primitives.Dict && !(dict.objId && visited.has(dict.objId))) {
+    if (dict.objId) {
+      visited.put(dict.objId);
+    }
+    const value = getArray ? dict.getArray(key) : dict.get(key);
+    if (value !== undefined) {
+      if (stopWhenFound) {
+        return value;
+      }
+      (values ||= []).push(value);
+    }
+    dict = dict.get("Parent");
+  }
+  return values;
+}
+const ROMAN_NUMBER_MAP = ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM", "", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC", "", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"];
+function toRomanNumerals(number, lowerCase = false) {
+  (0, _util.assert)(Number.isInteger(number) && number > 0, "The number should be a positive integer.");
+  const romanBuf = [];
+  let pos;
+  while (number >= 1000) {
+    number -= 1000;
+    romanBuf.push("M");
+  }
+  pos = number / 100 | 0;
+  number %= 100;
+  romanBuf.push(ROMAN_NUMBER_MAP[pos]);
+  pos = number / 10 | 0;
+  number %= 10;
+  romanBuf.push(ROMAN_NUMBER_MAP[10 + pos]);
+  romanBuf.push(ROMAN_NUMBER_MAP[20 + number]);
+  const romanStr = romanBuf.join("");
+  return lowerCase ? romanStr.toLowerCase() : romanStr;
+}
+function log2(x) {
+  if (x <= 0) {
+    return 0;
+  }
+  return Math.ceil(Math.log2(x));
+}
+function readInt8(data, offset) {
+  return data[offset] << 24 >> 24;
+}
+function readUint16(data, offset) {
+  return data[offset] << 8 | data[offset + 1];
+}
+function readUint32(data, offset) {
+  return (data[offset] << 24 | data[offset + 1] << 16 | data[offset + 2] << 8 | data[offset + 3]) >>> 0;
+}
+function isWhiteSpace(ch) {
+  return ch === 0x20 || ch === 0x09 || ch === 0x0d || ch === 0x0a;
+}
+function parseXFAPath(path) {
+  const positionPattern = /(.+)\[(\d+)\]$/;
+  return path.split(".").map(component => {
+    const m = component.match(positionPattern);
+    if (m) {
+      return {
+        name: m[1],
+        pos: parseInt(m[2], 10)
+      };
+    }
+    return {
+      name: component,
+      pos: 0
+    };
+  });
+}
+function escapePDFName(str) {
+  const buffer = [];
+  let start = 0;
+  for (let i = 0, ii = str.length; i < ii; i++) {
+    const char = str.charCodeAt(i);
+    if (char < 0x21 || char > 0x7e || char === 0x23 || char === 0x28 || char === 0x29 || char === 0x3c || char === 0x3e || char === 0x5b || char === 0x5d || char === 0x7b || char === 0x7d || char === 0x2f || char === 0x25) {
+      if (start < i) {
+        buffer.push(str.substring(start, i));
+      }
+      buffer.push(`#${char.toString(16)}`);
+      start = i + 1;
+    }
+  }
+  if (buffer.length === 0) {
+    return str;
+  }
+  if (start < str.length) {
+    buffer.push(str.substring(start, str.length));
+  }
+  return buffer.join("");
+}
+function escapeString(str) {
+  return str.replaceAll(/([()\\\n\r])/g, match => {
+    if (match === "\n") {
+      return "\\n";
+    } else if (match === "\r") {
+      return "\\r";
+    }
+    return `\\${match}`;
+  });
+}
+function _collectJS(entry, xref, list, parents) {
+  if (!entry) {
+    return;
+  }
+  let parent = null;
+  if (entry instanceof _primitives.Ref) {
+    if (parents.has(entry)) {
+      return;
+    }
+    parent = entry;
+    parents.put(parent);
+    entry = xref.fetch(entry);
+  }
+  if (Array.isArray(entry)) {
+    for (const element of entry) {
+      _collectJS(element, xref, list, parents);
+    }
+  } else if (entry instanceof _primitives.Dict) {
+    if ((0, _primitives.isName)(entry.get("S"), "JavaScript")) {
+      const js = entry.get("JS");
+      let code;
+      if (js instanceof _base_stream.BaseStream) {
+        code = js.getString();
+      } else if (typeof js === "string") {
+        code = js;
+      }
+      code &&= (0, _util.stringToPDFString)(code).replaceAll("\x00", "");
+      if (code) {
+        list.push(code);
+      }
+    }
+    _collectJS(entry.getRaw("Next"), xref, list, parents);
+  }
+  if (parent) {
+    parents.remove(parent);
+  }
+}
+function collectActions(xref, dict, eventType) {
+  const actions = Object.create(null);
+  const additionalActionsDicts = getInheritableProperty({
+    dict,
+    key: "AA",
+    stopWhenFound: false
+  });
+  if (additionalActionsDicts) {
+    for (let i = additionalActionsDicts.length - 1; i >= 0; i--) {
+      const additionalActions = additionalActionsDicts[i];
+      if (!(additionalActions instanceof _primitives.Dict)) {
+        continue;
+      }
+      for (const key of additionalActions.getKeys()) {
+        const action = eventType[key];
+        if (!action) {
+          continue;
+        }
+        const actionDict = additionalActions.getRaw(key);
+        const parents = new _primitives.RefSet();
+        const list = [];
+        _collectJS(actionDict, xref, list, parents);
+        if (list.length > 0) {
+          actions[action] = list;
+        }
+      }
+    }
+  }
+  if (dict.has("A")) {
+    const actionDict = dict.get("A");
+    const parents = new _primitives.RefSet();
+    const list = [];
+    _collectJS(actionDict, xref, list, parents);
+    if (list.length > 0) {
+      actions.Action = list;
+    }
+  }
+  return (0, _util.objectSize)(actions) > 0 ? actions : null;
+}
+const XMLEntities = {
+  0x3c: "&lt;",
+  0x3e: "&gt;",
+  0x26: "&amp;",
+  0x22: "&quot;",
+  0x27: "&apos;"
+};
+function encodeToXmlString(str) {
+  const buffer = [];
+  let start = 0;
+  for (let i = 0, ii = str.length; i < ii; i++) {
+    const char = str.codePointAt(i);
+    if (0x20 <= char && char <= 0x7e) {
+      const entity = XMLEntities[char];
+      if (entity) {
+        if (start < i) {
+          buffer.push(str.substring(start, i));
+        }
+        buffer.push(entity);
+        start = i + 1;
+      }
+    } else {
+      if (start < i) {
+        buffer.push(str.substring(start, i));
+      }
+      buffer.push(`&#x${char.toString(16).toUpperCase()};`);
+      if (char > 0xd7ff && (char < 0xe000 || char > 0xfffd)) {
+        i++;
+      }
+      start = i + 1;
+    }
+  }
+  if (buffer.length === 0) {
+    return str;
+  }
+  if (start < str.length) {
+    buffer.push(str.substring(start, str.length));
+  }
+  return buffer.join("");
+}
+function validateCSSFont(cssFontInfo) {
+  const DEFAULT_CSS_FONT_OBLIQUE = "14";
+  const DEFAULT_CSS_FONT_WEIGHT = "400";
+  const CSS_FONT_WEIGHT_VALUES = new Set(["100", "200", "300", "400", "500", "600", "700", "800", "900", "1000", "normal", "bold", "bolder", "lighter"]);
+  const {
+    fontFamily,
+    fontWeight,
+    italicAngle
+  } = cssFontInfo;
+  const m = /^("|').*("|')$/.exec(fontFamily);
+  if (m && m[1] === m[2]) {
+    const re = new RegExp(`[^\\\\]${m[1]}`);
+    if (re.test(fontFamily.slice(1, -1))) {
+      (0, _util.warn)(`XFA - FontFamily contains unescaped ${m[1]}: ${fontFamily}.`);
+      return false;
+    }
+  } else {
+    for (const ident of fontFamily.split(/[ \t]+/)) {
+      if (/^(\d|(-(\d|-)))/.test(ident) || !/^[\w-\\]+$/.test(ident)) {
+        (0, _util.warn)(`XFA - FontFamily contains invalid <custom-ident>: ${fontFamily}.`);
+        return false;
+      }
+    }
+  }
+  const weight = fontWeight ? fontWeight.toString() : "";
+  cssFontInfo.fontWeight = CSS_FONT_WEIGHT_VALUES.has(weight) ? weight : DEFAULT_CSS_FONT_WEIGHT;
+  const angle = parseFloat(italicAngle);
+  cssFontInfo.italicAngle = isNaN(angle) || angle < -90 || angle > 90 ? DEFAULT_CSS_FONT_OBLIQUE : italicAngle.toString();
+  return true;
+}
+function recoverJsURL(str) {
+  const URL_OPEN_METHODS = ["app.launchURL", "window.open", "xfa.host.gotoURL"];
+  const regex = new RegExp("^\\s*(" + URL_OPEN_METHODS.join("|").replaceAll(".", "\\.") + ")\\((?:'|\")([^'\"]*)(?:'|\")(?:,\\s*(\\w+)\\)|\\))", "i");
+  const jsUrl = regex.exec(str);
+  if (jsUrl && jsUrl[2]) {
+    const url = jsUrl[2];
+    let newWindow = false;
+    if (jsUrl[3] === "true" && jsUrl[1] === "app.launchURL") {
+      newWindow = true;
+    }
+    return {
+      url,
+      newWindow
+    };
+  }
+  return null;
+}
+function numberToString(value) {
+  if (Number.isInteger(value)) {
+    return value.toString();
+  }
+  const roundedValue = Math.round(value * 100);
+  if (roundedValue % 100 === 0) {
+    return (roundedValue / 100).toString();
+  }
+  if (roundedValue % 10 === 0) {
+    return value.toFixed(1);
+  }
+  return value.toFixed(2);
+}
+function getNewAnnotationsMap(annotationStorage) {
+  if (!annotationStorage) {
+    return null;
+  }
+  const newAnnotationsByPage = new Map();
+  for (const [key, value] of annotationStorage) {
+    if (!key.startsWith(_util.AnnotationEditorPrefix)) {
+      continue;
+    }
+    let annotations = newAnnotationsByPage.get(value.pageIndex);
+    if (!annotations) {
+      annotations = [];
+      newAnnotationsByPage.set(value.pageIndex, annotations);
+    }
+    annotations.push(value);
+  }
+  return newAnnotationsByPage.size > 0 ? newAnnotationsByPage : null;
+}
+function isAscii(str) {
+  return /^[\x00-\x7F]*$/.test(str);
+}
+function stringToUTF16HexString(str) {
+  const buf = [];
+  for (let i = 0, ii = str.length; i < ii; i++) {
+    const char = str.charCodeAt(i);
+    buf.push((char >> 8 & 0xff).toString(16).padStart(2, "0"), (char & 0xff).toString(16).padStart(2, "0"));
+  }
+  return buf.join("");
+}
+function stringToUTF16String(str, bigEndian = false) {
+  const buf = [];
+  if (bigEndian) {
+    buf.push("\xFE\xFF");
+  }
+  for (let i = 0, ii = str.length; i < ii; i++) {
+    const char = str.charCodeAt(i);
+    buf.push(String.fromCharCode(char >> 8 & 0xff), String.fromCharCode(char & 0xff));
+  }
+  return buf.join("");
+}
+function getRotationMatrix(rotation, width, height) {
+  switch (rotation) {
+    case 90:
+      return [0, 1, -1, 0, width, 0];
+    case 180:
+      return [-1, 0, 0, -1, width, height];
+    case 270:
+      return [0, -1, 1, 0, 0, height];
+    default:
+      throw new Error("Invalid rotation");
+  }
+}
+
+/***/ }),
+/* 4 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.RefSetCache = exports.RefSet = exports.Ref = exports.Name = exports.EOF = exports.Dict = exports.Cmd = exports.CIRCULAR_REF = void 0;
+exports.clearPrimitiveCaches = clearPrimitiveCaches;
+exports.isCmd = isCmd;
+exports.isDict = isDict;
+exports.isName = isName;
+exports.isRefsEqual = isRefsEqual;
+var _util = __w_pdfjs_require__(2);
+const CIRCULAR_REF = Symbol("CIRCULAR_REF");
+exports.CIRCULAR_REF = CIRCULAR_REF;
+const EOF = Symbol("EOF");
+exports.EOF = EOF;
+let CmdCache = Object.create(null);
+let NameCache = Object.create(null);
+let RefCache = Object.create(null);
+function clearPrimitiveCaches() {
+  CmdCache = Object.create(null);
+  NameCache = Object.create(null);
+  RefCache = Object.create(null);
+}
+class Name {
+  constructor(name) {
+    this.name = name;
+  }
+  static get(name) {
+    return NameCache[name] ||= new Name(name);
+  }
+}
+exports.Name = Name;
+class Cmd {
+  constructor(cmd) {
+    this.cmd = cmd;
+  }
+  static get(cmd) {
+    return CmdCache[cmd] ||= new Cmd(cmd);
+  }
+}
+exports.Cmd = Cmd;
+const nonSerializable = function nonSerializableClosure() {
+  return nonSerializable;
+};
+class Dict {
+  constructor(xref = null) {
+    this._map = Object.create(null);
+    this.xref = xref;
+    this.objId = null;
+    this.suppressEncryption = false;
+    this.__nonSerializable__ = nonSerializable;
+  }
+  assignXref(newXref) {
+    this.xref = newXref;
+  }
+  get size() {
+    return Object.keys(this._map).length;
+  }
+  get(key1, key2, key3) {
+    let value = this._map[key1];
+    if (value === undefined && key2 !== undefined) {
+      value = this._map[key2];
+      if (value === undefined && key3 !== undefined) {
+        value = this._map[key3];
+      }
+    }
+    if (value instanceof Ref && this.xref) {
+      return this.xref.fetch(value, this.suppressEncryption);
+    }
+    return value;
+  }
+  async getAsync(key1, key2, key3) {
+    let value = this._map[key1];
+    if (value === undefined && key2 !== undefined) {
+      value = this._map[key2];
+      if (value === undefined && key3 !== undefined) {
+        value = this._map[key3];
+      }
+    }
+    if (value instanceof Ref && this.xref) {
+      return this.xref.fetchAsync(value, this.suppressEncryption);
+    }
+    return value;
+  }
+  getArray(key1, key2, key3) {
+    let value = this._map[key1];
+    if (value === undefined && key2 !== undefined) {
+      value = this._map[key2];
+      if (value === undefined && key3 !== undefined) {
+        value = this._map[key3];
+      }
+    }
+    if (value instanceof Ref && this.xref) {
+      value = this.xref.fetch(value, this.suppressEncryption);
+    }
+    if (Array.isArray(value)) {
+      value = value.slice();
+      for (let i = 0, ii = value.length; i < ii; i++) {
+        if (value[i] instanceof Ref && this.xref) {
+          value[i] = this.xref.fetch(value[i], this.suppressEncryption);
+        }
+      }
+    }
+    return value;
+  }
+  getRaw(key) {
+    return this._map[key];
+  }
+  getKeys() {
+    return Object.keys(this._map);
+  }
+  getRawValues() {
+    return Object.values(this._map);
+  }
+  set(key, value) {
+    this._map[key] = value;
+  }
+  has(key) {
+    return this._map[key] !== undefined;
+  }
+  forEach(callback) {
+    for (const key in this._map) {
+      callback(key, this.get(key));
+    }
+  }
+  static get empty() {
+    const emptyDict = new Dict(null);
+    emptyDict.set = (key, value) => {
+      (0, _util.unreachable)("Should not call `set` on the empty dictionary.");
+    };
+    return (0, _util.shadow)(this, "empty", emptyDict);
+  }
+  static merge({
+    xref,
+    dictArray,
+    mergeSubDicts = false
+  }) {
+    const mergedDict = new Dict(xref),
+      properties = new Map();
+    for (const dict of dictArray) {
+      if (!(dict instanceof Dict)) {
+        continue;
+      }
+      for (const [key, value] of Object.entries(dict._map)) {
+        let property = properties.get(key);
+        if (property === undefined) {
+          property = [];
+          properties.set(key, property);
+        } else if (!mergeSubDicts || !(value instanceof Dict)) {
+          continue;
+        }
+        property.push(value);
+      }
+    }
+    for (const [name, values] of properties) {
+      if (values.length === 1 || !(values[0] instanceof Dict)) {
+        mergedDict._map[name] = values[0];
+        continue;
+      }
+      const subDict = new Dict(xref);
+      for (const dict of values) {
+        for (const [key, value] of Object.entries(dict._map)) {
+          if (subDict._map[key] === undefined) {
+            subDict._map[key] = value;
+          }
+        }
+      }
+      if (subDict.size > 0) {
+        mergedDict._map[name] = subDict;
+      }
+    }
+    properties.clear();
+    return mergedDict.size > 0 ? mergedDict : Dict.empty;
+  }
+}
+exports.Dict = Dict;
+class Ref {
+  constructor(num, gen) {
+    this.num = num;
+    this.gen = gen;
+  }
+  toString() {
+    if (this.gen === 0) {
+      return `${this.num}R`;
+    }
+    return `${this.num}R${this.gen}`;
+  }
+  static get(num, gen) {
+    const key = gen === 0 ? `${num}R` : `${num}R${gen}`;
+    return RefCache[key] ||= new Ref(num, gen);
+  }
+}
+exports.Ref = Ref;
+class RefSet {
+  constructor(parent = null) {
+    this._set = new Set(parent && parent._set);
+  }
+  has(ref) {
+    return this._set.has(ref.toString());
+  }
+  put(ref) {
+    this._set.add(ref.toString());
+  }
+  remove(ref) {
+    this._set.delete(ref.toString());
+  }
+  [Symbol.iterator]() {
+    return this._set.values();
+  }
+  clear() {
+    this._set.clear();
+  }
+}
+exports.RefSet = RefSet;
+class RefSetCache {
+  constructor() {
+    this._map = new Map();
+  }
+  get size() {
+    return this._map.size;
+  }
+  get(ref) {
+    return this._map.get(ref.toString());
+  }
+  has(ref) {
+    return this._map.has(ref.toString());
+  }
+  put(ref, obj) {
+    this._map.set(ref.toString(), obj);
+  }
+  putAlias(ref, aliasRef) {
+    this._map.set(ref.toString(), this.get(aliasRef));
+  }
+  [Symbol.iterator]() {
+    return this._map.values();
+  }
+  clear() {
+    this._map.clear();
+  }
+}
+exports.RefSetCache = RefSetCache;
+function isName(v, name) {
+  return v instanceof Name && (name === undefined || v.name === name);
+}
+function isCmd(v, cmd) {
+  return v instanceof Cmd && (cmd === undefined || v.cmd === cmd);
+}
+function isDict(v, type) {
+  return v instanceof Dict && (type === undefined || isName(v.get("Type"), type));
+}
+function isRefsEqual(v1, v2) {
+  return v1.num === v2.num && v1.gen === v2.gen;
+}
+
+/***/ }),
+/* 5 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.BaseStream = void 0;
+var _util = __w_pdfjs_require__(2);
+class BaseStream {
+  constructor() {
+    if (this.constructor === BaseStream) {
+      (0, _util.unreachable)("Cannot initialize BaseStream.");
+    }
+  }
+  get length() {
+    (0, _util.unreachable)("Abstract getter `length` accessed");
+  }
+  get isEmpty() {
+    (0, _util.unreachable)("Abstract getter `isEmpty` accessed");
+  }
+  get isDataLoaded() {
+    return (0, _util.shadow)(this, "isDataLoaded", true);
+  }
+  getByte() {
+    (0, _util.unreachable)("Abstract method `getByte` called");
+  }
+  getBytes(length) {
+    (0, _util.unreachable)("Abstract method `getBytes` called");
+  }
+  peekByte() {
+    const peekedByte = this.getByte();
+    if (peekedByte !== -1) {
+      this.pos--;
+    }
+    return peekedByte;
+  }
+  peekBytes(length) {
+    const bytes = this.getBytes(length);
+    this.pos -= bytes.length;
+    return bytes;
+  }
+  getUint16() {
+    const b0 = this.getByte();
+    const b1 = this.getByte();
+    if (b0 === -1 || b1 === -1) {
+      return -1;
+    }
+    return (b0 << 8) + b1;
+  }
+  getInt32() {
+    const b0 = this.getByte();
+    const b1 = this.getByte();
+    const b2 = this.getByte();
+    const b3 = this.getByte();
+    return (b0 << 24) + (b1 << 16) + (b2 << 8) + b3;
+  }
+  getByteRange(begin, end) {
+    (0, _util.unreachable)("Abstract method `getByteRange` called");
+  }
+  getString(length) {
+    return (0, _util.bytesToString)(this.getBytes(length));
+  }
+  skip(n) {
+    this.pos += n || 1;
+  }
+  reset() {
+    (0, _util.unreachable)("Abstract method `reset` called");
+  }
+  moveStart() {
+    (0, _util.unreachable)("Abstract method `moveStart` called");
+  }
+  makeSubStream(start, length, dict = null) {
+    (0, _util.unreachable)("Abstract method `makeSubStream` called");
+  }
+  getBaseStreams() {
+    return null;
+  }
+}
+exports.BaseStream = BaseStream;
+
+/***/ }),
+/* 6 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.NetworkPdfManager = exports.LocalPdfManager = void 0;
+var _util = __w_pdfjs_require__(2);
+var _chunked_stream = __w_pdfjs_require__(7);
+var _core_utils = __w_pdfjs_require__(3);
+var _document = __w_pdfjs_require__(9);
+var _stream = __w_pdfjs_require__(8);
+function parseDocBaseUrl(url) {
+  if (url) {
+    const absoluteUrl = (0, _util.createValidAbsoluteUrl)(url);
+    if (absoluteUrl) {
+      return absoluteUrl.href;
+    }
+    (0, _util.warn)(`Invalid absolute docBaseUrl: "${url}".`);
+  }
+  return null;
+}
+class BasePdfManager {
+  constructor(args) {
+    if (this.constructor === BasePdfManager) {
+      (0, _util.unreachable)("Cannot initialize BasePdfManager.");
+    }
+    this._docBaseUrl = parseDocBaseUrl(args.docBaseUrl);
+    this._docId = args.docId;
+    this._password = args.password;
+    this.enableXfa = args.enableXfa;
+    args.evaluatorOptions.isOffscreenCanvasSupported &&= _util.FeatureTest.isOffscreenCanvasSupported;
+    this.evaluatorOptions = args.evaluatorOptions;
+  }
+  get docId() {
+    return this._docId;
+  }
+  get password() {
+    return this._password;
+  }
+  get docBaseUrl() {
+    const catalog = this.pdfDocument.catalog;
+    return (0, _util.shadow)(this, "docBaseUrl", catalog.baseUrl || this._docBaseUrl);
+  }
+  ensureDoc(prop, args) {
+    return this.ensure(this.pdfDocument, prop, args);
+  }
+  ensureXRef(prop, args) {
+    return this.ensure(this.pdfDocument.xref, prop, args);
+  }
+  ensureCatalog(prop, args) {
+    return this.ensure(this.pdfDocument.catalog, prop, args);
+  }
+  getPage(pageIndex) {
+    return this.pdfDocument.getPage(pageIndex);
+  }
+  fontFallback(id, handler) {
+    return this.pdfDocument.fontFallback(id, handler);
+  }
+  loadXfaFonts(handler, task) {
+    return this.pdfDocument.loadXfaFonts(handler, task);
+  }
+  loadXfaImages() {
+    return this.pdfDocument.loadXfaImages();
+  }
+  serializeXfaData(annotationStorage) {
+    return this.pdfDocument.serializeXfaData(annotationStorage);
+  }
+  cleanup(manuallyTriggered = false) {
+    return this.pdfDocument.cleanup(manuallyTriggered);
+  }
+  async ensure(obj, prop, args) {
+    (0, _util.unreachable)("Abstract method `ensure` called");
+  }
+  requestRange(begin, end) {
+    (0, _util.unreachable)("Abstract method `requestRange` called");
+  }
+  requestLoadedStream(noFetch = false) {
+    (0, _util.unreachable)("Abstract method `requestLoadedStream` called");
+  }
+  sendProgressiveData(chunk) {
+    (0, _util.unreachable)("Abstract method `sendProgressiveData` called");
+  }
+  updatePassword(password) {
+    this._password = password;
+  }
+  terminate(reason) {
+    (0, _util.unreachable)("Abstract method `terminate` called");
+  }
+}
+class LocalPdfManager extends BasePdfManager {
+  constructor(args) {
+    super(args);
+    const stream = new _stream.Stream(args.source);
+    this.pdfDocument = new _document.PDFDocument(this, stream);
+    this._loadedStreamPromise = Promise.resolve(stream);
+  }
+  async ensure(obj, prop, args) {
+    const value = obj[prop];
+    if (typeof value === "function") {
+      return value.apply(obj, args);
+    }
+    return value;
+  }
+  requestRange(begin, end) {
+    return Promise.resolve();
+  }
+  requestLoadedStream(noFetch = false) {
+    return this._loadedStreamPromise;
+  }
+  terminate(reason) {}
+}
+exports.LocalPdfManager = LocalPdfManager;
+class NetworkPdfManager extends BasePdfManager {
+  constructor(args) {
+    super(args);
+    this.streamManager = new _chunked_stream.ChunkedStreamManager(args.source, {
+      msgHandler: args.handler,
+      length: args.length,
+      disableAutoFetch: args.disableAutoFetch,
+      rangeChunkSize: args.rangeChunkSize
+    });
+    this.pdfDocument = new _document.PDFDocument(this, this.streamManager.getStream());
+  }
+  async ensure(obj, prop, args) {
+    try {
+      const value = obj[prop];
+      if (typeof value === "function") {
+        return value.apply(obj, args);
+      }
+      return value;
+    } catch (ex) {
+      if (!(ex instanceof _core_utils.MissingDataException)) {
+        throw ex;
+      }
+      await this.requestRange(ex.begin, ex.end);
+      return this.ensure(obj, prop, args);
+    }
+  }
+  requestRange(begin, end) {
+    return this.streamManager.requestRange(begin, end);
+  }
+  requestLoadedStream(noFetch = false) {
+    return this.streamManager.requestAllChunks(noFetch);
+  }
+  sendProgressiveData(chunk) {
+    this.streamManager.onReceiveData({
+      chunk
+    });
+  }
+  terminate(reason) {
+    this.streamManager.abort(reason);
+  }
+}
+exports.NetworkPdfManager = NetworkPdfManager;
+
+/***/ }),
+/* 7 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ChunkedStreamManager = exports.ChunkedStream = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+var _util = __w_pdfjs_require__(2);
+var _stream = __w_pdfjs_require__(8);
+class ChunkedStream extends _stream.Stream {
+  constructor(length, chunkSize, manager) {
+    super(new Uint8Array(length), 0, length, null);
+    this.chunkSize = chunkSize;
+    this._loadedChunks = new Set();
+    this.numChunks = Math.ceil(length / chunkSize);
+    this.manager = manager;
+    this.progressiveDataLength = 0;
+    this.lastSuccessfulEnsureByteChunk = -1;
+  }
+  getMissingChunks() {
+    const chunks = [];
+    for (let chunk = 0, n = this.numChunks; chunk < n; ++chunk) {
+      if (!this._loadedChunks.has(chunk)) {
+        chunks.push(chunk);
+      }
+    }
+    return chunks;
+  }
+  get numChunksLoaded() {
+    return this._loadedChunks.size;
+  }
+  get isDataLoaded() {
+    return this.numChunksLoaded === this.numChunks;
+  }
+  onReceiveData(begin, chunk) {
+    const chunkSize = this.chunkSize;
+    if (begin % chunkSize !== 0) {
+      throw new Error(`Bad begin offset: ${begin}`);
+    }
+    const end = begin + chunk.byteLength;
+    if (end % chunkSize !== 0 && end !== this.bytes.length) {
+      throw new Error(`Bad end offset: ${end}`);
+    }
+    this.bytes.set(new Uint8Array(chunk), begin);
+    const beginChunk = Math.floor(begin / chunkSize);
+    const endChunk = Math.floor((end - 1) / chunkSize) + 1;
+    for (let curChunk = beginChunk; curChunk < endChunk; ++curChunk) {
+      this._loadedChunks.add(curChunk);
+    }
+  }
+  onReceiveProgressiveData(data) {
+    let position = this.progressiveDataLength;
+    const beginChunk = Math.floor(position / this.chunkSize);
+    this.bytes.set(new Uint8Array(data), position);
+    position += data.byteLength;
+    this.progressiveDataLength = position;
+    const endChunk = position >= this.end ? this.numChunks : Math.floor(position / this.chunkSize);
+    for (let curChunk = beginChunk; curChunk < endChunk; ++curChunk) {
+      this._loadedChunks.add(curChunk);
+    }
+  }
+  ensureByte(pos) {
+    if (pos < this.progressiveDataLength) {
+      return;
+    }
+    const chunk = Math.floor(pos / this.chunkSize);
+    if (chunk > this.numChunks) {
+      return;
+    }
+    if (chunk === this.lastSuccessfulEnsureByteChunk) {
+      return;
+    }
+    if (!this._loadedChunks.has(chunk)) {
+      throw new _core_utils.MissingDataException(pos, pos + 1);
+    }
+    this.lastSuccessfulEnsureByteChunk = chunk;
+  }
+  ensureRange(begin, end) {
+    if (begin >= end) {
+      return;
+    }
+    if (end <= this.progressiveDataLength) {
+      return;
+    }
+    const beginChunk = Math.floor(begin / this.chunkSize);
+    if (beginChunk > this.numChunks) {
+      return;
+    }
+    const endChunk = Math.min(Math.floor((end - 1) / this.chunkSize) + 1, this.numChunks);
+    for (let chunk = beginChunk; chunk < endChunk; ++chunk) {
+      if (!this._loadedChunks.has(chunk)) {
+        throw new _core_utils.MissingDataException(begin, end);
+      }
+    }
+  }
+  nextEmptyChunk(beginChunk) {
+    const numChunks = this.numChunks;
+    for (let i = 0; i < numChunks; ++i) {
+      const chunk = (beginChunk + i) % numChunks;
+      if (!this._loadedChunks.has(chunk)) {
+        return chunk;
+      }
+    }
+    return null;
+  }
+  hasChunk(chunk) {
+    return this._loadedChunks.has(chunk);
+  }
+  getByte() {
+    const pos = this.pos;
+    if (pos >= this.end) {
+      return -1;
+    }
+    if (pos >= this.progressiveDataLength) {
+      this.ensureByte(pos);
+    }
+    return this.bytes[this.pos++];
+  }
+  getBytes(length) {
+    const bytes = this.bytes;
+    const pos = this.pos;
+    const strEnd = this.end;
+    if (!length) {
+      if (strEnd > this.progressiveDataLength) {
+        this.ensureRange(pos, strEnd);
+      }
+      return bytes.subarray(pos, strEnd);
+    }
+    let end = pos + length;
+    if (end > strEnd) {
+      end = strEnd;
+    }
+    if (end > this.progressiveDataLength) {
+      this.ensureRange(pos, end);
+    }
+    this.pos = end;
+    return bytes.subarray(pos, end);
+  }
+  getByteRange(begin, end) {
+    if (begin < 0) {
+      begin = 0;
+    }
+    if (end > this.end) {
+      end = this.end;
+    }
+    if (end > this.progressiveDataLength) {
+      this.ensureRange(begin, end);
+    }
+    return this.bytes.subarray(begin, end);
+  }
+  makeSubStream(start, length, dict = null) {
+    if (length) {
+      if (start + length > this.progressiveDataLength) {
+        this.ensureRange(start, start + length);
+      }
+    } else {
+      if (start >= this.progressiveDataLength) {
+        this.ensureByte(start);
+      }
+    }
+    function ChunkedStreamSubstream() {}
+    ChunkedStreamSubstream.prototype = Object.create(this);
+    ChunkedStreamSubstream.prototype.getMissingChunks = function () {
+      const chunkSize = this.chunkSize;
+      const beginChunk = Math.floor(this.start / chunkSize);
+      const endChunk = Math.floor((this.end - 1) / chunkSize) + 1;
+      const missingChunks = [];
+      for (let chunk = beginChunk; chunk < endChunk; ++chunk) {
+        if (!this._loadedChunks.has(chunk)) {
+          missingChunks.push(chunk);
+        }
+      }
+      return missingChunks;
+    };
+    Object.defineProperty(ChunkedStreamSubstream.prototype, "isDataLoaded", {
+      get() {
+        if (this.numChunksLoaded === this.numChunks) {
+          return true;
+        }
+        return this.getMissingChunks().length === 0;
+      },
+      configurable: true
+    });
+    const subStream = new ChunkedStreamSubstream();
+    subStream.pos = subStream.start = start;
+    subStream.end = start + length || this.end;
+    subStream.dict = dict;
+    return subStream;
+  }
+  getBaseStreams() {
+    return [this];
+  }
+}
+exports.ChunkedStream = ChunkedStream;
+class ChunkedStreamManager {
+  constructor(pdfNetworkStream, args) {
+    this.length = args.length;
+    this.chunkSize = args.rangeChunkSize;
+    this.stream = new ChunkedStream(this.length, this.chunkSize, this);
+    this.pdfNetworkStream = pdfNetworkStream;
+    this.disableAutoFetch = args.disableAutoFetch;
+    this.msgHandler = args.msgHandler;
+    this.currRequestId = 0;
+    this._chunksNeededByRequest = new Map();
+    this._requestsByChunk = new Map();
+    this._promisesByRequest = new Map();
+    this.progressiveDataLength = 0;
+    this.aborted = false;
+    this._loadedStreamCapability = new _util.PromiseCapability();
+  }
+  sendRequest(begin, end) {
+    const rangeReader = this.pdfNetworkStream.getRangeReader(begin, end);
+    if (!rangeReader.isStreamingSupported) {
+      rangeReader.onProgress = this.onProgress.bind(this);
+    }
+    let chunks = [],
+      loaded = 0;
+    return new Promise((resolve, reject) => {
+      const readChunk = ({
+        value,
+        done
+      }) => {
+        try {
+          if (done) {
+            const chunkData = (0, _core_utils.arrayBuffersToBytes)(chunks);
+            chunks = null;
+            resolve(chunkData);
+            return;
+          }
+          loaded += value.byteLength;
+          if (rangeReader.isStreamingSupported) {
+            this.onProgress({
+              loaded
+            });
+          }
+          chunks.push(value);
+          rangeReader.read().then(readChunk, reject);
+        } catch (e) {
+          reject(e);
+        }
+      };
+      rangeReader.read().then(readChunk, reject);
+    }).then(data => {
+      if (this.aborted) {
+        return;
+      }
+      this.onReceiveData({
+        chunk: data,
+        begin
+      });
+    });
+  }
+  requestAllChunks(noFetch = false) {
+    if (!noFetch) {
+      const missingChunks = this.stream.getMissingChunks();
+      this._requestChunks(missingChunks);
+    }
+    return this._loadedStreamCapability.promise;
+  }
+  _requestChunks(chunks) {
+    const requestId = this.currRequestId++;
+    const chunksNeeded = new Set();
+    this._chunksNeededByRequest.set(requestId, chunksNeeded);
+    for (const chunk of chunks) {
+      if (!this.stream.hasChunk(chunk)) {
+        chunksNeeded.add(chunk);
+      }
+    }
+    if (chunksNeeded.size === 0) {
+      return Promise.resolve();
+    }
+    const capability = new _util.PromiseCapability();
+    this._promisesByRequest.set(requestId, capability);
+    const chunksToRequest = [];
+    for (const chunk of chunksNeeded) {
+      let requestIds = this._requestsByChunk.get(chunk);
+      if (!requestIds) {
+        requestIds = [];
+        this._requestsByChunk.set(chunk, requestIds);
+        chunksToRequest.push(chunk);
+      }
+      requestIds.push(requestId);
+    }
+    if (chunksToRequest.length > 0) {
+      const groupedChunksToRequest = this.groupChunks(chunksToRequest);
+      for (const groupedChunk of groupedChunksToRequest) {
+        const begin = groupedChunk.beginChunk * this.chunkSize;
+        const end = Math.min(groupedChunk.endChunk * this.chunkSize, this.length);
+        this.sendRequest(begin, end).catch(capability.reject);
+      }
+    }
+    return capability.promise.catch(reason => {
+      if (this.aborted) {
+        return;
+      }
+      throw reason;
+    });
+  }
+  getStream() {
+    return this.stream;
+  }
+  requestRange(begin, end) {
+    end = Math.min(end, this.length);
+    const beginChunk = this.getBeginChunk(begin);
+    const endChunk = this.getEndChunk(end);
+    const chunks = [];
+    for (let chunk = beginChunk; chunk < endChunk; ++chunk) {
+      chunks.push(chunk);
+    }
+    return this._requestChunks(chunks);
+  }
+  requestRanges(ranges = []) {
+    const chunksToRequest = [];
+    for (const range of ranges) {
+      const beginChunk = this.getBeginChunk(range.begin);
+      const endChunk = this.getEndChunk(range.end);
+      for (let chunk = beginChunk; chunk < endChunk; ++chunk) {
+        if (!chunksToRequest.includes(chunk)) {
+          chunksToRequest.push(chunk);
+        }
+      }
+    }
+    chunksToRequest.sort(function (a, b) {
+      return a - b;
+    });
+    return this._requestChunks(chunksToRequest);
+  }
+  groupChunks(chunks) {
+    const groupedChunks = [];
+    let beginChunk = -1;
+    let prevChunk = -1;
+    for (let i = 0, ii = chunks.length; i < ii; ++i) {
+      const chunk = chunks[i];
+      if (beginChunk < 0) {
+        beginChunk = chunk;
+      }
+      if (prevChunk >= 0 && prevChunk + 1 !== chunk) {
+        groupedChunks.push({
+          beginChunk,
+          endChunk: prevChunk + 1
+        });
+        beginChunk = chunk;
+      }
+      if (i + 1 === chunks.length) {
+        groupedChunks.push({
+          beginChunk,
+          endChunk: chunk + 1
+        });
+      }
+      prevChunk = chunk;
+    }
+    return groupedChunks;
+  }
+  onProgress(args) {
+    this.msgHandler.send("DocProgress", {
+      loaded: this.stream.numChunksLoaded * this.chunkSize + args.loaded,
+      total: this.length
+    });
+  }
+  onReceiveData(args) {
+    const chunk = args.chunk;
+    const isProgressive = args.begin === undefined;
+    const begin = isProgressive ? this.progressiveDataLength : args.begin;
+    const end = begin + chunk.byteLength;
+    const beginChunk = Math.floor(begin / this.chunkSize);
+    const endChunk = end < this.length ? Math.floor(end / this.chunkSize) : Math.ceil(end / this.chunkSize);
+    if (isProgressive) {
+      this.stream.onReceiveProgressiveData(chunk);
+      this.progressiveDataLength = end;
+    } else {
+      this.stream.onReceiveData(begin, chunk);
+    }
+    if (this.stream.isDataLoaded) {
+      this._loadedStreamCapability.resolve(this.stream);
+    }
+    const loadedRequests = [];
+    for (let curChunk = beginChunk; curChunk < endChunk; ++curChunk) {
+      const requestIds = this._requestsByChunk.get(curChunk);
+      if (!requestIds) {
+        continue;
+      }
+      this._requestsByChunk.delete(curChunk);
+      for (const requestId of requestIds) {
+        const chunksNeeded = this._chunksNeededByRequest.get(requestId);
+        if (chunksNeeded.has(curChunk)) {
+          chunksNeeded.delete(curChunk);
+        }
+        if (chunksNeeded.size > 0) {
+          continue;
+        }
+        loadedRequests.push(requestId);
+      }
+    }
+    if (!this.disableAutoFetch && this._requestsByChunk.size === 0) {
+      let nextEmptyChunk;
+      if (this.stream.numChunksLoaded === 1) {
+        const lastChunk = this.stream.numChunks - 1;
+        if (!this.stream.hasChunk(lastChunk)) {
+          nextEmptyChunk = lastChunk;
+        }
+      } else {
+        nextEmptyChunk = this.stream.nextEmptyChunk(endChunk);
+      }
+      if (Number.isInteger(nextEmptyChunk)) {
+        this._requestChunks([nextEmptyChunk]);
+      }
+    }
+    for (const requestId of loadedRequests) {
+      const capability = this._promisesByRequest.get(requestId);
+      this._promisesByRequest.delete(requestId);
+      capability.resolve();
+    }
+    this.msgHandler.send("DocProgress", {
+      loaded: this.stream.numChunksLoaded * this.chunkSize,
+      total: this.length
+    });
+  }
+  onError(err) {
+    this._loadedStreamCapability.reject(err);
+  }
+  getBeginChunk(begin) {
+    return Math.floor(begin / this.chunkSize);
+  }
+  getEndChunk(end) {
+    return Math.floor((end - 1) / this.chunkSize) + 1;
+  }
+  abort(reason) {
+    this.aborted = true;
+    if (this.pdfNetworkStream) {
+      this.pdfNetworkStream.cancelAllRequests(reason);
+    }
+    for (const capability of this._promisesByRequest.values()) {
+      capability.reject(reason);
+    }
+  }
+}
+exports.ChunkedStreamManager = ChunkedStreamManager;
+
+/***/ }),
+/* 8 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.StringStream = exports.Stream = exports.NullStream = void 0;
+var _base_stream = __w_pdfjs_require__(5);
+var _util = __w_pdfjs_require__(2);
+class Stream extends _base_stream.BaseStream {
+  constructor(arrayBuffer, start, length, dict) {
+    super();
+    this.bytes = arrayBuffer instanceof Uint8Array ? arrayBuffer : new Uint8Array(arrayBuffer);
+    this.start = start || 0;
+    this.pos = this.start;
+    this.end = start + length || this.bytes.length;
+    this.dict = dict;
+  }
+  get length() {
+    return this.end - this.start;
+  }
+  get isEmpty() {
+    return this.length === 0;
+  }
+  getByte() {
+    if (this.pos >= this.end) {
+      return -1;
+    }
+    return this.bytes[this.pos++];
+  }
+  getBytes(length) {
+    const bytes = this.bytes;
+    const pos = this.pos;
+    const strEnd = this.end;
+    if (!length) {
+      return bytes.subarray(pos, strEnd);
+    }
+    let end = pos + length;
+    if (end > strEnd) {
+      end = strEnd;
+    }
+    this.pos = end;
+    return bytes.subarray(pos, end);
+  }
+  getByteRange(begin, end) {
+    if (begin < 0) {
+      begin = 0;
+    }
+    if (end > this.end) {
+      end = this.end;
+    }
+    return this.bytes.subarray(begin, end);
+  }
+  reset() {
+    this.pos = this.start;
+  }
+  moveStart() {
+    this.start = this.pos;
+  }
+  makeSubStream(start, length, dict = null) {
+    return new Stream(this.bytes.buffer, start, length, dict);
+  }
+}
+exports.Stream = Stream;
+class StringStream extends Stream {
+  constructor(str) {
+    super((0, _util.stringToBytes)(str));
+  }
+}
+exports.StringStream = StringStream;
+class NullStream extends Stream {
+  constructor() {
+    super(new Uint8Array(0));
+  }
+}
+exports.NullStream = NullStream;
+
+/***/ }),
+/* 9 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Page = exports.PDFDocument = void 0;
+var _annotation = __w_pdfjs_require__(10);
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _primitives = __w_pdfjs_require__(4);
+var _xfa_fonts = __w_pdfjs_require__(51);
+var _base_stream = __w_pdfjs_require__(5);
+var _crypto = __w_pdfjs_require__(67);
+var _catalog = __w_pdfjs_require__(69);
+var _cleanup_helper = __w_pdfjs_require__(71);
+var _dataset_reader = __w_pdfjs_require__(100);
+var _parser = __w_pdfjs_require__(16);
+var _stream = __w_pdfjs_require__(8);
+var _object_loader = __w_pdfjs_require__(75);
+var _operator_list = __w_pdfjs_require__(63);
+var _evaluator = __w_pdfjs_require__(13);
+var _decode_stream = __w_pdfjs_require__(18);
+var _struct_tree = __w_pdfjs_require__(74);
+var _writer = __w_pdfjs_require__(65);
+var _factory = __w_pdfjs_require__(76);
+var _xref = __w_pdfjs_require__(101);
+const DEFAULT_USER_UNIT = 1.0;
+const LETTER_SIZE_MEDIABOX = [0, 0, 612, 792];
+class Page {
+  constructor({
+    pdfManager,
+    xref,
+    pageIndex,
+    pageDict,
+    ref,
+    globalIdFactory,
+    fontCache,
+    builtInCMapCache,
+    standardFontDataCache,
+    globalImageCache,
+    nonBlendModesSet,
+    xfaFactory
+  }) {
+    this.pdfManager = pdfManager;
+    this.pageIndex = pageIndex;
+    this.pageDict = pageDict;
+    this.xref = xref;
+    this.ref = ref;
+    this.fontCache = fontCache;
+    this.builtInCMapCache = builtInCMapCache;
+    this.standardFontDataCache = standardFontDataCache;
+    this.globalImageCache = globalImageCache;
+    this.nonBlendModesSet = nonBlendModesSet;
+    this.evaluatorOptions = pdfManager.evaluatorOptions;
+    this.resourcesPromise = null;
+    this.xfaFactory = xfaFactory;
+    const idCounters = {
+      obj: 0
+    };
+    this._localIdFactory = class extends globalIdFactory {
+      static createObjId() {
+        return `p${pageIndex}_${++idCounters.obj}`;
+      }
+      static getPageObjId() {
+        return `page${ref.toString()}`;
+      }
+    };
+  }
+  _getInheritableProperty(key, getArray = false) {
+    const value = (0, _core_utils.getInheritableProperty)({
+      dict: this.pageDict,
+      key,
+      getArray,
+      stopWhenFound: false
+    });
+    if (!Array.isArray(value)) {
+      return value;
+    }
+    if (value.length === 1 || !(value[0] instanceof _primitives.Dict)) {
+      return value[0];
+    }
+    return _primitives.Dict.merge({
+      xref: this.xref,
+      dictArray: value
+    });
+  }
+  get content() {
+    return this.pageDict.getArray("Contents");
+  }
+  get resources() {
+    const resources = this._getInheritableProperty("Resources");
+    return (0, _util.shadow)(this, "resources", resources instanceof _primitives.Dict ? resources : _primitives.Dict.empty);
+  }
+  _getBoundingBox(name) {
+    if (this.xfaData) {
+      return this.xfaData.bbox;
+    }
+    let box = this._getInheritableProperty(name, true);
+    if (Array.isArray(box) && box.length === 4) {
+      box = _util.Util.normalizeRect(box);
+      if (box[2] - box[0] > 0 && box[3] - box[1] > 0) {
+        return box;
+      }
+      (0, _util.warn)(`Empty, or invalid, /${name} entry.`);
+    }
+    return null;
+  }
+  get mediaBox() {
+    return (0, _util.shadow)(this, "mediaBox", this._getBoundingBox("MediaBox") || LETTER_SIZE_MEDIABOX);
+  }
+  get cropBox() {
+    return (0, _util.shadow)(this, "cropBox", this._getBoundingBox("CropBox") || this.mediaBox);
+  }
+  get userUnit() {
+    let obj = this.pageDict.get("UserUnit");
+    if (typeof obj !== "number" || obj <= 0) {
+      obj = DEFAULT_USER_UNIT;
+    }
+    return (0, _util.shadow)(this, "userUnit", obj);
+  }
+  get view() {
+    const {
+      cropBox,
+      mediaBox
+    } = this;
+    if (cropBox !== mediaBox && !(0, _util.isArrayEqual)(cropBox, mediaBox)) {
+      const box = _util.Util.intersect(cropBox, mediaBox);
+      if (box && box[2] - box[0] > 0 && box[3] - box[1] > 0) {
+        return (0, _util.shadow)(this, "view", box);
+      }
+      (0, _util.warn)("Empty /CropBox and /MediaBox intersection.");
+    }
+    return (0, _util.shadow)(this, "view", mediaBox);
+  }
+  get rotate() {
+    let rotate = this._getInheritableProperty("Rotate") || 0;
+    if (rotate % 90 !== 0) {
+      rotate = 0;
+    } else if (rotate >= 360) {
+      rotate %= 360;
+    } else if (rotate < 0) {
+      rotate = (rotate % 360 + 360) % 360;
+    }
+    return (0, _util.shadow)(this, "rotate", rotate);
+  }
+  _onSubStreamError(reason, objId) {
+    if (this.evaluatorOptions.ignoreErrors) {
+      (0, _util.warn)(`getContentStream - ignoring sub-stream (${objId}): "${reason}".`);
+      return;
+    }
+    throw reason;
+  }
+  getContentStream() {
+    return this.pdfManager.ensure(this, "content").then(content => {
+      if (content instanceof _base_stream.BaseStream) {
+        return content;
+      }
+      if (Array.isArray(content)) {
+        return new _decode_stream.StreamsSequenceStream(content, this._onSubStreamError.bind(this));
+      }
+      return new _stream.NullStream();
+    });
+  }
+  get xfaData() {
+    return (0, _util.shadow)(this, "xfaData", this.xfaFactory ? {
+      bbox: this.xfaFactory.getBoundingBox(this.pageIndex)
+    } : null);
+  }
+  async saveNewAnnotations(handler, task, annotations) {
+    if (this.xfaFactory) {
+      throw new Error("XFA: Cannot save new annotations.");
+    }
+    const partialEvaluator = new _evaluator.PartialEvaluator({
+      xref: this.xref,
+      handler,
+      pageIndex: this.pageIndex,
+      idFactory: this._localIdFactory,
+      fontCache: this.fontCache,
+      builtInCMapCache: this.builtInCMapCache,
+      standardFontDataCache: this.standardFontDataCache,
+      globalImageCache: this.globalImageCache,
+      options: this.evaluatorOptions
+    });
+    const pageDict = this.pageDict;
+    const annotationsArray = this.annotations.slice();
+    const newData = await _annotation.AnnotationFactory.saveNewAnnotations(partialEvaluator, task, annotations);
+    for (const {
+      ref
+    } of newData.annotations) {
+      annotationsArray.push(ref);
+    }
+    const savedDict = pageDict.get("Annots");
+    pageDict.set("Annots", annotationsArray);
+    const buffer = [];
+    let transform = null;
+    if (this.xref.encrypt) {
+      transform = this.xref.encrypt.createCipherTransform(this.ref.num, this.ref.gen);
+    }
+    (0, _writer.writeObject)(this.ref, pageDict, buffer, transform);
+    if (savedDict) {
+      pageDict.set("Annots", savedDict);
+    }
+    const objects = newData.dependencies;
+    objects.push({
+      ref: this.ref,
+      data: buffer.join("")
+    }, ...newData.annotations);
+    return objects;
+  }
+  save(handler, task, annotationStorage) {
+    const partialEvaluator = new _evaluator.PartialEvaluator({
+      xref: this.xref,
+      handler,
+      pageIndex: this.pageIndex,
+      idFactory: this._localIdFactory,
+      fontCache: this.fontCache,
+      builtInCMapCache: this.builtInCMapCache,
+      standardFontDataCache: this.standardFontDataCache,
+      globalImageCache: this.globalImageCache,
+      options: this.evaluatorOptions
+    });
+    return this._parsedAnnotations.then(function (annotations) {
+      const newRefsPromises = [];
+      for (const annotation of annotations) {
+        if (!annotation.mustBePrinted(annotationStorage)) {
+          continue;
+        }
+        newRefsPromises.push(annotation.save(partialEvaluator, task, annotationStorage).catch(function (reason) {
+          (0, _util.warn)("save - ignoring annotation data during " + `"${task.name}" task: "${reason}".`);
+          return null;
+        }));
+      }
+      return Promise.all(newRefsPromises).then(function (newRefs) {
+        return newRefs.filter(newRef => !!newRef);
+      });
+    });
+  }
+  loadResources(keys) {
+    if (!this.resourcesPromise) {
+      this.resourcesPromise = this.pdfManager.ensure(this, "resources");
+    }
+    return this.resourcesPromise.then(() => {
+      const objectLoader = new _object_loader.ObjectLoader(this.resources, keys, this.xref);
+      return objectLoader.load();
+    });
+  }
+  getOperatorList({
+    handler,
+    sink,
+    task,
+    intent,
+    cacheKey,
+    annotationStorage = null
+  }) {
+    const contentStreamPromise = this.getContentStream();
+    const resourcesPromise = this.loadResources(["ColorSpace", "ExtGState", "Font", "Pattern", "Properties", "Shading", "XObject"]);
+    const partialEvaluator = new _evaluator.PartialEvaluator({
+      xref: this.xref,
+      handler,
+      pageIndex: this.pageIndex,
+      idFactory: this._localIdFactory,
+      fontCache: this.fontCache,
+      builtInCMapCache: this.builtInCMapCache,
+      standardFontDataCache: this.standardFontDataCache,
+      globalImageCache: this.globalImageCache,
+      options: this.evaluatorOptions
+    });
+    const newAnnotationsByPage = !this.xfaFactory ? (0, _core_utils.getNewAnnotationsMap)(annotationStorage) : null;
+    let newAnnotationsPromise = Promise.resolve(null);
+    if (newAnnotationsByPage) {
+      const newAnnotations = newAnnotationsByPage.get(this.pageIndex);
+      if (newAnnotations) {
+        newAnnotationsPromise = _annotation.AnnotationFactory.printNewAnnotations(partialEvaluator, task, newAnnotations);
+      }
+    }
+    const dataPromises = Promise.all([contentStreamPromise, resourcesPromise]);
+    const pageListPromise = dataPromises.then(([contentStream]) => {
+      const opList = new _operator_list.OperatorList(intent, sink);
+      handler.send("StartRenderPage", {
+        transparency: partialEvaluator.hasBlendModes(this.resources, this.nonBlendModesSet),
+        pageIndex: this.pageIndex,
+        cacheKey
+      });
+      return partialEvaluator.getOperatorList({
+        stream: contentStream,
+        task,
+        resources: this.resources,
+        operatorList: opList
+      }).then(function () {
+        return opList;
+      });
+    });
+    return Promise.all([pageListPromise, this._parsedAnnotations, newAnnotationsPromise]).then(function ([pageOpList, annotations, newAnnotations]) {
+      if (newAnnotations) {
+        annotations = annotations.concat(newAnnotations);
+      }
+      if (annotations.length === 0 || intent & _util.RenderingIntentFlag.ANNOTATIONS_DISABLE) {
+        pageOpList.flush(true);
+        return {
+          length: pageOpList.totalLength
+        };
+      }
+      const renderForms = !!(intent & _util.RenderingIntentFlag.ANNOTATIONS_FORMS),
+        intentAny = !!(intent & _util.RenderingIntentFlag.ANY),
+        intentDisplay = !!(intent & _util.RenderingIntentFlag.DISPLAY),
+        intentPrint = !!(intent & _util.RenderingIntentFlag.PRINT);
+      const opListPromises = [];
+      for (const annotation of annotations) {
+        if (intentAny || intentDisplay && annotation.mustBeViewed(annotationStorage) || intentPrint && annotation.mustBePrinted(annotationStorage)) {
+          opListPromises.push(annotation.getOperatorList(partialEvaluator, task, intent, renderForms, annotationStorage).catch(function (reason) {
+            (0, _util.warn)("getOperatorList - ignoring annotation data during " + `"${task.name}" task: "${reason}".`);
+            return {
+              opList: null,
+              separateForm: false,
+              separateCanvas: false
+            };
+          }));
+        }
+      }
+      return Promise.all(opListPromises).then(function (opLists) {
+        let form = false,
+          canvas = false;
+        for (const {
+          opList,
+          separateForm,
+          separateCanvas
+        } of opLists) {
+          pageOpList.addOpList(opList);
+          form ||= separateForm;
+          canvas ||= separateCanvas;
+        }
+        pageOpList.flush(true, {
+          form,
+          canvas
+        });
+        return {
+          length: pageOpList.totalLength
+        };
+      });
+    });
+  }
+  extractTextContent({
+    handler,
+    task,
+    includeMarkedContent,
+    disableNormalization,
+    sink
+  }) {
+    const contentStreamPromise = this.getContentStream();
+    const resourcesPromise = this.loadResources(["ExtGState", "Font", "Properties", "XObject"]);
+    const dataPromises = Promise.all([contentStreamPromise, resourcesPromise]);
+    return dataPromises.then(([contentStream]) => {
+      const partialEvaluator = new _evaluator.PartialEvaluator({
+        xref: this.xref,
+        handler,
+        pageIndex: this.pageIndex,
+        idFactory: this._localIdFactory,
+        fontCache: this.fontCache,
+        builtInCMapCache: this.builtInCMapCache,
+        standardFontDataCache: this.standardFontDataCache,
+        globalImageCache: this.globalImageCache,
+        options: this.evaluatorOptions
+      });
+      return partialEvaluator.getTextContent({
+        stream: contentStream,
+        task,
+        resources: this.resources,
+        includeMarkedContent,
+        disableNormalization,
+        sink,
+        viewBox: this.view
+      });
+    });
+  }
+  async getStructTree() {
+    const structTreeRoot = await this.pdfManager.ensureCatalog("structTreeRoot");
+    if (!structTreeRoot) {
+      return null;
+    }
+    const structTree = await this.pdfManager.ensure(this, "_parseStructTree", [structTreeRoot]);
+    return structTree.serializable;
+  }
+  _parseStructTree(structTreeRoot) {
+    const tree = new _struct_tree.StructTreePage(structTreeRoot, this.pageDict);
+    tree.parse();
+    return tree;
+  }
+  async getAnnotationsData(handler, task, intent) {
+    const annotations = await this._parsedAnnotations;
+    if (annotations.length === 0) {
+      return [];
+    }
+    const annotationsData = [],
+      textContentPromises = [];
+    let partialEvaluator;
+    const intentAny = !!(intent & _util.RenderingIntentFlag.ANY),
+      intentDisplay = !!(intent & _util.RenderingIntentFlag.DISPLAY),
+      intentPrint = !!(intent & _util.RenderingIntentFlag.PRINT);
+    for (const annotation of annotations) {
+      const isVisible = intentAny || intentDisplay && annotation.viewable;
+      if (isVisible || intentPrint && annotation.printable) {
+        annotationsData.push(annotation.data);
+      }
+      if (annotation.hasTextContent && isVisible) {
+        partialEvaluator ||= new _evaluator.PartialEvaluator({
+          xref: this.xref,
+          handler,
+          pageIndex: this.pageIndex,
+          idFactory: this._localIdFactory,
+          fontCache: this.fontCache,
+          builtInCMapCache: this.builtInCMapCache,
+          standardFontDataCache: this.standardFontDataCache,
+          globalImageCache: this.globalImageCache,
+          options: this.evaluatorOptions
+        });
+        textContentPromises.push(annotation.extractTextContent(partialEvaluator, task, this.view).catch(function (reason) {
+          (0, _util.warn)(`getAnnotationsData - ignoring textContent during "${task.name}" task: "${reason}".`);
+        }));
+      }
+    }
+    await Promise.all(textContentPromises);
+    return annotationsData;
+  }
+  get annotations() {
+    const annots = this._getInheritableProperty("Annots");
+    return (0, _util.shadow)(this, "annotations", Array.isArray(annots) ? annots : []);
+  }
+  get _parsedAnnotations() {
+    const parsedAnnotations = this.pdfManager.ensure(this, "annotations").then(() => {
+      const annotationPromises = [];
+      for (const annotationRef of this.annotations) {
+        annotationPromises.push(_annotation.AnnotationFactory.create(this.xref, annotationRef, this.pdfManager, this._localIdFactory, false).catch(function (reason) {
+          (0, _util.warn)(`_parsedAnnotations: "${reason}".`);
+          return null;
+        }));
+      }
+      return Promise.all(annotationPromises).then(function (annotations) {
+        if (annotations.length === 0) {
+          return annotations;
+        }
+        const sortedAnnotations = [];
+        let popupAnnotations;
+        for (const annotation of annotations) {
+          if (!annotation) {
+            continue;
+          }
+          if (annotation instanceof _annotation.PopupAnnotation) {
+            (popupAnnotations ||= []).push(annotation);
+            continue;
+          }
+          sortedAnnotations.push(annotation);
+        }
+        if (popupAnnotations) {
+          sortedAnnotations.push(...popupAnnotations);
+        }
+        return sortedAnnotations;
+      });
+    });
+    return (0, _util.shadow)(this, "_parsedAnnotations", parsedAnnotations);
+  }
+  get jsActions() {
+    const actions = (0, _core_utils.collectActions)(this.xref, this.pageDict, _util.PageActionEventType);
+    return (0, _util.shadow)(this, "jsActions", actions);
+  }
+}
+exports.Page = Page;
+const PDF_HEADER_SIGNATURE = new Uint8Array([0x25, 0x50, 0x44, 0x46, 0x2d]);
+const STARTXREF_SIGNATURE = new Uint8Array([0x73, 0x74, 0x61, 0x72, 0x74, 0x78, 0x72, 0x65, 0x66]);
+const ENDOBJ_SIGNATURE = new Uint8Array([0x65, 0x6e, 0x64, 0x6f, 0x62, 0x6a]);
+const FINGERPRINT_FIRST_BYTES = 1024;
+const EMPTY_FINGERPRINT = "\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00";
+function find(stream, signature, limit = 1024, backwards = false) {
+  const signatureLength = signature.length;
+  const scanBytes = stream.peekBytes(limit);
+  const scanLength = scanBytes.length - signatureLength;
+  if (scanLength <= 0) {
+    return false;
+  }
+  if (backwards) {
+    const signatureEnd = signatureLength - 1;
+    let pos = scanBytes.length - 1;
+    while (pos >= signatureEnd) {
+      let j = 0;
+      while (j < signatureLength && scanBytes[pos - j] === signature[signatureEnd - j]) {
+        j++;
+      }
+      if (j >= signatureLength) {
+        stream.pos += pos - signatureEnd;
+        return true;
+      }
+      pos--;
+    }
+  } else {
+    let pos = 0;
+    while (pos <= scanLength) {
+      let j = 0;
+      while (j < signatureLength && scanBytes[pos + j] === signature[j]) {
+        j++;
+      }
+      if (j >= signatureLength) {
+        stream.pos += pos;
+        return true;
+      }
+      pos++;
+    }
+  }
+  return false;
+}
+class PDFDocument {
+  constructor(pdfManager, stream) {
+    if (stream.length <= 0) {
+      throw new _util.InvalidPDFException("The PDF file is empty, i.e. its size is zero bytes.");
+    }
+    this.pdfManager = pdfManager;
+    this.stream = stream;
+    this.xref = new _xref.XRef(stream, pdfManager);
+    this._pagePromises = new Map();
+    this._version = null;
+    const idCounters = {
+      font: 0
+    };
+    this._globalIdFactory = class {
+      static getDocId() {
+        return `g_${pdfManager.docId}`;
+      }
+      static createFontId() {
+        return `f${++idCounters.font}`;
+      }
+      static createObjId() {
+        (0, _util.unreachable)("Abstract method `createObjId` called.");
+      }
+      static getPageObjId() {
+        (0, _util.unreachable)("Abstract method `getPageObjId` called.");
+      }
+    };
+  }
+  parse(recoveryMode) {
+    this.xref.parse(recoveryMode);
+    this.catalog = new _catalog.Catalog(this.pdfManager, this.xref);
+  }
+  get linearization() {
+    let linearization = null;
+    try {
+      linearization = _parser.Linearization.create(this.stream);
+    } catch (err) {
+      if (err instanceof _core_utils.MissingDataException) {
+        throw err;
+      }
+      (0, _util.info)(err);
+    }
+    return (0, _util.shadow)(this, "linearization", linearization);
+  }
+  get startXRef() {
+    const stream = this.stream;
+    let startXRef = 0;
+    if (this.linearization) {
+      stream.reset();
+      if (find(stream, ENDOBJ_SIGNATURE)) {
+        startXRef = stream.pos + 6 - stream.start;
+      }
+    } else {
+      const step = 1024;
+      const startXRefLength = STARTXREF_SIGNATURE.length;
+      let found = false,
+        pos = stream.end;
+      while (!found && pos > 0) {
+        pos -= step - startXRefLength;
+        if (pos < 0) {
+          pos = 0;
+        }
+        stream.pos = pos;
+        found = find(stream, STARTXREF_SIGNATURE, step, true);
+      }
+      if (found) {
+        stream.skip(9);
+        let ch;
+        do {
+          ch = stream.getByte();
+        } while ((0, _core_utils.isWhiteSpace)(ch));
+        let str = "";
+        while (ch >= 0x20 && ch <= 0x39) {
+          str += String.fromCharCode(ch);
+          ch = stream.getByte();
+        }
+        startXRef = parseInt(str, 10);
+        if (isNaN(startXRef)) {
+          startXRef = 0;
+        }
+      }
+    }
+    return (0, _util.shadow)(this, "startXRef", startXRef);
+  }
+  checkHeader() {
+    const stream = this.stream;
+    stream.reset();
+    if (!find(stream, PDF_HEADER_SIGNATURE)) {
+      return;
+    }
+    stream.moveStart();
+    stream.skip(PDF_HEADER_SIGNATURE.length);
+    let version = "",
+      ch;
+    while ((ch = stream.getByte()) > 0x20 && version.length < 7) {
+      version += String.fromCharCode(ch);
+    }
+    if (_core_utils.PDF_VERSION_REGEXP.test(version)) {
+      this._version = version;
+    } else {
+      (0, _util.warn)(`Invalid PDF header version: ${version}`);
+    }
+  }
+  parseStartXRef() {
+    this.xref.setStartXRef(this.startXRef);
+  }
+  get numPages() {
+    let num = 0;
+    if (this.catalog.hasActualNumPages) {
+      num = this.catalog.numPages;
+    } else if (this.xfaFactory) {
+      num = this.xfaFactory.getNumPages();
+    } else if (this.linearization) {
+      num = this.linearization.numPages;
+    } else {
+      num = this.catalog.numPages;
+    }
+    return (0, _util.shadow)(this, "numPages", num);
+  }
+  _hasOnlyDocumentSignatures(fields, recursionDepth = 0) {
+    const RECURSION_LIMIT = 10;
+    if (!Array.isArray(fields)) {
+      return false;
+    }
+    return fields.every(field => {
+      field = this.xref.fetchIfRef(field);
+      if (!(field instanceof _primitives.Dict)) {
+        return false;
+      }
+      if (field.has("Kids")) {
+        if (++recursionDepth > RECURSION_LIMIT) {
+          (0, _util.warn)("_hasOnlyDocumentSignatures: maximum recursion depth reached");
+          return false;
+        }
+        return this._hasOnlyDocumentSignatures(field.get("Kids"), recursionDepth);
+      }
+      const isSignature = (0, _primitives.isName)(field.get("FT"), "Sig");
+      const rectangle = field.get("Rect");
+      const isInvisible = Array.isArray(rectangle) && rectangle.every(value => value === 0);
+      return isSignature && isInvisible;
+    });
+  }
+  get _xfaStreams() {
+    const acroForm = this.catalog.acroForm;
+    if (!acroForm) {
+      return null;
+    }
+    const xfa = acroForm.get("XFA");
+    const entries = {
+      "xdp:xdp": "",
+      template: "",
+      datasets: "",
+      config: "",
+      connectionSet: "",
+      localeSet: "",
+      stylesheet: "",
+      "/xdp:xdp": ""
+    };
+    if (xfa instanceof _base_stream.BaseStream && !xfa.isEmpty) {
+      entries["xdp:xdp"] = xfa;
+      return entries;
+    }
+    if (!Array.isArray(xfa) || xfa.length === 0) {
+      return null;
+    }
+    for (let i = 0, ii = xfa.length; i < ii; i += 2) {
+      let name;
+      if (i === 0) {
+        name = "xdp:xdp";
+      } else if (i === ii - 2) {
+        name = "/xdp:xdp";
+      } else {
+        name = xfa[i];
+      }
+      if (!entries.hasOwnProperty(name)) {
+        continue;
+      }
+      const data = this.xref.fetchIfRef(xfa[i + 1]);
+      if (!(data instanceof _base_stream.BaseStream) || data.isEmpty) {
+        continue;
+      }
+      entries[name] = data;
+    }
+    return entries;
+  }
+  get xfaDatasets() {
+    const streams = this._xfaStreams;
+    if (!streams) {
+      return (0, _util.shadow)(this, "xfaDatasets", null);
+    }
+    for (const key of ["datasets", "xdp:xdp"]) {
+      const stream = streams[key];
+      if (!stream) {
+        continue;
+      }
+      try {
+        const str = (0, _util.stringToUTF8String)(stream.getString());
+        const data = {
+          [key]: str
+        };
+        return (0, _util.shadow)(this, "xfaDatasets", new _dataset_reader.DatasetReader(data));
+      } catch (_) {
+        (0, _util.warn)("XFA - Invalid utf-8 string.");
+        break;
+      }
+    }
+    return (0, _util.shadow)(this, "xfaDatasets", null);
+  }
+  get xfaData() {
+    const streams = this._xfaStreams;
+    if (!streams) {
+      return null;
+    }
+    const data = Object.create(null);
+    for (const [key, stream] of Object.entries(streams)) {
+      if (!stream) {
+        continue;
+      }
+      try {
+        data[key] = (0, _util.stringToUTF8String)(stream.getString());
+      } catch (_) {
+        (0, _util.warn)("XFA - Invalid utf-8 string.");
+        return null;
+      }
+    }
+    return data;
+  }
+  get xfaFactory() {
+    let data;
+    if (this.pdfManager.enableXfa && this.catalog.needsRendering && this.formInfo.hasXfa && !this.formInfo.hasAcroForm) {
+      data = this.xfaData;
+    }
+    return (0, _util.shadow)(this, "xfaFactory", data ? new _factory.XFAFactory(data) : null);
+  }
+  get isPureXfa() {
+    return this.xfaFactory ? this.xfaFactory.isValid() : false;
+  }
+  get htmlForXfa() {
+    return this.xfaFactory ? this.xfaFactory.getPages() : null;
+  }
+  async loadXfaImages() {
+    const xfaImagesDict = await this.pdfManager.ensureCatalog("xfaImages");
+    if (!xfaImagesDict) {
+      return;
+    }
+    const keys = xfaImagesDict.getKeys();
+    const objectLoader = new _object_loader.ObjectLoader(xfaImagesDict, keys, this.xref);
+    await objectLoader.load();
+    const xfaImages = new Map();
+    for (const key of keys) {
+      const stream = xfaImagesDict.get(key);
+      if (stream instanceof _base_stream.BaseStream) {
+        xfaImages.set(key, stream.getBytes());
+      }
+    }
+    this.xfaFactory.setImages(xfaImages);
+  }
+  async loadXfaFonts(handler, task) {
+    const acroForm = await this.pdfManager.ensureCatalog("acroForm");
+    if (!acroForm) {
+      return;
+    }
+    const resources = await acroForm.getAsync("DR");
+    if (!(resources instanceof _primitives.Dict)) {
+      return;
+    }
+    const objectLoader = new _object_loader.ObjectLoader(resources, ["Font"], this.xref);
+    await objectLoader.load();
+    const fontRes = resources.get("Font");
+    if (!(fontRes instanceof _primitives.Dict)) {
+      return;
+    }
+    const options = Object.assign(Object.create(null), this.pdfManager.evaluatorOptions);
+    options.useSystemFonts = false;
+    const partialEvaluator = new _evaluator.PartialEvaluator({
+      xref: this.xref,
+      handler,
+      pageIndex: -1,
+      idFactory: this._globalIdFactory,
+      fontCache: this.catalog.fontCache,
+      builtInCMapCache: this.catalog.builtInCMapCache,
+      standardFontDataCache: this.catalog.standardFontDataCache,
+      options
+    });
+    const operatorList = new _operator_list.OperatorList();
+    const pdfFonts = [];
+    const initialState = {
+      get font() {
+        return pdfFonts.at(-1);
+      },
+      set font(font) {
+        pdfFonts.push(font);
+      },
+      clone() {
+        return this;
+      }
+    };
+    const fonts = new Map();
+    fontRes.forEach((fontName, font) => {
+      fonts.set(fontName, font);
+    });
+    const promises = [];
+    for (const [fontName, font] of fonts) {
+      const descriptor = font.get("FontDescriptor");
+      if (!(descriptor instanceof _primitives.Dict)) {
+        continue;
+      }
+      let fontFamily = descriptor.get("FontFamily");
+      fontFamily = fontFamily.replaceAll(/[ ]+(\d)/g, "$1");
+      const fontWeight = descriptor.get("FontWeight");
+      const italicAngle = -descriptor.get("ItalicAngle");
+      const cssFontInfo = {
+        fontFamily,
+        fontWeight,
+        italicAngle
+      };
+      if (!(0, _core_utils.validateCSSFont)(cssFontInfo)) {
+        continue;
+      }
+      promises.push(partialEvaluator.handleSetFont(resources, [_primitives.Name.get(fontName), 1], null, operatorList, task, initialState, null, cssFontInfo).catch(function (reason) {
+        (0, _util.warn)(`loadXfaFonts: "${reason}".`);
+        return null;
+      }));
+    }
+    await Promise.all(promises);
+    const missingFonts = this.xfaFactory.setFonts(pdfFonts);
+    if (!missingFonts) {
+      return;
+    }
+    options.ignoreErrors = true;
+    promises.length = 0;
+    pdfFonts.length = 0;
+    const reallyMissingFonts = new Set();
+    for (const missing of missingFonts) {
+      if (!(0, _xfa_fonts.getXfaFontName)(`${missing}-Regular`)) {
+        reallyMissingFonts.add(missing);
+      }
+    }
+    if (reallyMissingFonts.size) {
+      missingFonts.push("PdfJS-Fallback");
+    }
+    for (const missing of missingFonts) {
+      if (reallyMissingFonts.has(missing)) {
+        continue;
+      }
+      for (const fontInfo of [{
+        name: "Regular",
+        fontWeight: 400,
+        italicAngle: 0
+      }, {
+        name: "Bold",
+        fontWeight: 700,
+        italicAngle: 0
+      }, {
+        name: "Italic",
+        fontWeight: 400,
+        italicAngle: 12
+      }, {
+        name: "BoldItalic",
+        fontWeight: 700,
+        italicAngle: 12
+      }]) {
+        const name = `${missing}-${fontInfo.name}`;
+        const dict = (0, _xfa_fonts.getXfaFontDict)(name);
+        promises.push(partialEvaluator.handleSetFont(resources, [_primitives.Name.get(name), 1], null, operatorList, task, initialState, dict, {
+          fontFamily: missing,
+          fontWeight: fontInfo.fontWeight,
+          italicAngle: fontInfo.italicAngle
+        }).catch(function (reason) {
+          (0, _util.warn)(`loadXfaFonts: "${reason}".`);
+          return null;
+        }));
+      }
+    }
+    await Promise.all(promises);
+    this.xfaFactory.appendFonts(pdfFonts, reallyMissingFonts);
+  }
+  async serializeXfaData(annotationStorage) {
+    return this.xfaFactory ? this.xfaFactory.serializeData(annotationStorage) : null;
+  }
+  get version() {
+    return this.catalog.version || this._version;
+  }
+  get formInfo() {
+    const formInfo = {
+      hasFields: false,
+      hasAcroForm: false,
+      hasXfa: false,
+      hasSignatures: false
+    };
+    const acroForm = this.catalog.acroForm;
+    if (!acroForm) {
+      return (0, _util.shadow)(this, "formInfo", formInfo);
+    }
+    try {
+      const fields = acroForm.get("Fields");
+      const hasFields = Array.isArray(fields) && fields.length > 0;
+      formInfo.hasFields = hasFields;
+      const xfa = acroForm.get("XFA");
+      formInfo.hasXfa = Array.isArray(xfa) && xfa.length > 0 || xfa instanceof _base_stream.BaseStream && !xfa.isEmpty;
+      const sigFlags = acroForm.get("SigFlags");
+      const hasSignatures = !!(sigFlags & 0x1);
+      const hasOnlyDocumentSignatures = hasSignatures && this._hasOnlyDocumentSignatures(fields);
+      formInfo.hasAcroForm = hasFields && !hasOnlyDocumentSignatures;
+      formInfo.hasSignatures = hasSignatures;
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`Cannot fetch form information: "${ex}".`);
+    }
+    return (0, _util.shadow)(this, "formInfo", formInfo);
+  }
+  get documentInfo() {
+    const docInfo = {
+      PDFFormatVersion: this.version,
+      Language: this.catalog.lang,
+      EncryptFilterName: this.xref.encrypt ? this.xref.encrypt.filterName : null,
+      IsLinearized: !!this.linearization,
+      IsAcroFormPresent: this.formInfo.hasAcroForm,
+      IsXFAPresent: this.formInfo.hasXfa,
+      IsCollectionPresent: !!this.catalog.collection,
+      IsSignaturesPresent: this.formInfo.hasSignatures
+    };
+    let infoDict;
+    try {
+      infoDict = this.xref.trailer.get("Info");
+    } catch (err) {
+      if (err instanceof _core_utils.MissingDataException) {
+        throw err;
+      }
+      (0, _util.info)("The document information dictionary is invalid.");
+    }
+    if (!(infoDict instanceof _primitives.Dict)) {
+      return (0, _util.shadow)(this, "documentInfo", docInfo);
+    }
+    for (const key of infoDict.getKeys()) {
+      const value = infoDict.get(key);
+      switch (key) {
+        case "Title":
+        case "Author":
+        case "Subject":
+        case "Keywords":
+        case "Creator":
+        case "Producer":
+        case "CreationDate":
+        case "ModDate":
+          if (typeof value === "string") {
+            docInfo[key] = (0, _util.stringToPDFString)(value);
+            continue;
+          }
+          break;
+        case "Trapped":
+          if (value instanceof _primitives.Name) {
+            docInfo[key] = value;
+            continue;
+          }
+          break;
+        default:
+          let customValue;
+          switch (typeof value) {
+            case "string":
+              customValue = (0, _util.stringToPDFString)(value);
+              break;
+            case "number":
+            case "boolean":
+              customValue = value;
+              break;
+            default:
+              if (value instanceof _primitives.Name) {
+                customValue = value;
+              }
+              break;
+          }
+          if (customValue === undefined) {
+            (0, _util.warn)(`Bad value, for custom key "${key}", in Info: ${value}.`);
+            continue;
+          }
+          if (!docInfo.Custom) {
+            docInfo.Custom = Object.create(null);
+          }
+          docInfo.Custom[key] = customValue;
+          continue;
+      }
+      (0, _util.warn)(`Bad value, for key "${key}", in Info: ${value}.`);
+    }
+    return (0, _util.shadow)(this, "documentInfo", docInfo);
+  }
+  get fingerprints() {
+    function validate(data) {
+      return typeof data === "string" && data.length > 0 && data !== EMPTY_FINGERPRINT;
+    }
+    function hexString(hash) {
+      const buf = [];
+      for (const num of hash) {
+        const hex = num.toString(16);
+        buf.push(hex.padStart(2, "0"));
+      }
+      return buf.join("");
+    }
+    const idArray = this.xref.trailer.get("ID");
+    let hashOriginal, hashModified;
+    if (Array.isArray(idArray) && validate(idArray[0])) {
+      hashOriginal = (0, _util.stringToBytes)(idArray[0]);
+      if (idArray[1] !== idArray[0] && validate(idArray[1])) {
+        hashModified = (0, _util.stringToBytes)(idArray[1]);
+      }
+    } else {
+      hashOriginal = (0, _crypto.calculateMD5)(this.stream.getByteRange(0, FINGERPRINT_FIRST_BYTES), 0, FINGERPRINT_FIRST_BYTES);
+    }
+    return (0, _util.shadow)(this, "fingerprints", [hexString(hashOriginal), hashModified ? hexString(hashModified) : null]);
+  }
+  async _getLinearizationPage(pageIndex) {
+    const {
+      catalog,
+      linearization,
+      xref
+    } = this;
+    const ref = _primitives.Ref.get(linearization.objectNumberFirst, 0);
+    try {
+      const obj = await xref.fetchAsync(ref);
+      if (obj instanceof _primitives.Dict) {
+        let type = obj.getRaw("Type");
+        if (type instanceof _primitives.Ref) {
+          type = await xref.fetchAsync(type);
+        }
+        if ((0, _primitives.isName)(type, "Page") || !obj.has("Type") && !obj.has("Kids")) {
+          if (!catalog.pageKidsCountCache.has(ref)) {
+            catalog.pageKidsCountCache.put(ref, 1);
+          }
+          if (!catalog.pageIndexCache.has(ref)) {
+            catalog.pageIndexCache.put(ref, 0);
+          }
+          return [obj, ref];
+        }
+      }
+      throw new _util.FormatError("The Linearization dictionary doesn't point to a valid Page dictionary.");
+    } catch (reason) {
+      (0, _util.warn)(`_getLinearizationPage: "${reason.message}".`);
+      return catalog.getPageDict(pageIndex);
+    }
+  }
+  getPage(pageIndex) {
+    const cachedPromise = this._pagePromises.get(pageIndex);
+    if (cachedPromise) {
+      return cachedPromise;
+    }
+    const {
+      catalog,
+      linearization,
+      xfaFactory
+    } = this;
+    let promise;
+    if (xfaFactory) {
+      promise = Promise.resolve([_primitives.Dict.empty, null]);
+    } else if (linearization && linearization.pageFirst === pageIndex) {
+      promise = this._getLinearizationPage(pageIndex);
+    } else {
+      promise = catalog.getPageDict(pageIndex);
+    }
+    promise = promise.then(([pageDict, ref]) => {
+      return new Page({
+        pdfManager: this.pdfManager,
+        xref: this.xref,
+        pageIndex,
+        pageDict,
+        ref,
+        globalIdFactory: this._globalIdFactory,
+        fontCache: catalog.fontCache,
+        builtInCMapCache: catalog.builtInCMapCache,
+        standardFontDataCache: catalog.standardFontDataCache,
+        globalImageCache: catalog.globalImageCache,
+        nonBlendModesSet: catalog.nonBlendModesSet,
+        xfaFactory
+      });
+    });
+    this._pagePromises.set(pageIndex, promise);
+    return promise;
+  }
+  async checkFirstPage(recoveryMode = false) {
+    if (recoveryMode) {
+      return;
+    }
+    try {
+      await this.getPage(0);
+    } catch (reason) {
+      if (reason instanceof _core_utils.XRefEntryException) {
+        this._pagePromises.delete(0);
+        await this.cleanup();
+        throw new _core_utils.XRefParseException();
+      }
+    }
+  }
+  async checkLastPage(recoveryMode = false) {
+    const {
+      catalog,
+      pdfManager
+    } = this;
+    catalog.setActualNumPages();
+    let numPages;
+    try {
+      await Promise.all([pdfManager.ensureDoc("xfaFactory"), pdfManager.ensureDoc("linearization"), pdfManager.ensureCatalog("numPages")]);
+      if (this.xfaFactory) {
+        return;
+      } else if (this.linearization) {
+        numPages = this.linearization.numPages;
+      } else {
+        numPages = catalog.numPages;
+      }
+      if (!Number.isInteger(numPages)) {
+        throw new _util.FormatError("Page count is not an integer.");
+      } else if (numPages <= 1) {
+        return;
+      }
+      await this.getPage(numPages - 1);
+    } catch (reason) {
+      this._pagePromises.delete(numPages - 1);
+      await this.cleanup();
+      if (reason instanceof _core_utils.XRefEntryException && !recoveryMode) {
+        throw new _core_utils.XRefParseException();
+      }
+      (0, _util.warn)(`checkLastPage - invalid /Pages tree /Count: ${numPages}.`);
+      let pagesTree;
+      try {
+        pagesTree = await catalog.getAllPageDicts(recoveryMode);
+      } catch (reasonAll) {
+        if (reasonAll instanceof _core_utils.XRefEntryException && !recoveryMode) {
+          throw new _core_utils.XRefParseException();
+        }
+        catalog.setActualNumPages(1);
+        return;
+      }
+      for (const [pageIndex, [pageDict, ref]] of pagesTree) {
+        let promise;
+        if (pageDict instanceof Error) {
+          promise = Promise.reject(pageDict);
+          promise.catch(() => {});
+        } else {
+          promise = Promise.resolve(new Page({
+            pdfManager,
+            xref: this.xref,
+            pageIndex,
+            pageDict,
+            ref,
+            globalIdFactory: this._globalIdFactory,
+            fontCache: catalog.fontCache,
+            builtInCMapCache: catalog.builtInCMapCache,
+            standardFontDataCache: catalog.standardFontDataCache,
+            globalImageCache: catalog.globalImageCache,
+            nonBlendModesSet: catalog.nonBlendModesSet,
+            xfaFactory: null
+          }));
+        }
+        this._pagePromises.set(pageIndex, promise);
+      }
+      catalog.setActualNumPages(pagesTree.size);
+    }
+  }
+  fontFallback(id, handler) {
+    return this.catalog.fontFallback(id, handler);
+  }
+  async cleanup(manuallyTriggered = false) {
+    return this.catalog ? this.catalog.cleanup(manuallyTriggered) : (0, _cleanup_helper.clearGlobalCaches)();
+  }
+  _collectFieldObjects(name, fieldRef, promises) {
+    const field = this.xref.fetchIfRef(fieldRef);
+    if (field.has("T")) {
+      const partName = (0, _util.stringToPDFString)(field.get("T"));
+      if (name === "") {
+        name = partName;
+      } else {
+        name = `${name}.${partName}`;
+      }
+    }
+    if (!promises.has(name)) {
+      promises.set(name, []);
+    }
+    promises.get(name).push(_annotation.AnnotationFactory.create(this.xref, fieldRef, this.pdfManager, this._localIdFactory, true).then(annotation => annotation && annotation.getFieldObject()).catch(function (reason) {
+      (0, _util.warn)(`_collectFieldObjects: "${reason}".`);
+      return null;
+    }));
+    if (field.has("Kids")) {
+      const kids = field.get("Kids");
+      for (const kid of kids) {
+        this._collectFieldObjects(name, kid, promises);
+      }
+    }
+  }
+  get fieldObjects() {
+    if (!this.formInfo.hasFields) {
+      return (0, _util.shadow)(this, "fieldObjects", Promise.resolve(null));
+    }
+    const allFields = Object.create(null);
+    const fieldPromises = new Map();
+    for (const fieldRef of this.catalog.acroForm.get("Fields")) {
+      this._collectFieldObjects("", fieldRef, fieldPromises);
+    }
+    const allPromises = [];
+    for (const [name, promises] of fieldPromises) {
+      allPromises.push(Promise.all(promises).then(fields => {
+        fields = fields.filter(field => !!field);
+        if (fields.length > 0) {
+          allFields[name] = fields;
+        }
+      }));
+    }
+    return (0, _util.shadow)(this, "fieldObjects", Promise.all(allPromises).then(() => allFields));
+  }
+  get hasJSActions() {
+    const promise = this.pdfManager.ensureDoc("_parseHasJSActions");
+    return (0, _util.shadow)(this, "hasJSActions", promise);
+  }
+  async _parseHasJSActions() {
+    const [catalogJsActions, fieldObjects] = await Promise.all([this.pdfManager.ensureCatalog("jsActions"), this.pdfManager.ensureDoc("fieldObjects")]);
+    if (catalogJsActions) {
+      return true;
+    }
+    if (fieldObjects) {
+      return Object.values(fieldObjects).some(fieldObject => fieldObject.some(object => object.actions !== null));
+    }
+    return false;
+  }
+  get calculationOrderIds() {
+    const acroForm = this.catalog.acroForm;
+    if (!acroForm || !acroForm.has("CO")) {
+      return (0, _util.shadow)(this, "calculationOrderIds", null);
+    }
+    const calculationOrder = acroForm.get("CO");
+    if (!Array.isArray(calculationOrder) || calculationOrder.length === 0) {
+      return (0, _util.shadow)(this, "calculationOrderIds", null);
+    }
+    const ids = [];
+    for (const id of calculationOrder) {
+      if (id instanceof _primitives.Ref) {
+        ids.push(id.toString());
+      }
+    }
+    if (ids.length === 0) {
+      return (0, _util.shadow)(this, "calculationOrderIds", null);
+    }
+    return (0, _util.shadow)(this, "calculationOrderIds", ids);
+  }
+}
+exports.PDFDocument = PDFDocument;
+
+/***/ }),
+/* 10 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PopupAnnotation = exports.MarkupAnnotation = exports.AnnotationFactory = exports.AnnotationBorderStyle = exports.Annotation = void 0;
+exports.getQuadPoints = getQuadPoints;
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _default_appearance = __w_pdfjs_require__(11);
+var _primitives = __w_pdfjs_require__(4);
+var _writer = __w_pdfjs_require__(65);
+var _base_stream = __w_pdfjs_require__(5);
+var _bidi = __w_pdfjs_require__(60);
+var _catalog = __w_pdfjs_require__(69);
+var _colorspace = __w_pdfjs_require__(12);
+var _file_spec = __w_pdfjs_require__(72);
+var _object_loader = __w_pdfjs_require__(75);
+var _operator_list = __w_pdfjs_require__(63);
+var _stream = __w_pdfjs_require__(8);
+var _factory = __w_pdfjs_require__(76);
+class AnnotationFactory {
+  static create(xref, ref, pdfManager, idFactory, collectFields) {
+    return Promise.all([pdfManager.ensureCatalog("acroForm"), pdfManager.ensureCatalog("baseUrl"), pdfManager.ensureCatalog("attachments"), pdfManager.ensureDoc("xfaDatasets"), collectFields ? this._getPageIndex(xref, ref, pdfManager) : -1]).then(([acroForm, baseUrl, attachments, xfaDatasets, pageIndex]) => pdfManager.ensure(this, "_create", [xref, ref, pdfManager, idFactory, acroForm, attachments, xfaDatasets, collectFields, pageIndex]));
+  }
+  static _create(xref, ref, pdfManager, idFactory, acroForm, attachments = null, xfaDatasets, collectFields, pageIndex = -1) {
+    const dict = xref.fetchIfRef(ref);
+    if (!(dict instanceof _primitives.Dict)) {
+      return undefined;
+    }
+    const id = ref instanceof _primitives.Ref ? ref.toString() : `annot_${idFactory.createObjId()}`;
+    let subtype = dict.get("Subtype");
+    subtype = subtype instanceof _primitives.Name ? subtype.name : null;
+    const acroFormDict = acroForm instanceof _primitives.Dict ? acroForm : _primitives.Dict.empty;
+    const parameters = {
+      xref,
+      ref,
+      dict,
+      subtype,
+      id,
+      pdfManager,
+      acroForm: acroFormDict,
+      attachments,
+      xfaDatasets,
+      collectFields,
+      needAppearances: !collectFields && acroFormDict.get("NeedAppearances") === true,
+      pageIndex,
+      isOffscreenCanvasSupported: pdfManager.evaluatorOptions.isOffscreenCanvasSupported
+    };
+    switch (subtype) {
+      case "Link":
+        return new LinkAnnotation(parameters);
+      case "Text":
+        return new TextAnnotation(parameters);
+      case "Widget":
+        let fieldType = (0, _core_utils.getInheritableProperty)({
+          dict,
+          key: "FT"
+        });
+        fieldType = fieldType instanceof _primitives.Name ? fieldType.name : null;
+        switch (fieldType) {
+          case "Tx":
+            return new TextWidgetAnnotation(parameters);
+          case "Btn":
+            return new ButtonWidgetAnnotation(parameters);
+          case "Ch":
+            return new ChoiceWidgetAnnotation(parameters);
+          case "Sig":
+            return new SignatureWidgetAnnotation(parameters);
+        }
+        (0, _util.warn)(`Unimplemented widget field type "${fieldType}", ` + "falling back to base field type.");
+        return new WidgetAnnotation(parameters);
+      case "Popup":
+        return new PopupAnnotation(parameters);
+      case "FreeText":
+        return new FreeTextAnnotation(parameters);
+      case "Line":
+        return new LineAnnotation(parameters);
+      case "Square":
+        return new SquareAnnotation(parameters);
+      case "Circle":
+        return new CircleAnnotation(parameters);
+      case "PolyLine":
+        return new PolylineAnnotation(parameters);
+      case "Polygon":
+        return new PolygonAnnotation(parameters);
+      case "Caret":
+        return new CaretAnnotation(parameters);
+      case "Ink":
+        return new InkAnnotation(parameters);
+      case "Highlight":
+        return new HighlightAnnotation(parameters);
+      case "Underline":
+        return new UnderlineAnnotation(parameters);
+      case "Squiggly":
+        return new SquigglyAnnotation(parameters);
+      case "StrikeOut":
+        return new StrikeOutAnnotation(parameters);
+      case "Stamp":
+        return new StampAnnotation(parameters);
+      case "FileAttachment":
+        return new FileAttachmentAnnotation(parameters);
+      default:
+        if (!collectFields) {
+          if (!subtype) {
+            (0, _util.warn)("Annotation is missing the required /Subtype.");
+          } else {
+            (0, _util.warn)(`Unimplemented annotation type "${subtype}", ` + "falling back to base annotation.");
+          }
+        }
+        return new Annotation(parameters);
+    }
+  }
+  static async _getPageIndex(xref, ref, pdfManager) {
+    try {
+      const annotDict = await xref.fetchIfRefAsync(ref);
+      if (!(annotDict instanceof _primitives.Dict)) {
+        return -1;
+      }
+      const pageRef = annotDict.getRaw("P");
+      if (!(pageRef instanceof _primitives.Ref)) {
+        return -1;
+      }
+      const pageIndex = await pdfManager.ensureCatalog("getPageIndex", [pageRef]);
+      return pageIndex;
+    } catch (ex) {
+      (0, _util.warn)(`_getPageIndex: "${ex}".`);
+      return -1;
+    }
+  }
+  static async saveNewAnnotations(evaluator, task, annotations) {
+    const xref = evaluator.xref;
+    let baseFontRef;
+    const dependencies = [];
+    const promises = [];
+    for (const annotation of annotations) {
+      switch (annotation.annotationType) {
+        case _util.AnnotationEditorType.FREETEXT:
+          if (!baseFontRef) {
+            const baseFont = new _primitives.Dict(xref);
+            baseFont.set("BaseFont", _primitives.Name.get("Helvetica"));
+            baseFont.set("Type", _primitives.Name.get("Font"));
+            baseFont.set("Subtype", _primitives.Name.get("Type1"));
+            baseFont.set("Encoding", _primitives.Name.get("WinAnsiEncoding"));
+            const buffer = [];
+            baseFontRef = xref.getNewTemporaryRef();
+            (0, _writer.writeObject)(baseFontRef, baseFont, buffer, null);
+            dependencies.push({
+              ref: baseFontRef,
+              data: buffer.join("")
+            });
+          }
+          promises.push(FreeTextAnnotation.createNewAnnotation(xref, annotation, dependencies, {
+            evaluator,
+            task,
+            baseFontRef
+          }));
+          break;
+        case _util.AnnotationEditorType.INK:
+          promises.push(InkAnnotation.createNewAnnotation(xref, annotation, dependencies));
+      }
+    }
+    return {
+      annotations: await Promise.all(promises),
+      dependencies
+    };
+  }
+  static async printNewAnnotations(evaluator, task, annotations) {
+    if (!annotations) {
+      return null;
+    }
+    const xref = evaluator.xref;
+    const {
+      isOffscreenCanvasSupported
+    } = evaluator.options;
+    const promises = [];
+    for (const annotation of annotations) {
+      switch (annotation.annotationType) {
+        case _util.AnnotationEditorType.FREETEXT:
+          promises.push(FreeTextAnnotation.createNewPrintAnnotation(xref, annotation, {
+            evaluator,
+            task,
+            isOffscreenCanvasSupported
+          }));
+          break;
+        case _util.AnnotationEditorType.INK:
+          promises.push(InkAnnotation.createNewPrintAnnotation(xref, annotation, {
+            isOffscreenCanvasSupported
+          }));
+          break;
+      }
+    }
+    return Promise.all(promises);
+  }
+}
+exports.AnnotationFactory = AnnotationFactory;
+function getRgbColor(color, defaultColor = new Uint8ClampedArray(3)) {
+  if (!Array.isArray(color)) {
+    return defaultColor;
+  }
+  const rgbColor = defaultColor || new Uint8ClampedArray(3);
+  switch (color.length) {
+    case 0:
+      return null;
+    case 1:
+      _colorspace.ColorSpace.singletons.gray.getRgbItem(color, 0, rgbColor, 0);
+      return rgbColor;
+    case 3:
+      _colorspace.ColorSpace.singletons.rgb.getRgbItem(color, 0, rgbColor, 0);
+      return rgbColor;
+    case 4:
+      _colorspace.ColorSpace.singletons.cmyk.getRgbItem(color, 0, rgbColor, 0);
+      return rgbColor;
+    default:
+      return defaultColor;
+  }
+}
+function getPdfColorArray(color) {
+  return Array.from(color, c => c / 255);
+}
+function getQuadPoints(dict, rect) {
+  const quadPoints = dict.getArray("QuadPoints");
+  if (!Array.isArray(quadPoints) || quadPoints.length === 0 || quadPoints.length % 8 > 0) {
+    return null;
+  }
+  const quadPointsLists = [];
+  for (let i = 0, ii = quadPoints.length / 8; i < ii; i++) {
+    let minX = Infinity,
+      maxX = -Infinity,
+      minY = Infinity,
+      maxY = -Infinity;
+    for (let j = i * 8, jj = i * 8 + 8; j < jj; j += 2) {
+      const x = quadPoints[j];
+      const y = quadPoints[j + 1];
+      minX = Math.min(x, minX);
+      maxX = Math.max(x, maxX);
+      minY = Math.min(y, minY);
+      maxY = Math.max(y, maxY);
+    }
+    if (rect !== null && (minX < rect[0] || maxX > rect[2] || minY < rect[1] || maxY > rect[3])) {
+      return null;
+    }
+    quadPointsLists.push([{
+      x: minX,
+      y: maxY
+    }, {
+      x: maxX,
+      y: maxY
+    }, {
+      x: minX,
+      y: minY
+    }, {
+      x: maxX,
+      y: minY
+    }]);
+  }
+  return quadPointsLists;
+}
+function getTransformMatrix(rect, bbox, matrix) {
+  const [minX, minY, maxX, maxY] = _util.Util.getAxialAlignedBoundingBox(bbox, matrix);
+  if (minX === maxX || minY === maxY) {
+    return [1, 0, 0, 1, rect[0], rect[1]];
+  }
+  const xRatio = (rect[2] - rect[0]) / (maxX - minX);
+  const yRatio = (rect[3] - rect[1]) / (maxY - minY);
+  return [xRatio, 0, 0, yRatio, rect[0] - minX * xRatio, rect[1] - minY * yRatio];
+}
+class Annotation {
+  constructor(params) {
+    const {
+      dict,
+      xref
+    } = params;
+    this.setTitle(dict.get("T"));
+    this.setContents(dict.get("Contents"));
+    this.setModificationDate(dict.get("M"));
+    this.setFlags(dict.get("F"));
+    this.setRectangle(dict.getArray("Rect"));
+    this.setColor(dict.getArray("C"));
+    this.setBorderStyle(dict);
+    this.setAppearance(dict);
+    this.setOptionalContent(dict);
+    const MK = dict.get("MK");
+    this.setBorderAndBackgroundColors(MK);
+    this.setRotation(MK);
+    this._streams = [];
+    if (this.appearance) {
+      this._streams.push(this.appearance);
+    }
+    const isLocked = !!(this.flags & _util.AnnotationFlag.LOCKED);
+    const isContentLocked = !!(this.flags & _util.AnnotationFlag.LOCKEDCONTENTS);
+    this.data = {
+      annotationFlags: this.flags,
+      borderStyle: this.borderStyle,
+      color: this.color,
+      backgroundColor: this.backgroundColor,
+      borderColor: this.borderColor,
+      rotation: this.rotation,
+      contentsObj: this._contents,
+      hasAppearance: !!this.appearance,
+      id: params.id,
+      modificationDate: this.modificationDate,
+      rect: this.rectangle,
+      subtype: params.subtype,
+      hasOwnCanvas: false,
+      noRotate: !!(this.flags & _util.AnnotationFlag.NOROTATE),
+      noHTML: isLocked && isContentLocked
+    };
+    if (params.collectFields) {
+      const kids = dict.get("Kids");
+      if (Array.isArray(kids)) {
+        const kidIds = [];
+        for (const kid of kids) {
+          if (kid instanceof _primitives.Ref) {
+            kidIds.push(kid.toString());
+          }
+        }
+        if (kidIds.length !== 0) {
+          this.data.kidIds = kidIds;
+        }
+      }
+      this.data.actions = (0, _core_utils.collectActions)(xref, dict, _util.AnnotationActionEventType);
+      this.data.fieldName = this._constructFieldName(dict);
+      this.data.pageIndex = params.pageIndex;
+    }
+    this._isOffscreenCanvasSupported = params.isOffscreenCanvasSupported;
+    this._fallbackFontDict = null;
+    this._needAppearances = false;
+  }
+  _hasFlag(flags, flag) {
+    return !!(flags & flag);
+  }
+  _isViewable(flags) {
+    return !this._hasFlag(flags, _util.AnnotationFlag.INVISIBLE) && !this._hasFlag(flags, _util.AnnotationFlag.NOVIEW);
+  }
+  _isPrintable(flags) {
+    return this._hasFlag(flags, _util.AnnotationFlag.PRINT) && !this._hasFlag(flags, _util.AnnotationFlag.INVISIBLE);
+  }
+  mustBeViewed(annotationStorage) {
+    const storageEntry = annotationStorage && annotationStorage.get(this.data.id);
+    if (storageEntry && storageEntry.hidden !== undefined) {
+      return !storageEntry.hidden;
+    }
+    return this.viewable && !this._hasFlag(this.flags, _util.AnnotationFlag.HIDDEN);
+  }
+  mustBePrinted(annotationStorage) {
+    const storageEntry = annotationStorage && annotationStorage.get(this.data.id);
+    if (storageEntry && storageEntry.print !== undefined) {
+      return storageEntry.print;
+    }
+    return this.printable;
+  }
+  get viewable() {
+    if (this.data.quadPoints === null) {
+      return false;
+    }
+    if (this.flags === 0) {
+      return true;
+    }
+    return this._isViewable(this.flags);
+  }
+  get printable() {
+    if (this.data.quadPoints === null) {
+      return false;
+    }
+    if (this.flags === 0) {
+      return false;
+    }
+    return this._isPrintable(this.flags);
+  }
+  _parseStringHelper(data) {
+    const str = typeof data === "string" ? (0, _util.stringToPDFString)(data) : "";
+    const dir = str && (0, _bidi.bidi)(str).dir === "rtl" ? "rtl" : "ltr";
+    return {
+      str,
+      dir
+    };
+  }
+  setDefaultAppearance(params) {
+    const defaultAppearance = (0, _core_utils.getInheritableProperty)({
+      dict: params.dict,
+      key: "DA"
+    }) || params.acroForm.get("DA");
+    this._defaultAppearance = typeof defaultAppearance === "string" ? defaultAppearance : "";
+    this.data.defaultAppearanceData = (0, _default_appearance.parseDefaultAppearance)(this._defaultAppearance);
+  }
+  setTitle(title) {
+    this._title = this._parseStringHelper(title);
+  }
+  setContents(contents) {
+    this._contents = this._parseStringHelper(contents);
+  }
+  setModificationDate(modificationDate) {
+    this.modificationDate = typeof modificationDate === "string" ? modificationDate : null;
+  }
+  setFlags(flags) {
+    this.flags = Number.isInteger(flags) && flags > 0 ? flags : 0;
+  }
+  hasFlag(flag) {
+    return this._hasFlag(this.flags, flag);
+  }
+  setRectangle(rectangle) {
+    if (Array.isArray(rectangle) && rectangle.length === 4) {
+      this.rectangle = _util.Util.normalizeRect(rectangle);
+    } else {
+      this.rectangle = [0, 0, 0, 0];
+    }
+  }
+  setColor(color) {
+    this.color = getRgbColor(color);
+  }
+  setLineEndings(lineEndings) {
+    this.lineEndings = ["None", "None"];
+    if (Array.isArray(lineEndings) && lineEndings.length === 2) {
+      for (let i = 0; i < 2; i++) {
+        const obj = lineEndings[i];
+        if (obj instanceof _primitives.Name) {
+          switch (obj.name) {
+            case "None":
+              continue;
+            case "Square":
+            case "Circle":
+            case "Diamond":
+            case "OpenArrow":
+            case "ClosedArrow":
+            case "Butt":
+            case "ROpenArrow":
+            case "RClosedArrow":
+            case "Slash":
+              this.lineEndings[i] = obj.name;
+              continue;
+          }
+        }
+        (0, _util.warn)(`Ignoring invalid lineEnding: ${obj}`);
+      }
+    }
+  }
+  setRotation(mk) {
+    this.rotation = 0;
+    if (mk instanceof _primitives.Dict) {
+      let angle = mk.get("R") || 0;
+      if (Number.isInteger(angle) && angle !== 0) {
+        angle %= 360;
+        if (angle < 0) {
+          angle += 360;
+        }
+        if (angle % 90 === 0) {
+          this.rotation = angle;
+        }
+      }
+    }
+  }
+  setBorderAndBackgroundColors(mk) {
+    if (mk instanceof _primitives.Dict) {
+      this.borderColor = getRgbColor(mk.getArray("BC"), null);
+      this.backgroundColor = getRgbColor(mk.getArray("BG"), null);
+    } else {
+      this.borderColor = this.backgroundColor = null;
+    }
+  }
+  setBorderStyle(borderStyle) {
+    this.borderStyle = new AnnotationBorderStyle();
+    if (!(borderStyle instanceof _primitives.Dict)) {
+      return;
+    }
+    if (borderStyle.has("BS")) {
+      const dict = borderStyle.get("BS");
+      const dictType = dict.get("Type");
+      if (!dictType || (0, _primitives.isName)(dictType, "Border")) {
+        this.borderStyle.setWidth(dict.get("W"), this.rectangle);
+        this.borderStyle.setStyle(dict.get("S"));
+        this.borderStyle.setDashArray(dict.getArray("D"));
+      }
+    } else if (borderStyle.has("Border")) {
+      const array = borderStyle.getArray("Border");
+      if (Array.isArray(array) && array.length >= 3) {
+        this.borderStyle.setHorizontalCornerRadius(array[0]);
+        this.borderStyle.setVerticalCornerRadius(array[1]);
+        this.borderStyle.setWidth(array[2], this.rectangle);
+        if (array.length === 4) {
+          this.borderStyle.setDashArray(array[3], true);
+        }
+      }
+    } else {
+      this.borderStyle.setWidth(0);
+    }
+  }
+  setAppearance(dict) {
+    this.appearance = null;
+    const appearanceStates = dict.get("AP");
+    if (!(appearanceStates instanceof _primitives.Dict)) {
+      return;
+    }
+    const normalAppearanceState = appearanceStates.get("N");
+    if (normalAppearanceState instanceof _base_stream.BaseStream) {
+      this.appearance = normalAppearanceState;
+      return;
+    }
+    if (!(normalAppearanceState instanceof _primitives.Dict)) {
+      return;
+    }
+    const as = dict.get("AS");
+    if (!(as instanceof _primitives.Name) || !normalAppearanceState.has(as.name)) {
+      return;
+    }
+    const appearance = normalAppearanceState.get(as.name);
+    if (appearance instanceof _base_stream.BaseStream) {
+      this.appearance = appearance;
+    }
+  }
+  setOptionalContent(dict) {
+    this.oc = null;
+    const oc = dict.get("OC");
+    if (oc instanceof _primitives.Name) {
+      (0, _util.warn)("setOptionalContent: Support for /Name-entry is not implemented.");
+    } else if (oc instanceof _primitives.Dict) {
+      this.oc = oc;
+    }
+  }
+  loadResources(keys, appearance) {
+    return appearance.dict.getAsync("Resources").then(resources => {
+      if (!resources) {
+        return undefined;
+      }
+      const objectLoader = new _object_loader.ObjectLoader(resources, keys, resources.xref);
+      return objectLoader.load().then(function () {
+        return resources;
+      });
+    });
+  }
+  async getOperatorList(evaluator, task, intent, renderForms, annotationStorage) {
+    const data = this.data;
+    let appearance = this.appearance;
+    const isUsingOwnCanvas = !!(this.data.hasOwnCanvas && intent & _util.RenderingIntentFlag.DISPLAY);
+    if (!appearance) {
+      if (!isUsingOwnCanvas) {
+        return {
+          opList: new _operator_list.OperatorList(),
+          separateForm: false,
+          separateCanvas: false
+        };
+      }
+      appearance = new _stream.StringStream("");
+      appearance.dict = new _primitives.Dict();
+    }
+    const appearanceDict = appearance.dict;
+    const resources = await this.loadResources(["ExtGState", "ColorSpace", "Pattern", "Shading", "XObject", "Font"], appearance);
+    const bbox = appearanceDict.getArray("BBox") || [0, 0, 1, 1];
+    const matrix = appearanceDict.getArray("Matrix") || [1, 0, 0, 1, 0, 0];
+    const transform = getTransformMatrix(data.rect, bbox, matrix);
+    const opList = new _operator_list.OperatorList();
+    let optionalContent;
+    if (this.oc) {
+      optionalContent = await evaluator.parseMarkedContentProps(this.oc, null);
+    }
+    if (optionalContent !== undefined) {
+      opList.addOp(_util.OPS.beginMarkedContentProps, ["OC", optionalContent]);
+    }
+    opList.addOp(_util.OPS.beginAnnotation, [data.id, data.rect, transform, matrix, isUsingOwnCanvas]);
+    await evaluator.getOperatorList({
+      stream: appearance,
+      task,
+      resources,
+      operatorList: opList,
+      fallbackFontDict: this._fallbackFontDict
+    });
+    opList.addOp(_util.OPS.endAnnotation, []);
+    if (optionalContent !== undefined) {
+      opList.addOp(_util.OPS.endMarkedContent, []);
+    }
+    this.reset();
+    return {
+      opList,
+      separateForm: false,
+      separateCanvas: isUsingOwnCanvas
+    };
+  }
+  async save(evaluator, task, annotationStorage) {
+    return null;
+  }
+  get hasTextContent() {
+    return false;
+  }
+  async extractTextContent(evaluator, task, viewBox) {
+    if (!this.appearance) {
+      return;
+    }
+    const resources = await this.loadResources(["ExtGState", "Font", "Properties", "XObject"], this.appearance);
+    const text = [];
+    const buffer = [];
+    const sink = {
+      desiredSize: Math.Infinity,
+      ready: true,
+      enqueue(chunk, size) {
+        for (const item of chunk.items) {
+          buffer.push(item.str);
+          if (item.hasEOL) {
+            text.push(buffer.join(""));
+            buffer.length = 0;
+          }
+        }
+      }
+    };
+    await evaluator.getTextContent({
+      stream: this.appearance,
+      task,
+      resources,
+      includeMarkedContent: true,
+      sink,
+      viewBox
+    });
+    this.reset();
+    if (buffer.length) {
+      text.push(buffer.join(""));
+    }
+    if (text.length > 0) {
+      this.data.textContent = text;
+    }
+  }
+  getFieldObject() {
+    if (this.data.kidIds) {
+      return {
+        id: this.data.id,
+        actions: this.data.actions,
+        name: this.data.fieldName,
+        strokeColor: this.data.borderColor,
+        fillColor: this.data.backgroundColor,
+        type: "",
+        kidIds: this.data.kidIds,
+        page: this.data.pageIndex,
+        rotation: this.rotation
+      };
+    }
+    return null;
+  }
+  reset() {
+    for (const stream of this._streams) {
+      stream.reset();
+    }
+  }
+  _constructFieldName(dict) {
+    if (!dict.has("T") && !dict.has("Parent")) {
+      (0, _util.warn)("Unknown field name, falling back to empty field name.");
+      return "";
+    }
+    if (!dict.has("Parent")) {
+      return (0, _util.stringToPDFString)(dict.get("T"));
+    }
+    const fieldName = [];
+    if (dict.has("T")) {
+      fieldName.unshift((0, _util.stringToPDFString)(dict.get("T")));
+    }
+    let loopDict = dict;
+    const visited = new _primitives.RefSet();
+    if (dict.objId) {
+      visited.put(dict.objId);
+    }
+    while (loopDict.has("Parent")) {
+      loopDict = loopDict.get("Parent");
+      if (!(loopDict instanceof _primitives.Dict) || loopDict.objId && visited.has(loopDict.objId)) {
+        break;
+      }
+      if (loopDict.objId) {
+        visited.put(loopDict.objId);
+      }
+      if (loopDict.has("T")) {
+        const t = (0, _util.stringToPDFString)(loopDict.get("T"));
+        if (!t.startsWith("#")) {
+          fieldName.unshift(t);
+        }
+      }
+    }
+    return fieldName.join(".");
+  }
+}
+exports.Annotation = Annotation;
+class AnnotationBorderStyle {
+  constructor() {
+    this.width = 1;
+    this.style = _util.AnnotationBorderStyleType.SOLID;
+    this.dashArray = [3];
+    this.horizontalCornerRadius = 0;
+    this.verticalCornerRadius = 0;
+  }
+  setWidth(width, rect = [0, 0, 0, 0]) {
+    if (width instanceof _primitives.Name) {
+      this.width = 0;
+      return;
+    }
+    if (typeof width === "number") {
+      if (width > 0) {
+        const maxWidth = (rect[2] - rect[0]) / 2;
+        const maxHeight = (rect[3] - rect[1]) / 2;
+        if (maxWidth > 0 && maxHeight > 0 && (width > maxWidth || width > maxHeight)) {
+          (0, _util.warn)(`AnnotationBorderStyle.setWidth - ignoring width: ${width}`);
+          width = 1;
+        }
+      }
+      this.width = width;
+    }
+  }
+  setStyle(style) {
+    if (!(style instanceof _primitives.Name)) {
+      return;
+    }
+    switch (style.name) {
+      case "S":
+        this.style = _util.AnnotationBorderStyleType.SOLID;
+        break;
+      case "D":
+        this.style = _util.AnnotationBorderStyleType.DASHED;
+        break;
+      case "B":
+        this.style = _util.AnnotationBorderStyleType.BEVELED;
+        break;
+      case "I":
+        this.style = _util.AnnotationBorderStyleType.INSET;
+        break;
+      case "U":
+        this.style = _util.AnnotationBorderStyleType.UNDERLINE;
+        break;
+      default:
+        break;
+    }
+  }
+  setDashArray(dashArray, forceStyle = false) {
+    if (Array.isArray(dashArray) && dashArray.length > 0) {
+      let isValid = true;
+      let allZeros = true;
+      for (const element of dashArray) {
+        const validNumber = +element >= 0;
+        if (!validNumber) {
+          isValid = false;
+          break;
+        } else if (element > 0) {
+          allZeros = false;
+        }
+      }
+      if (isValid && !allZeros) {
+        this.dashArray = dashArray;
+        if (forceStyle) {
+          this.setStyle(_primitives.Name.get("D"));
+        }
+      } else {
+        this.width = 0;
+      }
+    } else if (dashArray) {
+      this.width = 0;
+    }
+  }
+  setHorizontalCornerRadius(radius) {
+    if (Number.isInteger(radius)) {
+      this.horizontalCornerRadius = radius;
+    }
+  }
+  setVerticalCornerRadius(radius) {
+    if (Number.isInteger(radius)) {
+      this.verticalCornerRadius = radius;
+    }
+  }
+}
+exports.AnnotationBorderStyle = AnnotationBorderStyle;
+class MarkupAnnotation extends Annotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict
+    } = params;
+    if (dict.has("IRT")) {
+      const rawIRT = dict.getRaw("IRT");
+      this.data.inReplyTo = rawIRT instanceof _primitives.Ref ? rawIRT.toString() : null;
+      const rt = dict.get("RT");
+      this.data.replyType = rt instanceof _primitives.Name ? rt.name : _util.AnnotationReplyType.REPLY;
+    }
+    if (this.data.replyType === _util.AnnotationReplyType.GROUP) {
+      const parent = dict.get("IRT");
+      this.setTitle(parent.get("T"));
+      this.data.titleObj = this._title;
+      this.setContents(parent.get("Contents"));
+      this.data.contentsObj = this._contents;
+      if (!parent.has("CreationDate")) {
+        this.data.creationDate = null;
+      } else {
+        this.setCreationDate(parent.get("CreationDate"));
+        this.data.creationDate = this.creationDate;
+      }
+      if (!parent.has("M")) {
+        this.data.modificationDate = null;
+      } else {
+        this.setModificationDate(parent.get("M"));
+        this.data.modificationDate = this.modificationDate;
+      }
+      this.data.hasPopup = parent.has("Popup");
+      if (!parent.has("C")) {
+        this.data.color = null;
+      } else {
+        this.setColor(parent.getArray("C"));
+        this.data.color = this.color;
+      }
+    } else {
+      this.data.titleObj = this._title;
+      this.setCreationDate(dict.get("CreationDate"));
+      this.data.creationDate = this.creationDate;
+      this.data.hasPopup = dict.has("Popup");
+      if (!dict.has("C")) {
+        this.data.color = null;
+      }
+    }
+    if (dict.has("RC")) {
+      this.data.richText = _factory.XFAFactory.getRichTextAsHtml(dict.get("RC"));
+    }
+  }
+  setCreationDate(creationDate) {
+    this.creationDate = typeof creationDate === "string" ? creationDate : null;
+  }
+  _setDefaultAppearance({
+    xref,
+    extra,
+    strokeColor,
+    fillColor,
+    blendMode,
+    strokeAlpha,
+    fillAlpha,
+    pointsCallback
+  }) {
+    let minX = Number.MAX_VALUE;
+    let minY = Number.MAX_VALUE;
+    let maxX = Number.MIN_VALUE;
+    let maxY = Number.MIN_VALUE;
+    const buffer = ["q"];
+    if (extra) {
+      buffer.push(extra);
+    }
+    if (strokeColor) {
+      buffer.push(`${strokeColor[0]} ${strokeColor[1]} ${strokeColor[2]} RG`);
+    }
+    if (fillColor) {
+      buffer.push(`${fillColor[0]} ${fillColor[1]} ${fillColor[2]} rg`);
+    }
+    let pointsArray = this.data.quadPoints;
+    if (!pointsArray) {
+      pointsArray = [[{
+        x: this.rectangle[0],
+        y: this.rectangle[3]
+      }, {
+        x: this.rectangle[2],
+        y: this.rectangle[3]
+      }, {
+        x: this.rectangle[0],
+        y: this.rectangle[1]
+      }, {
+        x: this.rectangle[2],
+        y: this.rectangle[1]
+      }]];
+    }
+    for (const points of pointsArray) {
+      const [mX, MX, mY, MY] = pointsCallback(buffer, points);
+      minX = Math.min(minX, mX);
+      maxX = Math.max(maxX, MX);
+      minY = Math.min(minY, mY);
+      maxY = Math.max(maxY, MY);
+    }
+    buffer.push("Q");
+    const formDict = new _primitives.Dict(xref);
+    const appearanceStreamDict = new _primitives.Dict(xref);
+    appearanceStreamDict.set("Subtype", _primitives.Name.get("Form"));
+    const appearanceStream = new _stream.StringStream(buffer.join(" "));
+    appearanceStream.dict = appearanceStreamDict;
+    formDict.set("Fm0", appearanceStream);
+    const gsDict = new _primitives.Dict(xref);
+    if (blendMode) {
+      gsDict.set("BM", _primitives.Name.get(blendMode));
+    }
+    if (typeof strokeAlpha === "number") {
+      gsDict.set("CA", strokeAlpha);
+    }
+    if (typeof fillAlpha === "number") {
+      gsDict.set("ca", fillAlpha);
+    }
+    const stateDict = new _primitives.Dict(xref);
+    stateDict.set("GS0", gsDict);
+    const resources = new _primitives.Dict(xref);
+    resources.set("ExtGState", stateDict);
+    resources.set("XObject", formDict);
+    const appearanceDict = new _primitives.Dict(xref);
+    appearanceDict.set("Resources", resources);
+    const bbox = this.data.rect = [minX, minY, maxX, maxY];
+    appearanceDict.set("BBox", bbox);
+    this.appearance = new _stream.StringStream("/GS0 gs /Fm0 Do");
+    this.appearance.dict = appearanceDict;
+    this._streams.push(this.appearance, appearanceStream);
+  }
+  static async createNewAnnotation(xref, annotation, dependencies, params) {
+    const annotationRef = xref.getNewTemporaryRef();
+    const ap = await this.createNewAppearanceStream(annotation, xref, params);
+    const buffer = [];
+    let annotationDict;
+    if (ap) {
+      const apRef = xref.getNewTemporaryRef();
+      annotationDict = this.createNewDict(annotation, xref, {
+        apRef
+      });
+      const transform = xref.encrypt ? xref.encrypt.createCipherTransform(apRef.num, apRef.gen) : null;
+      (0, _writer.writeObject)(apRef, ap, buffer, transform);
+      dependencies.push({
+        ref: apRef,
+        data: buffer.join("")
+      });
+    } else {
+      annotationDict = this.createNewDict(annotation, xref, {});
+    }
+    buffer.length = 0;
+    const transform = xref.encrypt ? xref.encrypt.createCipherTransform(annotationRef.num, annotationRef.gen) : null;
+    (0, _writer.writeObject)(annotationRef, annotationDict, buffer, transform);
+    return {
+      ref: annotationRef,
+      data: buffer.join("")
+    };
+  }
+  static async createNewPrintAnnotation(xref, annotation, params) {
+    const ap = await this.createNewAppearanceStream(annotation, xref, params);
+    const annotationDict = this.createNewDict(annotation, xref, {
+      ap
+    });
+    return new this.prototype.constructor({
+      dict: annotationDict,
+      xref,
+      isOffscreenCanvasSupported: params.isOffscreenCanvasSupported
+    });
+  }
+}
+exports.MarkupAnnotation = MarkupAnnotation;
+class WidgetAnnotation extends Annotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    const data = this.data;
+    this.ref = params.ref;
+    this._needAppearances = params.needAppearances;
+    data.annotationType = _util.AnnotationType.WIDGET;
+    if (data.fieldName === undefined) {
+      data.fieldName = this._constructFieldName(dict);
+    }
+    if (data.actions === undefined) {
+      data.actions = (0, _core_utils.collectActions)(xref, dict, _util.AnnotationActionEventType);
+    }
+    let fieldValue = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "V",
+      getArray: true
+    });
+    data.fieldValue = this._decodeFormValue(fieldValue);
+    const defaultFieldValue = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "DV",
+      getArray: true
+    });
+    data.defaultFieldValue = this._decodeFormValue(defaultFieldValue);
+    if (fieldValue === undefined && params.xfaDatasets) {
+      const path = this._title.str;
+      if (path) {
+        this._hasValueFromXFA = true;
+        data.fieldValue = fieldValue = params.xfaDatasets.getValue(path);
+      }
+    }
+    if (fieldValue === undefined && data.defaultFieldValue !== null) {
+      data.fieldValue = data.defaultFieldValue;
+    }
+    data.alternativeText = (0, _util.stringToPDFString)(dict.get("TU") || "");
+    this.setDefaultAppearance(params);
+    data.hasAppearance ||= this._needAppearances && data.fieldValue !== undefined && data.fieldValue !== null;
+    const fieldType = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "FT"
+    });
+    data.fieldType = fieldType instanceof _primitives.Name ? fieldType.name : null;
+    const localResources = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "DR"
+    });
+    const acroFormResources = params.acroForm.get("DR");
+    const appearanceResources = this.appearance && this.appearance.dict.get("Resources");
+    this._fieldResources = {
+      localResources,
+      acroFormResources,
+      appearanceResources,
+      mergedResources: _primitives.Dict.merge({
+        xref,
+        dictArray: [localResources, appearanceResources, acroFormResources],
+        mergeSubDicts: true
+      })
+    };
+    data.fieldFlags = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "Ff"
+    });
+    if (!Number.isInteger(data.fieldFlags) || data.fieldFlags < 0) {
+      data.fieldFlags = 0;
+    }
+    data.readOnly = this.hasFieldFlag(_util.AnnotationFieldFlag.READONLY);
+    data.required = this.hasFieldFlag(_util.AnnotationFieldFlag.REQUIRED);
+    data.hidden = this._hasFlag(data.annotationFlags, _util.AnnotationFlag.HIDDEN);
+  }
+  _decodeFormValue(formValue) {
+    if (Array.isArray(formValue)) {
+      return formValue.filter(item => typeof item === "string").map(item => (0, _util.stringToPDFString)(item));
+    } else if (formValue instanceof _primitives.Name) {
+      return (0, _util.stringToPDFString)(formValue.name);
+    } else if (typeof formValue === "string") {
+      return (0, _util.stringToPDFString)(formValue);
+    }
+    return null;
+  }
+  hasFieldFlag(flag) {
+    return !!(this.data.fieldFlags & flag);
+  }
+  getRotationMatrix(annotationStorage) {
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    let rotation = storageEntry && storageEntry.rotation;
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    if (rotation === 0) {
+      return _util.IDENTITY_MATRIX;
+    }
+    const width = this.data.rect[2] - this.data.rect[0];
+    const height = this.data.rect[3] - this.data.rect[1];
+    return (0, _core_utils.getRotationMatrix)(rotation, width, height);
+  }
+  getBorderAndBackgroundAppearances(annotationStorage) {
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    let rotation = storageEntry && storageEntry.rotation;
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    if (!this.backgroundColor && !this.borderColor) {
+      return "";
+    }
+    const width = this.data.rect[2] - this.data.rect[0];
+    const height = this.data.rect[3] - this.data.rect[1];
+    const rect = rotation === 0 || rotation === 180 ? `0 0 ${width} ${height} re` : `0 0 ${height} ${width} re`;
+    let str = "";
+    if (this.backgroundColor) {
+      str = `${(0, _default_appearance.getPdfColor)(this.backgroundColor, true)} ${rect} f `;
+    }
+    if (this.borderColor) {
+      const borderWidth = this.borderStyle.width || 1;
+      str += `${borderWidth} w ${(0, _default_appearance.getPdfColor)(this.borderColor, false)} ${rect} S `;
+    }
+    return str;
+  }
+  async getOperatorList(evaluator, task, intent, renderForms, annotationStorage) {
+    if (renderForms && !(this instanceof SignatureWidgetAnnotation) && !this.data.noHTML && !this.data.hasOwnCanvas) {
+      return {
+        opList: new _operator_list.OperatorList(),
+        separateForm: true,
+        separateCanvas: false
+      };
+    }
+    if (!this._hasText) {
+      return super.getOperatorList(evaluator, task, intent, renderForms, annotationStorage);
+    }
+    const content = await this._getAppearance(evaluator, task, intent, annotationStorage);
+    if (this.appearance && content === null) {
+      return super.getOperatorList(evaluator, task, intent, renderForms, annotationStorage);
+    }
+    const opList = new _operator_list.OperatorList();
+    if (!this._defaultAppearance || content === null) {
+      return {
+        opList,
+        separateForm: false,
+        separateCanvas: false
+      };
+    }
+    const matrix = [1, 0, 0, 1, 0, 0];
+    const bbox = [0, 0, this.data.rect[2] - this.data.rect[0], this.data.rect[3] - this.data.rect[1]];
+    const transform = getTransformMatrix(this.data.rect, bbox, matrix);
+    let optionalContent;
+    if (this.oc) {
+      optionalContent = await evaluator.parseMarkedContentProps(this.oc, null);
+    }
+    if (optionalContent !== undefined) {
+      opList.addOp(_util.OPS.beginMarkedContentProps, ["OC", optionalContent]);
+    }
+    opList.addOp(_util.OPS.beginAnnotation, [this.data.id, this.data.rect, transform, this.getRotationMatrix(annotationStorage), false]);
+    const stream = new _stream.StringStream(content);
+    await evaluator.getOperatorList({
+      stream,
+      task,
+      resources: this._fieldResources.mergedResources,
+      operatorList: opList
+    });
+    opList.addOp(_util.OPS.endAnnotation, []);
+    if (optionalContent !== undefined) {
+      opList.addOp(_util.OPS.endMarkedContent, []);
+    }
+    return {
+      opList,
+      separateForm: false,
+      separateCanvas: false
+    };
+  }
+  _getMKDict(rotation) {
+    const mk = new _primitives.Dict(null);
+    if (rotation) {
+      mk.set("R", rotation);
+    }
+    if (this.borderColor) {
+      mk.set("BC", getPdfColorArray(this.borderColor));
+    }
+    if (this.backgroundColor) {
+      mk.set("BG", getPdfColorArray(this.backgroundColor));
+    }
+    return mk.size > 0 ? mk : null;
+  }
+  amendSavedDict(annotationStorage, dict) {}
+  async save(evaluator, task, annotationStorage) {
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    let value = storageEntry && storageEntry.value;
+    let rotation = storageEntry && storageEntry.rotation;
+    if (value === this.data.fieldValue || value === undefined) {
+      if (!this._hasValueFromXFA && rotation === undefined) {
+        return null;
+      }
+      value ||= this.data.fieldValue;
+    }
+    if (rotation === undefined && !this._hasValueFromXFA && Array.isArray(value) && Array.isArray(this.data.fieldValue) && value.length === this.data.fieldValue.length && value.every((x, i) => x === this.data.fieldValue[i])) {
+      return null;
+    }
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    let appearance = null;
+    if (!this._needAppearances) {
+      appearance = await this._getAppearance(evaluator, task, _util.RenderingIntentFlag.SAVE, annotationStorage);
+      if (appearance === null) {
+        return null;
+      }
+    } else {}
+    let needAppearances = false;
+    if (appearance && appearance.needAppearances) {
+      needAppearances = true;
+      appearance = null;
+    }
+    const {
+      xref
+    } = evaluator;
+    const originalDict = xref.fetchIfRef(this.ref);
+    if (!(originalDict instanceof _primitives.Dict)) {
+      return null;
+    }
+    const dict = new _primitives.Dict(xref);
+    for (const key of originalDict.getKeys()) {
+      if (key !== "AP") {
+        dict.set(key, originalDict.getRaw(key));
+      }
+    }
+    const xfa = {
+      path: this.data.fieldName,
+      value
+    };
+    const encoder = val => {
+      return (0, _core_utils.isAscii)(val) ? val : (0, _core_utils.stringToUTF16String)(val, true);
+    };
+    dict.set("V", Array.isArray(value) ? value.map(encoder) : encoder(value));
+    this.amendSavedDict(annotationStorage, dict);
+    const maybeMK = this._getMKDict(rotation);
+    if (maybeMK) {
+      dict.set("MK", maybeMK);
+    }
+    const encrypt = xref.encrypt;
+    const originalTransform = encrypt ? encrypt.createCipherTransform(this.ref.num, this.ref.gen) : null;
+    const buffer = [];
+    const changes = [{
+      ref: this.ref,
+      data: "",
+      xfa,
+      needAppearances
+    }];
+    if (appearance !== null) {
+      const newRef = xref.getNewTemporaryRef();
+      const AP = new _primitives.Dict(xref);
+      dict.set("AP", AP);
+      AP.set("N", newRef);
+      let newTransform = null;
+      if (encrypt) {
+        newTransform = encrypt.createCipherTransform(newRef.num, newRef.gen);
+      }
+      const resources = this._getSaveFieldResources(xref);
+      const appearanceStream = new _stream.StringStream(appearance);
+      const appearanceDict = appearanceStream.dict = new _primitives.Dict(xref);
+      appearanceDict.set("Subtype", _primitives.Name.get("Form"));
+      appearanceDict.set("Resources", resources);
+      appearanceDict.set("BBox", [0, 0, this.data.rect[2] - this.data.rect[0], this.data.rect[3] - this.data.rect[1]]);
+      const rotationMatrix = this.getRotationMatrix(annotationStorage);
+      if (rotationMatrix !== _util.IDENTITY_MATRIX) {
+        appearanceDict.set("Matrix", rotationMatrix);
+      }
+      (0, _writer.writeObject)(newRef, appearanceStream, buffer, newTransform);
+      changes.push({
+        ref: newRef,
+        data: buffer.join(""),
+        xfa: null,
+        needAppearances: false
+      });
+      buffer.length = 0;
+    }
+    dict.set("M", `D:${(0, _util.getModificationDate)()}`);
+    (0, _writer.writeObject)(this.ref, dict, buffer, originalTransform);
+    changes[0].data = buffer.join("");
+    return changes;
+  }
+  async _getAppearance(evaluator, task, intent, annotationStorage) {
+    const isPassword = this.hasFieldFlag(_util.AnnotationFieldFlag.PASSWORD);
+    if (isPassword) {
+      return null;
+    }
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    let value, rotation;
+    if (storageEntry) {
+      value = storageEntry.formattedValue || storageEntry.value;
+      rotation = storageEntry.rotation;
+    }
+    if (rotation === undefined && value === undefined && !this._needAppearances) {
+      if (!this._hasValueFromXFA || this.appearance) {
+        return null;
+      }
+    }
+    const colors = this.getBorderAndBackgroundAppearances(annotationStorage);
+    if (value === undefined) {
+      value = this.data.fieldValue;
+      if (!value) {
+        return `/Tx BMC q ${colors}Q EMC`;
+      }
+    }
+    if (Array.isArray(value) && value.length === 1) {
+      value = value[0];
+    }
+    (0, _util.assert)(typeof value === "string", "Expected `value` to be a string.");
+    value = value.trim();
+    if (this.data.combo) {
+      const option = this.data.options.find(({
+        exportValue
+      }) => value === exportValue);
+      value = option && option.displayValue || value;
+    }
+    if (value === "") {
+      return `/Tx BMC q ${colors}Q EMC`;
+    }
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    let lineCount = -1;
+    let lines;
+    if (this.data.multiLine) {
+      lines = value.split(/\r\n?|\n/).map(line => line.normalize("NFC"));
+      lineCount = lines.length;
+    } else {
+      lines = [value.replace(/\r\n?|\n/, "").normalize("NFC")];
+    }
+    const defaultPadding = 1;
+    const defaultHPadding = 2;
+    let totalHeight = this.data.rect[3] - this.data.rect[1];
+    let totalWidth = this.data.rect[2] - this.data.rect[0];
+    if (rotation === 90 || rotation === 270) {
+      [totalWidth, totalHeight] = [totalHeight, totalWidth];
+    }
+    if (!this._defaultAppearance) {
+      this.data.defaultAppearanceData = (0, _default_appearance.parseDefaultAppearance)(this._defaultAppearance = "/Helvetica 0 Tf 0 g");
+    }
+    let font = await WidgetAnnotation._getFontData(evaluator, task, this.data.defaultAppearanceData, this._fieldResources.mergedResources);
+    let defaultAppearance, fontSize, lineHeight;
+    const encodedLines = [];
+    let encodingError = false;
+    for (const line of lines) {
+      const encodedString = font.encodeString(line);
+      if (encodedString.length > 1) {
+        encodingError = true;
+      }
+      encodedLines.push(encodedString.join(""));
+    }
+    if (encodingError && intent & _util.RenderingIntentFlag.SAVE) {
+      return {
+        needAppearances: true
+      };
+    }
+    if (encodingError && this._isOffscreenCanvasSupported) {
+      const fontFamily = this.data.comb ? "monospace" : "sans-serif";
+      const fakeUnicodeFont = new _default_appearance.FakeUnicodeFont(evaluator.xref, fontFamily);
+      const resources = fakeUnicodeFont.createFontResources(lines.join(""));
+      const newFont = resources.getRaw("Font");
+      if (this._fieldResources.mergedResources.has("Font")) {
+        const oldFont = this._fieldResources.mergedResources.get("Font");
+        for (const key of newFont.getKeys()) {
+          oldFont.set(key, newFont.getRaw(key));
+        }
+      } else {
+        this._fieldResources.mergedResources.set("Font", newFont);
+      }
+      const fontName = fakeUnicodeFont.fontName.name;
+      font = await WidgetAnnotation._getFontData(evaluator, task, {
+        fontName,
+        fontSize: 0
+      }, resources);
+      for (let i = 0, ii = encodedLines.length; i < ii; i++) {
+        encodedLines[i] = (0, _core_utils.stringToUTF16String)(lines[i]);
+      }
+      const savedDefaultAppearance = Object.assign(Object.create(null), this.data.defaultAppearanceData);
+      this.data.defaultAppearanceData.fontSize = 0;
+      this.data.defaultAppearanceData.fontName = fontName;
+      [defaultAppearance, fontSize, lineHeight] = this._computeFontSize(totalHeight - 2 * defaultPadding, totalWidth - 2 * defaultHPadding, value, font, lineCount);
+      this.data.defaultAppearanceData = savedDefaultAppearance;
+    } else {
+      if (!this._isOffscreenCanvasSupported) {
+        (0, _util.warn)("_getAppearance: OffscreenCanvas is not supported, annotation may not render correctly.");
+      }
+      [defaultAppearance, fontSize, lineHeight] = this._computeFontSize(totalHeight - 2 * defaultPadding, totalWidth - 2 * defaultHPadding, value, font, lineCount);
+    }
+    let descent = font.descent;
+    if (isNaN(descent)) {
+      descent = _util.BASELINE_FACTOR * lineHeight;
+    } else {
+      descent = Math.max(_util.BASELINE_FACTOR * lineHeight, Math.abs(descent) * fontSize);
+    }
+    const defaultVPadding = Math.min(Math.floor((totalHeight - fontSize) / 2), defaultPadding);
+    const alignment = this.data.textAlignment;
+    if (this.data.multiLine) {
+      return this._getMultilineAppearance(defaultAppearance, encodedLines, font, fontSize, totalWidth, totalHeight, alignment, defaultHPadding, defaultVPadding, descent, lineHeight, annotationStorage);
+    }
+    if (this.data.comb) {
+      return this._getCombAppearance(defaultAppearance, font, encodedLines[0], fontSize, totalWidth, totalHeight, defaultHPadding, defaultVPadding, descent, lineHeight, annotationStorage);
+    }
+    const bottomPadding = defaultVPadding + descent;
+    if (alignment === 0 || alignment > 2) {
+      return `/Tx BMC q ${colors}BT ` + defaultAppearance + ` 1 0 0 1 ${(0, _core_utils.numberToString)(defaultHPadding)} ${(0, _core_utils.numberToString)(bottomPadding)} Tm (${(0, _core_utils.escapeString)(encodedLines[0])}) Tj` + " ET Q EMC";
+    }
+    const prevInfo = {
+      shift: 0
+    };
+    const renderedText = this._renderText(encodedLines[0], font, fontSize, totalWidth, alignment, prevInfo, defaultHPadding, bottomPadding);
+    return `/Tx BMC q ${colors}BT ` + defaultAppearance + ` 1 0 0 1 0 0 Tm ${renderedText}` + " ET Q EMC";
+  }
+  static async _getFontData(evaluator, task, appearanceData, resources) {
+    const operatorList = new _operator_list.OperatorList();
+    const initialState = {
+      font: null,
+      clone() {
+        return this;
+      }
+    };
+    const {
+      fontName,
+      fontSize
+    } = appearanceData;
+    await evaluator.handleSetFont(resources, [fontName && _primitives.Name.get(fontName), fontSize], null, operatorList, task, initialState, null);
+    return initialState.font;
+  }
+  _getTextWidth(text, font) {
+    return font.charsToGlyphs(text).reduce((width, glyph) => width + glyph.width, 0) / 1000;
+  }
+  _computeFontSize(height, width, text, font, lineCount) {
+    let {
+      fontSize
+    } = this.data.defaultAppearanceData;
+    let lineHeight = (fontSize || 12) * _util.LINE_FACTOR,
+      numberOfLines = Math.round(height / lineHeight);
+    if (!fontSize) {
+      const roundWithTwoDigits = x => Math.floor(x * 100) / 100;
+      if (lineCount === -1) {
+        const textWidth = this._getTextWidth(text, font);
+        fontSize = roundWithTwoDigits(Math.min(height / _util.LINE_FACTOR, textWidth > width ? width / textWidth : Infinity));
+        numberOfLines = 1;
+      } else {
+        const lines = text.split(/\r\n?|\n/);
+        const cachedLines = [];
+        for (const line of lines) {
+          const encoded = font.encodeString(line).join("");
+          const glyphs = font.charsToGlyphs(encoded);
+          const positions = font.getCharPositions(encoded);
+          cachedLines.push({
+            line: encoded,
+            glyphs,
+            positions
+          });
+        }
+        const isTooBig = fsize => {
+          let totalHeight = 0;
+          for (const cache of cachedLines) {
+            const chunks = this._splitLine(null, font, fsize, width, cache);
+            totalHeight += chunks.length * fsize;
+            if (totalHeight > height) {
+              return true;
+            }
+          }
+          return false;
+        };
+        numberOfLines = Math.max(numberOfLines, lineCount);
+        while (true) {
+          lineHeight = height / numberOfLines;
+          fontSize = roundWithTwoDigits(lineHeight / _util.LINE_FACTOR);
+          if (isTooBig(fontSize)) {
+            numberOfLines++;
+            continue;
+          }
+          break;
+        }
+      }
+      const {
+        fontName,
+        fontColor
+      } = this.data.defaultAppearanceData;
+      this._defaultAppearance = (0, _default_appearance.createDefaultAppearance)({
+        fontSize,
+        fontName,
+        fontColor
+      });
+    }
+    return [this._defaultAppearance, fontSize, height / numberOfLines];
+  }
+  _renderText(text, font, fontSize, totalWidth, alignment, prevInfo, hPadding, vPadding) {
+    let shift;
+    if (alignment === 1) {
+      const width = this._getTextWidth(text, font) * fontSize;
+      shift = (totalWidth - width) / 2;
+    } else if (alignment === 2) {
+      const width = this._getTextWidth(text, font) * fontSize;
+      shift = totalWidth - width - hPadding;
+    } else {
+      shift = hPadding;
+    }
+    const shiftStr = (0, _core_utils.numberToString)(shift - prevInfo.shift);
+    prevInfo.shift = shift;
+    vPadding = (0, _core_utils.numberToString)(vPadding);
+    return `${shiftStr} ${vPadding} Td (${(0, _core_utils.escapeString)(text)}) Tj`;
+  }
+  _getSaveFieldResources(xref) {
+    const {
+      localResources,
+      appearanceResources,
+      acroFormResources
+    } = this._fieldResources;
+    const fontName = this.data.defaultAppearanceData && this.data.defaultAppearanceData.fontName;
+    if (!fontName) {
+      return localResources || _primitives.Dict.empty;
+    }
+    for (const resources of [localResources, appearanceResources]) {
+      if (resources instanceof _primitives.Dict) {
+        const localFont = resources.get("Font");
+        if (localFont instanceof _primitives.Dict && localFont.has(fontName)) {
+          return resources;
+        }
+      }
+    }
+    if (acroFormResources instanceof _primitives.Dict) {
+      const acroFormFont = acroFormResources.get("Font");
+      if (acroFormFont instanceof _primitives.Dict && acroFormFont.has(fontName)) {
+        const subFontDict = new _primitives.Dict(xref);
+        subFontDict.set(fontName, acroFormFont.getRaw(fontName));
+        const subResourcesDict = new _primitives.Dict(xref);
+        subResourcesDict.set("Font", subFontDict);
+        return _primitives.Dict.merge({
+          xref,
+          dictArray: [subResourcesDict, localResources],
+          mergeSubDicts: true
+        });
+      }
+    }
+    return localResources || _primitives.Dict.empty;
+  }
+  getFieldObject() {
+    return null;
+  }
+}
+class TextWidgetAnnotation extends WidgetAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.hasOwnCanvas = this.data.readOnly && !this.data.noHTML;
+    this._hasText = true;
+    const dict = params.dict;
+    if (typeof this.data.fieldValue !== "string") {
+      this.data.fieldValue = "";
+    }
+    let alignment = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "Q"
+    });
+    if (!Number.isInteger(alignment) || alignment < 0 || alignment > 2) {
+      alignment = null;
+    }
+    this.data.textAlignment = alignment;
+    let maximumLength = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "MaxLen"
+    });
+    if (!Number.isInteger(maximumLength) || maximumLength < 0) {
+      maximumLength = 0;
+    }
+    this.data.maxLen = maximumLength;
+    this.data.multiLine = this.hasFieldFlag(_util.AnnotationFieldFlag.MULTILINE);
+    this.data.comb = this.hasFieldFlag(_util.AnnotationFieldFlag.COMB) && !this.hasFieldFlag(_util.AnnotationFieldFlag.MULTILINE) && !this.hasFieldFlag(_util.AnnotationFieldFlag.PASSWORD) && !this.hasFieldFlag(_util.AnnotationFieldFlag.FILESELECT) && this.data.maxLen !== 0;
+    this.data.doNotScroll = this.hasFieldFlag(_util.AnnotationFieldFlag.DONOTSCROLL);
+  }
+  _getCombAppearance(defaultAppearance, font, text, fontSize, width, height, hPadding, vPadding, descent, lineHeight, annotationStorage) {
+    const combWidth = width / this.data.maxLen;
+    const colors = this.getBorderAndBackgroundAppearances(annotationStorage);
+    const buf = [];
+    const positions = font.getCharPositions(text);
+    for (const [start, end] of positions) {
+      buf.push(`(${(0, _core_utils.escapeString)(text.substring(start, end))}) Tj`);
+    }
+    const renderedComb = buf.join(` ${(0, _core_utils.numberToString)(combWidth)} 0 Td `);
+    return `/Tx BMC q ${colors}BT ` + defaultAppearance + ` 1 0 0 1 ${(0, _core_utils.numberToString)(hPadding)} ${(0, _core_utils.numberToString)(vPadding + descent)} Tm ${renderedComb}` + " ET Q EMC";
+  }
+  _getMultilineAppearance(defaultAppearance, lines, font, fontSize, width, height, alignment, hPadding, vPadding, descent, lineHeight, annotationStorage) {
+    const buf = [];
+    const totalWidth = width - 2 * hPadding;
+    const prevInfo = {
+      shift: 0
+    };
+    for (let i = 0, ii = lines.length; i < ii; i++) {
+      const line = lines[i];
+      const chunks = this._splitLine(line, font, fontSize, totalWidth);
+      for (let j = 0, jj = chunks.length; j < jj; j++) {
+        const chunk = chunks[j];
+        const vShift = i === 0 && j === 0 ? -vPadding - (lineHeight - descent) : -lineHeight;
+        buf.push(this._renderText(chunk, font, fontSize, width, alignment, prevInfo, hPadding, vShift));
+      }
+    }
+    const colors = this.getBorderAndBackgroundAppearances(annotationStorage);
+    const renderedText = buf.join("\n");
+    return `/Tx BMC q ${colors}BT ` + defaultAppearance + ` 1 0 0 1 0 ${(0, _core_utils.numberToString)(height)} Tm ${renderedText}` + " ET Q EMC";
+  }
+  _splitLine(line, font, fontSize, width, cache = {}) {
+    line = cache.line || line;
+    const glyphs = cache.glyphs || font.charsToGlyphs(line);
+    if (glyphs.length <= 1) {
+      return [line];
+    }
+    const positions = cache.positions || font.getCharPositions(line);
+    const scale = fontSize / 1000;
+    const chunks = [];
+    let lastSpacePosInStringStart = -1,
+      lastSpacePosInStringEnd = -1,
+      lastSpacePos = -1,
+      startChunk = 0,
+      currentWidth = 0;
+    for (let i = 0, ii = glyphs.length; i < ii; i++) {
+      const [start, end] = positions[i];
+      const glyph = glyphs[i];
+      const glyphWidth = glyph.width * scale;
+      if (glyph.unicode === " ") {
+        if (currentWidth + glyphWidth > width) {
+          chunks.push(line.substring(startChunk, start));
+          startChunk = start;
+          currentWidth = glyphWidth;
+          lastSpacePosInStringStart = -1;
+          lastSpacePos = -1;
+        } else {
+          currentWidth += glyphWidth;
+          lastSpacePosInStringStart = start;
+          lastSpacePosInStringEnd = end;
+          lastSpacePos = i;
+        }
+      } else {
+        if (currentWidth + glyphWidth > width) {
+          if (lastSpacePosInStringStart !== -1) {
+            chunks.push(line.substring(startChunk, lastSpacePosInStringEnd));
+            startChunk = lastSpacePosInStringEnd;
+            i = lastSpacePos + 1;
+            lastSpacePosInStringStart = -1;
+            currentWidth = 0;
+          } else {
+            chunks.push(line.substring(startChunk, start));
+            startChunk = start;
+            currentWidth = glyphWidth;
+          }
+        } else {
+          currentWidth += glyphWidth;
+        }
+      }
+    }
+    if (startChunk < line.length) {
+      chunks.push(line.substring(startChunk, line.length));
+    }
+    return chunks;
+  }
+  getFieldObject() {
+    return {
+      id: this.data.id,
+      value: this.data.fieldValue,
+      defaultValue: this.data.defaultFieldValue || "",
+      multiline: this.data.multiLine,
+      password: this.hasFieldFlag(_util.AnnotationFieldFlag.PASSWORD),
+      charLimit: this.data.maxLen,
+      comb: this.data.comb,
+      editable: !this.data.readOnly,
+      hidden: this.data.hidden,
+      name: this.data.fieldName,
+      rect: this.data.rect,
+      actions: this.data.actions,
+      page: this.data.pageIndex,
+      strokeColor: this.data.borderColor,
+      fillColor: this.data.backgroundColor,
+      rotation: this.rotation,
+      type: "text"
+    };
+  }
+}
+class ButtonWidgetAnnotation extends WidgetAnnotation {
+  constructor(params) {
+    super(params);
+    this.checkedAppearance = null;
+    this.uncheckedAppearance = null;
+    this.data.checkBox = !this.hasFieldFlag(_util.AnnotationFieldFlag.RADIO) && !this.hasFieldFlag(_util.AnnotationFieldFlag.PUSHBUTTON);
+    this.data.radioButton = this.hasFieldFlag(_util.AnnotationFieldFlag.RADIO) && !this.hasFieldFlag(_util.AnnotationFieldFlag.PUSHBUTTON);
+    this.data.pushButton = this.hasFieldFlag(_util.AnnotationFieldFlag.PUSHBUTTON);
+    this.data.isTooltipOnly = false;
+    if (this.data.checkBox) {
+      this._processCheckBox(params);
+    } else if (this.data.radioButton) {
+      this._processRadioButton(params);
+    } else if (this.data.pushButton) {
+      this.data.hasOwnCanvas = true;
+      this._processPushButton(params);
+    } else {
+      (0, _util.warn)("Invalid field flags for button widget annotation");
+    }
+  }
+  async getOperatorList(evaluator, task, intent, renderForms, annotationStorage) {
+    if (this.data.pushButton) {
+      return super.getOperatorList(evaluator, task, intent, false, annotationStorage);
+    }
+    let value = null;
+    let rotation = null;
+    if (annotationStorage) {
+      const storageEntry = annotationStorage.get(this.data.id);
+      value = storageEntry ? storageEntry.value : null;
+      rotation = storageEntry ? storageEntry.rotation : null;
+    }
+    if (value === null && this.appearance) {
+      return super.getOperatorList(evaluator, task, intent, renderForms, annotationStorage);
+    }
+    if (value === null || value === undefined) {
+      if (this.data.checkBox) {
+        value = this.data.fieldValue === this.data.exportValue;
+      } else {
+        value = this.data.fieldValue === this.data.buttonValue;
+      }
+    }
+    const appearance = value ? this.checkedAppearance : this.uncheckedAppearance;
+    if (appearance) {
+      const savedAppearance = this.appearance;
+      const savedMatrix = appearance.dict.getArray("Matrix") || _util.IDENTITY_MATRIX;
+      if (rotation) {
+        appearance.dict.set("Matrix", this.getRotationMatrix(annotationStorage));
+      }
+      this.appearance = appearance;
+      const operatorList = super.getOperatorList(evaluator, task, intent, renderForms, annotationStorage);
+      this.appearance = savedAppearance;
+      appearance.dict.set("Matrix", savedMatrix);
+      return operatorList;
+    }
+    return {
+      opList: new _operator_list.OperatorList(),
+      separateForm: false,
+      separateCanvas: false
+    };
+  }
+  async save(evaluator, task, annotationStorage) {
+    if (this.data.checkBox) {
+      return this._saveCheckbox(evaluator, task, annotationStorage);
+    }
+    if (this.data.radioButton) {
+      return this._saveRadioButton(evaluator, task, annotationStorage);
+    }
+    return null;
+  }
+  async _saveCheckbox(evaluator, task, annotationStorage) {
+    if (!annotationStorage) {
+      return null;
+    }
+    const storageEntry = annotationStorage.get(this.data.id);
+    let rotation = storageEntry && storageEntry.rotation;
+    let value = storageEntry && storageEntry.value;
+    if (rotation === undefined) {
+      if (value === undefined) {
+        return null;
+      }
+      const defaultValue = this.data.fieldValue === this.data.exportValue;
+      if (defaultValue === value) {
+        return null;
+      }
+    }
+    const dict = evaluator.xref.fetchIfRef(this.ref);
+    if (!(dict instanceof _primitives.Dict)) {
+      return null;
+    }
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    if (value === undefined) {
+      value = this.data.fieldValue === this.data.exportValue;
+    }
+    const xfa = {
+      path: this.data.fieldName,
+      value: value ? this.data.exportValue : ""
+    };
+    const name = _primitives.Name.get(value ? this.data.exportValue : "Off");
+    dict.set("V", name);
+    dict.set("AS", name);
+    dict.set("M", `D:${(0, _util.getModificationDate)()}`);
+    const maybeMK = this._getMKDict(rotation);
+    if (maybeMK) {
+      dict.set("MK", maybeMK);
+    }
+    const encrypt = evaluator.xref.encrypt;
+    let originalTransform = null;
+    if (encrypt) {
+      originalTransform = encrypt.createCipherTransform(this.ref.num, this.ref.gen);
+    }
+    const buffer = [`${this.ref.num} ${this.ref.gen} obj\n`];
+    (0, _writer.writeDict)(dict, buffer, originalTransform);
+    buffer.push("\nendobj\n");
+    return [{
+      ref: this.ref,
+      data: buffer.join(""),
+      xfa
+    }];
+  }
+  async _saveRadioButton(evaluator, task, annotationStorage) {
+    if (!annotationStorage) {
+      return null;
+    }
+    const storageEntry = annotationStorage.get(this.data.id);
+    let rotation = storageEntry && storageEntry.rotation;
+    let value = storageEntry && storageEntry.value;
+    if (rotation === undefined) {
+      if (value === undefined) {
+        return null;
+      }
+      const defaultValue = this.data.fieldValue === this.data.buttonValue;
+      if (defaultValue === value) {
+        return null;
+      }
+    }
+    const dict = evaluator.xref.fetchIfRef(this.ref);
+    if (!(dict instanceof _primitives.Dict)) {
+      return null;
+    }
+    if (value === undefined) {
+      value = this.data.fieldValue === this.data.buttonValue;
+    }
+    if (rotation === undefined) {
+      rotation = this.rotation;
+    }
+    const xfa = {
+      path: this.data.fieldName,
+      value: value ? this.data.buttonValue : ""
+    };
+    const name = _primitives.Name.get(value ? this.data.buttonValue : "Off");
+    let parentBuffer = null;
+    const encrypt = evaluator.xref.encrypt;
+    if (value) {
+      if (this.parent instanceof _primitives.Ref) {
+        const parent = evaluator.xref.fetch(this.parent);
+        let parentTransform = null;
+        if (encrypt) {
+          parentTransform = encrypt.createCipherTransform(this.parent.num, this.parent.gen);
+        }
+        parent.set("V", name);
+        parentBuffer = [`${this.parent.num} ${this.parent.gen} obj\n`];
+        (0, _writer.writeDict)(parent, parentBuffer, parentTransform);
+        parentBuffer.push("\nendobj\n");
+      } else if (this.parent instanceof _primitives.Dict) {
+        this.parent.set("V", name);
+      }
+    }
+    dict.set("AS", name);
+    dict.set("M", `D:${(0, _util.getModificationDate)()}`);
+    const maybeMK = this._getMKDict(rotation);
+    if (maybeMK) {
+      dict.set("MK", maybeMK);
+    }
+    let originalTransform = null;
+    if (encrypt) {
+      originalTransform = encrypt.createCipherTransform(this.ref.num, this.ref.gen);
+    }
+    const buffer = [`${this.ref.num} ${this.ref.gen} obj\n`];
+    (0, _writer.writeDict)(dict, buffer, originalTransform);
+    buffer.push("\nendobj\n");
+    const newRefs = [{
+      ref: this.ref,
+      data: buffer.join(""),
+      xfa
+    }];
+    if (parentBuffer !== null) {
+      newRefs.push({
+        ref: this.parent,
+        data: parentBuffer.join(""),
+        xfa: null
+      });
+    }
+    return newRefs;
+  }
+  _getDefaultCheckedAppearance(params, type) {
+    const width = this.data.rect[2] - this.data.rect[0];
+    const height = this.data.rect[3] - this.data.rect[1];
+    const bbox = [0, 0, width, height];
+    const FONT_RATIO = 0.8;
+    const fontSize = Math.min(width, height) * FONT_RATIO;
+    let metrics, char;
+    if (type === "check") {
+      metrics = {
+        width: 0.755 * fontSize,
+        height: 0.705 * fontSize
+      };
+      char = "\x33";
+    } else if (type === "disc") {
+      metrics = {
+        width: 0.791 * fontSize,
+        height: 0.705 * fontSize
+      };
+      char = "\x6C";
+    } else {
+      (0, _util.unreachable)(`_getDefaultCheckedAppearance - unsupported type: ${type}`);
+    }
+    const xShift = (0, _core_utils.numberToString)((width - metrics.width) / 2);
+    const yShift = (0, _core_utils.numberToString)((height - metrics.height) / 2);
+    const appearance = `q BT /PdfJsZaDb ${fontSize} Tf 0 g ${xShift} ${yShift} Td (${char}) Tj ET Q`;
+    const appearanceStreamDict = new _primitives.Dict(params.xref);
+    appearanceStreamDict.set("FormType", 1);
+    appearanceStreamDict.set("Subtype", _primitives.Name.get("Form"));
+    appearanceStreamDict.set("Type", _primitives.Name.get("XObject"));
+    appearanceStreamDict.set("BBox", bbox);
+    appearanceStreamDict.set("Matrix", [1, 0, 0, 1, 0, 0]);
+    appearanceStreamDict.set("Length", appearance.length);
+    const resources = new _primitives.Dict(params.xref);
+    const font = new _primitives.Dict(params.xref);
+    font.set("PdfJsZaDb", this.fallbackFontDict);
+    resources.set("Font", font);
+    appearanceStreamDict.set("Resources", resources);
+    this.checkedAppearance = new _stream.StringStream(appearance);
+    this.checkedAppearance.dict = appearanceStreamDict;
+    this._streams.push(this.checkedAppearance);
+  }
+  _processCheckBox(params) {
+    const customAppearance = params.dict.get("AP");
+    if (!(customAppearance instanceof _primitives.Dict)) {
+      return;
+    }
+    const normalAppearance = customAppearance.get("N");
+    if (!(normalAppearance instanceof _primitives.Dict)) {
+      return;
+    }
+    const asValue = this._decodeFormValue(params.dict.get("AS"));
+    if (typeof asValue === "string") {
+      this.data.fieldValue = asValue;
+    }
+    const yes = this.data.fieldValue !== null && this.data.fieldValue !== "Off" ? this.data.fieldValue : "Yes";
+    const exportValues = normalAppearance.getKeys();
+    if (exportValues.length === 0) {
+      exportValues.push("Off", yes);
+    } else if (exportValues.length === 1) {
+      if (exportValues[0] === "Off") {
+        exportValues.push(yes);
+      } else {
+        exportValues.unshift("Off");
+      }
+    } else if (exportValues.includes(yes)) {
+      exportValues.length = 0;
+      exportValues.push("Off", yes);
+    } else {
+      const otherYes = exportValues.find(v => v !== "Off");
+      exportValues.length = 0;
+      exportValues.push("Off", otherYes);
+    }
+    if (!exportValues.includes(this.data.fieldValue)) {
+      this.data.fieldValue = "Off";
+    }
+    this.data.exportValue = exportValues[1];
+    const checkedAppearance = normalAppearance.get(this.data.exportValue);
+    this.checkedAppearance = checkedAppearance instanceof _base_stream.BaseStream ? checkedAppearance : null;
+    const uncheckedAppearance = normalAppearance.get("Off");
+    this.uncheckedAppearance = uncheckedAppearance instanceof _base_stream.BaseStream ? uncheckedAppearance : null;
+    if (this.checkedAppearance) {
+      this._streams.push(this.checkedAppearance);
+    } else {
+      this._getDefaultCheckedAppearance(params, "check");
+    }
+    if (this.uncheckedAppearance) {
+      this._streams.push(this.uncheckedAppearance);
+    }
+    this._fallbackFontDict = this.fallbackFontDict;
+  }
+  _processRadioButton(params) {
+    this.data.fieldValue = this.data.buttonValue = null;
+    const fieldParent = params.dict.get("Parent");
+    if (fieldParent instanceof _primitives.Dict) {
+      this.parent = params.dict.getRaw("Parent");
+      const fieldParentValue = fieldParent.get("V");
+      if (fieldParentValue instanceof _primitives.Name) {
+        this.data.fieldValue = this._decodeFormValue(fieldParentValue);
+      }
+    }
+    const appearanceStates = params.dict.get("AP");
+    if (!(appearanceStates instanceof _primitives.Dict)) {
+      return;
+    }
+    const normalAppearance = appearanceStates.get("N");
+    if (!(normalAppearance instanceof _primitives.Dict)) {
+      return;
+    }
+    for (const key of normalAppearance.getKeys()) {
+      if (key !== "Off") {
+        this.data.buttonValue = this._decodeFormValue(key);
+        break;
+      }
+    }
+    const checkedAppearance = normalAppearance.get(this.data.buttonValue);
+    this.checkedAppearance = checkedAppearance instanceof _base_stream.BaseStream ? checkedAppearance : null;
+    const uncheckedAppearance = normalAppearance.get("Off");
+    this.uncheckedAppearance = uncheckedAppearance instanceof _base_stream.BaseStream ? uncheckedAppearance : null;
+    if (this.checkedAppearance) {
+      this._streams.push(this.checkedAppearance);
+    } else {
+      this._getDefaultCheckedAppearance(params, "disc");
+    }
+    if (this.uncheckedAppearance) {
+      this._streams.push(this.uncheckedAppearance);
+    }
+    this._fallbackFontDict = this.fallbackFontDict;
+  }
+  _processPushButton(params) {
+    if (!params.dict.has("A") && !params.dict.has("AA") && !this.data.alternativeText) {
+      (0, _util.warn)("Push buttons without action dictionaries are not supported");
+      return;
+    }
+    this.data.isTooltipOnly = !params.dict.has("A") && !params.dict.has("AA");
+    _catalog.Catalog.parseDestDictionary({
+      destDict: params.dict,
+      resultObj: this.data,
+      docBaseUrl: params.pdfManager.docBaseUrl,
+      docAttachments: params.attachments
+    });
+  }
+  getFieldObject() {
+    let type = "button";
+    let exportValues;
+    if (this.data.checkBox) {
+      type = "checkbox";
+      exportValues = this.data.exportValue;
+    } else if (this.data.radioButton) {
+      type = "radiobutton";
+      exportValues = this.data.buttonValue;
+    }
+    return {
+      id: this.data.id,
+      value: this.data.fieldValue || "Off",
+      defaultValue: this.data.defaultFieldValue,
+      exportValues,
+      editable: !this.data.readOnly,
+      name: this.data.fieldName,
+      rect: this.data.rect,
+      hidden: this.data.hidden,
+      actions: this.data.actions,
+      page: this.data.pageIndex,
+      strokeColor: this.data.borderColor,
+      fillColor: this.data.backgroundColor,
+      rotation: this.rotation,
+      type
+    };
+  }
+  get fallbackFontDict() {
+    const dict = new _primitives.Dict();
+    dict.set("BaseFont", _primitives.Name.get("ZapfDingbats"));
+    dict.set("Type", _primitives.Name.get("FallbackType"));
+    dict.set("Subtype", _primitives.Name.get("FallbackType"));
+    dict.set("Encoding", _primitives.Name.get("ZapfDingbatsEncoding"));
+    return (0, _util.shadow)(this, "fallbackFontDict", dict);
+  }
+}
+class ChoiceWidgetAnnotation extends WidgetAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.indices = dict.getArray("I");
+    this.hasIndices = Array.isArray(this.indices) && this.indices.length > 0;
+    this.data.options = [];
+    const options = (0, _core_utils.getInheritableProperty)({
+      dict,
+      key: "Opt"
+    });
+    if (Array.isArray(options)) {
+      for (let i = 0, ii = options.length; i < ii; i++) {
+        const option = xref.fetchIfRef(options[i]);
+        const isOptionArray = Array.isArray(option);
+        this.data.options[i] = {
+          exportValue: this._decodeFormValue(isOptionArray ? xref.fetchIfRef(option[0]) : option),
+          displayValue: this._decodeFormValue(isOptionArray ? xref.fetchIfRef(option[1]) : option)
+        };
+      }
+    }
+    if (!this.hasIndices) {
+      if (typeof this.data.fieldValue === "string") {
+        this.data.fieldValue = [this.data.fieldValue];
+      } else if (!this.data.fieldValue) {
+        this.data.fieldValue = [];
+      }
+    } else {
+      this.data.fieldValue = [];
+      const ii = this.data.options.length;
+      for (const i of this.indices) {
+        if (Number.isInteger(i) && i >= 0 && i < ii) {
+          this.data.fieldValue.push(this.data.options[i].exportValue);
+        }
+      }
+    }
+    this.data.combo = this.hasFieldFlag(_util.AnnotationFieldFlag.COMBO);
+    this.data.multiSelect = this.hasFieldFlag(_util.AnnotationFieldFlag.MULTISELECT);
+    this._hasText = true;
+  }
+  getFieldObject() {
+    const type = this.data.combo ? "combobox" : "listbox";
+    const value = this.data.fieldValue.length > 0 ? this.data.fieldValue[0] : null;
+    return {
+      id: this.data.id,
+      value,
+      defaultValue: this.data.defaultFieldValue,
+      editable: !this.data.readOnly,
+      name: this.data.fieldName,
+      rect: this.data.rect,
+      numItems: this.data.fieldValue.length,
+      multipleSelection: this.data.multiSelect,
+      hidden: this.data.hidden,
+      actions: this.data.actions,
+      items: this.data.options,
+      page: this.data.pageIndex,
+      strokeColor: this.data.borderColor,
+      fillColor: this.data.backgroundColor,
+      rotation: this.rotation,
+      type
+    };
+  }
+  amendSavedDict(annotationStorage, dict) {
+    if (!this.hasIndices) {
+      return;
+    }
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    let values = storageEntry && storageEntry.value;
+    if (!Array.isArray(values)) {
+      values = [values];
+    }
+    const indices = [];
+    const {
+      options
+    } = this.data;
+    for (let i = 0, j = 0, ii = options.length; i < ii; i++) {
+      if (options[i].exportValue === values[j]) {
+        indices.push(i);
+        j += 1;
+      }
+    }
+    dict.set("I", indices);
+  }
+  async _getAppearance(evaluator, task, intent, annotationStorage) {
+    if (this.data.combo) {
+      return super._getAppearance(evaluator, task, intent, annotationStorage);
+    }
+    let exportedValue, rotation;
+    const storageEntry = annotationStorage ? annotationStorage.get(this.data.id) : undefined;
+    if (storageEntry) {
+      rotation = storageEntry.rotation;
+      exportedValue = storageEntry.value;
+    }
+    if (rotation === undefined && exportedValue === undefined && !this._needAppearances) {
+      return null;
+    }
+    if (exportedValue === undefined) {
+      exportedValue = this.data.fieldValue;
+    } else if (!Array.isArray(exportedValue)) {
+      exportedValue = [exportedValue];
+    }
+    const defaultPadding = 1;
+    const defaultHPadding = 2;
+    let totalHeight = this.data.rect[3] - this.data.rect[1];
+    let totalWidth = this.data.rect[2] - this.data.rect[0];
+    if (rotation === 90 || rotation === 270) {
+      [totalWidth, totalHeight] = [totalHeight, totalWidth];
+    }
+    const lineCount = this.data.options.length;
+    const valueIndices = [];
+    for (let i = 0; i < lineCount; i++) {
+      const {
+        exportValue
+      } = this.data.options[i];
+      if (exportedValue.includes(exportValue)) {
+        valueIndices.push(i);
+      }
+    }
+    if (!this._defaultAppearance) {
+      this.data.defaultAppearanceData = (0, _default_appearance.parseDefaultAppearance)(this._defaultAppearance = "/Helvetica 0 Tf 0 g");
+    }
+    const font = await WidgetAnnotation._getFontData(evaluator, task, this.data.defaultAppearanceData, this._fieldResources.mergedResources);
+    let defaultAppearance;
+    let {
+      fontSize
+    } = this.data.defaultAppearanceData;
+    if (!fontSize) {
+      const lineHeight = (totalHeight - defaultPadding) / lineCount;
+      let lineWidth = -1;
+      let value;
+      for (const {
+        displayValue
+      } of this.data.options) {
+        const width = this._getTextWidth(displayValue, font);
+        if (width > lineWidth) {
+          lineWidth = width;
+          value = displayValue;
+        }
+      }
+      [defaultAppearance, fontSize] = this._computeFontSize(lineHeight, totalWidth - 2 * defaultHPadding, value, font, -1);
+    } else {
+      defaultAppearance = this._defaultAppearance;
+    }
+    const lineHeight = fontSize * _util.LINE_FACTOR;
+    const vPadding = (lineHeight - fontSize) / 2;
+    const numberOfVisibleLines = Math.floor(totalHeight / lineHeight);
+    let firstIndex;
+    if (valueIndices.length === 1) {
+      const valuePosition = valueIndices[0];
+      const indexInPage = valuePosition % numberOfVisibleLines;
+      firstIndex = valuePosition - indexInPage;
+    } else {
+      firstIndex = valueIndices.length ? valueIndices[0] : 0;
+    }
+    const end = Math.min(firstIndex + numberOfVisibleLines + 1, lineCount);
+    const buf = ["/Tx BMC q", `1 1 ${totalWidth} ${totalHeight} re W n`];
+    if (valueIndices.length) {
+      buf.push("0.600006 0.756866 0.854904 rg");
+      for (const index of valueIndices) {
+        if (firstIndex <= index && index < end) {
+          buf.push(`1 ${totalHeight - (index - firstIndex + 1) * lineHeight} ${totalWidth} ${lineHeight} re f`);
+        }
+      }
+    }
+    buf.push("BT", defaultAppearance, `1 0 0 1 0 ${totalHeight} Tm`);
+    const prevInfo = {
+      shift: 0
+    };
+    for (let i = firstIndex; i < end; i++) {
+      const {
+        displayValue
+      } = this.data.options[i];
+      const vpadding = i === firstIndex ? vPadding : 0;
+      buf.push(this._renderText(displayValue, font, fontSize, totalWidth, 0, prevInfo, defaultHPadding, -lineHeight + vpadding));
+    }
+    buf.push("ET Q EMC");
+    return buf.join("\n");
+  }
+}
+class SignatureWidgetAnnotation extends WidgetAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.fieldValue = null;
+    this.data.hasOwnCanvas = this.data.noRotate;
+  }
+  getFieldObject() {
+    return {
+      id: this.data.id,
+      value: null,
+      page: this.data.pageIndex,
+      type: "signature"
+    };
+  }
+}
+class TextAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    const DEFAULT_ICON_SIZE = 22;
+    super(params);
+    this.data.noRotate = true;
+    this.data.hasOwnCanvas = this.data.noRotate;
+    const {
+      dict
+    } = params;
+    this.data.annotationType = _util.AnnotationType.TEXT;
+    if (this.data.hasAppearance) {
+      this.data.name = "NoIcon";
+    } else {
+      this.data.rect[1] = this.data.rect[3] - DEFAULT_ICON_SIZE;
+      this.data.rect[2] = this.data.rect[0] + DEFAULT_ICON_SIZE;
+      this.data.name = dict.has("Name") ? dict.get("Name").name : "Note";
+    }
+    if (dict.has("State")) {
+      this.data.state = dict.get("State") || null;
+      this.data.stateModel = dict.get("StateModel") || null;
+    } else {
+      this.data.state = null;
+      this.data.stateModel = null;
+    }
+  }
+}
+class LinkAnnotation extends Annotation {
+  constructor(params) {
+    super(params);
+    this.data.annotationType = _util.AnnotationType.LINK;
+    const quadPoints = getQuadPoints(params.dict, this.rectangle);
+    if (quadPoints) {
+      this.data.quadPoints = quadPoints;
+    }
+    this.data.borderColor ||= this.data.color;
+    _catalog.Catalog.parseDestDictionary({
+      destDict: params.dict,
+      resultObj: this.data,
+      docBaseUrl: params.pdfManager.docBaseUrl,
+      docAttachments: params.attachments
+    });
+  }
+}
+class PopupAnnotation extends Annotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict
+    } = params;
+    this.data.annotationType = _util.AnnotationType.POPUP;
+    let parentItem = dict.get("Parent");
+    if (!parentItem) {
+      (0, _util.warn)("Popup annotation has a missing or invalid parent annotation.");
+      return;
+    }
+    const parentSubtype = parentItem.get("Subtype");
+    this.data.parentType = parentSubtype instanceof _primitives.Name ? parentSubtype.name : null;
+    const rawParent = dict.getRaw("Parent");
+    this.data.parentId = rawParent instanceof _primitives.Ref ? rawParent.toString() : null;
+    const parentRect = parentItem.getArray("Rect");
+    if (Array.isArray(parentRect) && parentRect.length === 4) {
+      this.data.parentRect = _util.Util.normalizeRect(parentRect);
+    } else {
+      this.data.parentRect = [0, 0, 0, 0];
+    }
+    const rt = parentItem.get("RT");
+    if ((0, _primitives.isName)(rt, _util.AnnotationReplyType.GROUP)) {
+      parentItem = parentItem.get("IRT");
+    }
+    if (!parentItem.has("M")) {
+      this.data.modificationDate = null;
+    } else {
+      this.setModificationDate(parentItem.get("M"));
+      this.data.modificationDate = this.modificationDate;
+    }
+    if (!parentItem.has("C")) {
+      this.data.color = null;
+    } else {
+      this.setColor(parentItem.getArray("C"));
+      this.data.color = this.color;
+    }
+    if (!this.viewable) {
+      const parentFlags = parentItem.get("F");
+      if (this._isViewable(parentFlags)) {
+        this.setFlags(parentFlags);
+      }
+    }
+    this.setTitle(parentItem.get("T"));
+    this.data.titleObj = this._title;
+    this.setContents(parentItem.get("Contents"));
+    this.data.contentsObj = this._contents;
+    if (parentItem.has("RC")) {
+      this.data.richText = _factory.XFAFactory.getRichTextAsHtml(parentItem.get("RC"));
+    }
+  }
+}
+exports.PopupAnnotation = PopupAnnotation;
+class FreeTextAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.hasOwnCanvas = this.data.noRotate;
+    const {
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.FREETEXT;
+    this.setDefaultAppearance(params);
+    if (!this.appearance && this._isOffscreenCanvasSupported) {
+      const strokeAlpha = params.dict.get("CA");
+      const fakeUnicodeFont = new _default_appearance.FakeUnicodeFont(xref, "sans-serif");
+      const fontData = this.data.defaultAppearanceData;
+      this.appearance = fakeUnicodeFont.createAppearance(this._contents.str, this.rectangle, this.rotation, fontData.fontSize || 10, fontData.fontColor, strokeAlpha);
+      this._streams.push(this.appearance, _default_appearance.FakeUnicodeFont.toUnicodeStream);
+    } else if (!this._isOffscreenCanvasSupported) {
+      (0, _util.warn)("FreeTextAnnotation: OffscreenCanvas is not supported, annotation may not render correctly.");
+    }
+  }
+  get hasTextContent() {
+    return !!this.appearance;
+  }
+  static createNewDict(annotation, xref, {
+    apRef,
+    ap
+  }) {
+    const {
+      color,
+      fontSize,
+      rect,
+      rotation,
+      user,
+      value
+    } = annotation;
+    const freetext = new _primitives.Dict(xref);
+    freetext.set("Type", _primitives.Name.get("Annot"));
+    freetext.set("Subtype", _primitives.Name.get("FreeText"));
+    freetext.set("CreationDate", `D:${(0, _util.getModificationDate)()}`);
+    freetext.set("Rect", rect);
+    const da = `/Helv ${fontSize} Tf ${(0, _default_appearance.getPdfColor)(color, true)}`;
+    freetext.set("DA", da);
+    freetext.set("Contents", (0, _core_utils.isAscii)(value) ? value : (0, _core_utils.stringToUTF16String)(value, true));
+    freetext.set("F", 4);
+    freetext.set("Border", [0, 0, 0]);
+    freetext.set("Rotate", rotation);
+    if (user) {
+      freetext.set("T", (0, _core_utils.isAscii)(user) ? user : (0, _core_utils.stringToUTF16String)(user, true));
+    }
+    if (apRef || ap) {
+      const n = new _primitives.Dict(xref);
+      freetext.set("AP", n);
+      if (apRef) {
+        n.set("N", apRef);
+      } else {
+        n.set("N", ap);
+      }
+    }
+    return freetext;
+  }
+  static async createNewAppearanceStream(annotation, xref, params) {
+    const {
+      baseFontRef,
+      evaluator,
+      task
+    } = params;
+    const {
+      color,
+      fontSize,
+      rect,
+      rotation,
+      value
+    } = annotation;
+    const resources = new _primitives.Dict(xref);
+    const font = new _primitives.Dict(xref);
+    if (baseFontRef) {
+      font.set("Helv", baseFontRef);
+    } else {
+      const baseFont = new _primitives.Dict(xref);
+      baseFont.set("BaseFont", _primitives.Name.get("Helvetica"));
+      baseFont.set("Type", _primitives.Name.get("Font"));
+      baseFont.set("Subtype", _primitives.Name.get("Type1"));
+      baseFont.set("Encoding", _primitives.Name.get("WinAnsiEncoding"));
+      font.set("Helv", baseFont);
+    }
+    resources.set("Font", font);
+    const helv = await WidgetAnnotation._getFontData(evaluator, task, {
+      fontName: "Helvetica",
+      fontSize
+    }, resources);
+    const [x1, y1, x2, y2] = rect;
+    let w = x2 - x1;
+    let h = y2 - y1;
+    if (rotation % 180 !== 0) {
+      [w, h] = [h, w];
+    }
+    const lines = value.split("\n");
+    const scale = fontSize / 1000;
+    let totalWidth = -Infinity;
+    const encodedLines = [];
+    for (let line of lines) {
+      const encoded = helv.encodeString(line);
+      if (encoded.length > 1) {
+        return null;
+      }
+      line = encoded.join("");
+      encodedLines.push(line);
+      let lineWidth = 0;
+      const glyphs = helv.charsToGlyphs(line);
+      for (const glyph of glyphs) {
+        lineWidth += glyph.width * scale;
+      }
+      totalWidth = Math.max(totalWidth, lineWidth);
+    }
+    let hscale = 1;
+    if (totalWidth > w) {
+      hscale = w / totalWidth;
+    }
+    let vscale = 1;
+    const lineHeight = _util.LINE_FACTOR * fontSize;
+    const lineDescent = _util.LINE_DESCENT_FACTOR * fontSize;
+    const totalHeight = lineHeight * lines.length;
+    if (totalHeight > h) {
+      vscale = h / totalHeight;
+    }
+    const fscale = Math.min(hscale, vscale);
+    const newFontSize = fontSize * fscale;
+    const buffer = ["q", `0 0 ${(0, _core_utils.numberToString)(w)} ${(0, _core_utils.numberToString)(h)} re W n`, `BT`, `1 0 0 1 0 ${(0, _core_utils.numberToString)(h + lineDescent)} Tm 0 Tc ${(0, _default_appearance.getPdfColor)(color, true)}`, `/Helv ${(0, _core_utils.numberToString)(newFontSize)} Tf`];
+    const vShift = (0, _core_utils.numberToString)(lineHeight);
+    for (const line of encodedLines) {
+      buffer.push(`0 -${vShift} Td (${(0, _core_utils.escapeString)(line)}) Tj`);
+    }
+    buffer.push("ET", "Q");
+    const appearance = buffer.join("\n");
+    const appearanceStreamDict = new _primitives.Dict(xref);
+    appearanceStreamDict.set("FormType", 1);
+    appearanceStreamDict.set("Subtype", _primitives.Name.get("Form"));
+    appearanceStreamDict.set("Type", _primitives.Name.get("XObject"));
+    appearanceStreamDict.set("BBox", [0, 0, w, h]);
+    appearanceStreamDict.set("Resources", resources);
+    if (rotation) {
+      const matrix = (0, _core_utils.getRotationMatrix)(rotation, w, h);
+      appearanceStreamDict.set("Matrix", matrix);
+    }
+    const ap = new _stream.StringStream(appearance);
+    ap.dict = appearanceStreamDict;
+    return ap;
+  }
+}
+class LineAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.LINE;
+    this.data.hasOwnCanvas = this.data.noRotate;
+    const lineCoordinates = dict.getArray("L");
+    this.data.lineCoordinates = _util.Util.normalizeRect(lineCoordinates);
+    this.setLineEndings(dict.getArray("LE"));
+    this.data.lineEndings = this.lineEndings;
+    if (!this.appearance) {
+      const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+      const strokeAlpha = dict.get("CA");
+      const interiorColor = getRgbColor(dict.getArray("IC"), null);
+      const fillColor = interiorColor ? getPdfColorArray(interiorColor) : null;
+      const fillAlpha = fillColor ? strokeAlpha : null;
+      const borderWidth = this.borderStyle.width || 1,
+        borderAdjust = 2 * borderWidth;
+      const bbox = [this.data.lineCoordinates[0] - borderAdjust, this.data.lineCoordinates[1] - borderAdjust, this.data.lineCoordinates[2] + borderAdjust, this.data.lineCoordinates[3] + borderAdjust];
+      if (!_util.Util.intersect(this.rectangle, bbox)) {
+        this.rectangle = bbox;
+      }
+      this._setDefaultAppearance({
+        xref,
+        extra: `${borderWidth} w`,
+        strokeColor,
+        fillColor,
+        strokeAlpha,
+        fillAlpha,
+        pointsCallback: (buffer, points) => {
+          buffer.push(`${lineCoordinates[0]} ${lineCoordinates[1]} m`, `${lineCoordinates[2]} ${lineCoordinates[3]} l`, "S");
+          return [points[0].x - borderWidth, points[1].x + borderWidth, points[3].y - borderWidth, points[1].y + borderWidth];
+        }
+      });
+    }
+  }
+}
+class SquareAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.SQUARE;
+    this.data.hasOwnCanvas = this.data.noRotate;
+    if (!this.appearance) {
+      const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+      const strokeAlpha = dict.get("CA");
+      const interiorColor = getRgbColor(dict.getArray("IC"), null);
+      const fillColor = interiorColor ? getPdfColorArray(interiorColor) : null;
+      const fillAlpha = fillColor ? strokeAlpha : null;
+      if (this.borderStyle.width === 0 && !fillColor) {
+        return;
+      }
+      this._setDefaultAppearance({
+        xref,
+        extra: `${this.borderStyle.width} w`,
+        strokeColor,
+        fillColor,
+        strokeAlpha,
+        fillAlpha,
+        pointsCallback: (buffer, points) => {
+          const x = points[2].x + this.borderStyle.width / 2;
+          const y = points[2].y + this.borderStyle.width / 2;
+          const width = points[3].x - points[2].x - this.borderStyle.width;
+          const height = points[1].y - points[3].y - this.borderStyle.width;
+          buffer.push(`${x} ${y} ${width} ${height} re`);
+          if (fillColor) {
+            buffer.push("B");
+          } else {
+            buffer.push("S");
+          }
+          return [points[0].x, points[1].x, points[3].y, points[1].y];
+        }
+      });
+    }
+  }
+}
+class CircleAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.CIRCLE;
+    if (!this.appearance) {
+      const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+      const strokeAlpha = dict.get("CA");
+      const interiorColor = getRgbColor(dict.getArray("IC"), null);
+      const fillColor = interiorColor ? getPdfColorArray(interiorColor) : null;
+      const fillAlpha = fillColor ? strokeAlpha : null;
+      if (this.borderStyle.width === 0 && !fillColor) {
+        return;
+      }
+      const controlPointsDistance = 4 / 3 * Math.tan(Math.PI / (2 * 4));
+      this._setDefaultAppearance({
+        xref,
+        extra: `${this.borderStyle.width} w`,
+        strokeColor,
+        fillColor,
+        strokeAlpha,
+        fillAlpha,
+        pointsCallback: (buffer, points) => {
+          const x0 = points[0].x + this.borderStyle.width / 2;
+          const y0 = points[0].y - this.borderStyle.width / 2;
+          const x1 = points[3].x - this.borderStyle.width / 2;
+          const y1 = points[3].y + this.borderStyle.width / 2;
+          const xMid = x0 + (x1 - x0) / 2;
+          const yMid = y0 + (y1 - y0) / 2;
+          const xOffset = (x1 - x0) / 2 * controlPointsDistance;
+          const yOffset = (y1 - y0) / 2 * controlPointsDistance;
+          buffer.push(`${xMid} ${y1} m`, `${xMid + xOffset} ${y1} ${x1} ${yMid + yOffset} ${x1} ${yMid} c`, `${x1} ${yMid - yOffset} ${xMid + xOffset} ${y0} ${xMid} ${y0} c`, `${xMid - xOffset} ${y0} ${x0} ${yMid - yOffset} ${x0} ${yMid} c`, `${x0} ${yMid + yOffset} ${xMid - xOffset} ${y1} ${xMid} ${y1} c`, "h");
+          if (fillColor) {
+            buffer.push("B");
+          } else {
+            buffer.push("S");
+          }
+          return [points[0].x, points[1].x, points[3].y, points[1].y];
+        }
+      });
+    }
+  }
+}
+class PolylineAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.POLYLINE;
+    this.data.hasOwnCanvas = this.data.noRotate;
+    this.data.vertices = [];
+    if (!(this instanceof PolygonAnnotation)) {
+      this.setLineEndings(dict.getArray("LE"));
+      this.data.lineEndings = this.lineEndings;
+    }
+    const rawVertices = dict.getArray("Vertices");
+    if (!Array.isArray(rawVertices)) {
+      return;
+    }
+    for (let i = 0, ii = rawVertices.length; i < ii; i += 2) {
+      this.data.vertices.push({
+        x: rawVertices[i],
+        y: rawVertices[i + 1]
+      });
+    }
+    if (!this.appearance) {
+      const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+      const strokeAlpha = dict.get("CA");
+      const borderWidth = this.borderStyle.width || 1,
+        borderAdjust = 2 * borderWidth;
+      const bbox = [Infinity, Infinity, -Infinity, -Infinity];
+      for (const vertex of this.data.vertices) {
+        bbox[0] = Math.min(bbox[0], vertex.x - borderAdjust);
+        bbox[1] = Math.min(bbox[1], vertex.y - borderAdjust);
+        bbox[2] = Math.max(bbox[2], vertex.x + borderAdjust);
+        bbox[3] = Math.max(bbox[3], vertex.y + borderAdjust);
+      }
+      if (!_util.Util.intersect(this.rectangle, bbox)) {
+        this.rectangle = bbox;
+      }
+      this._setDefaultAppearance({
+        xref,
+        extra: `${borderWidth} w`,
+        strokeColor,
+        strokeAlpha,
+        pointsCallback: (buffer, points) => {
+          const vertices = this.data.vertices;
+          for (let i = 0, ii = vertices.length; i < ii; i++) {
+            buffer.push(`${vertices[i].x} ${vertices[i].y} ${i === 0 ? "m" : "l"}`);
+          }
+          buffer.push("S");
+          return [points[0].x, points[1].x, points[3].y, points[1].y];
+        }
+      });
+    }
+  }
+}
+class PolygonAnnotation extends PolylineAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.annotationType = _util.AnnotationType.POLYGON;
+  }
+}
+class CaretAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.annotationType = _util.AnnotationType.CARET;
+  }
+}
+class InkAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.hasOwnCanvas = this.data.noRotate;
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.INK;
+    this.data.inkLists = [];
+    const rawInkLists = dict.getArray("InkList");
+    if (!Array.isArray(rawInkLists)) {
+      return;
+    }
+    for (let i = 0, ii = rawInkLists.length; i < ii; ++i) {
+      this.data.inkLists.push([]);
+      for (let j = 0, jj = rawInkLists[i].length; j < jj; j += 2) {
+        this.data.inkLists[i].push({
+          x: xref.fetchIfRef(rawInkLists[i][j]),
+          y: xref.fetchIfRef(rawInkLists[i][j + 1])
+        });
+      }
+    }
+    if (!this.appearance) {
+      const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+      const strokeAlpha = dict.get("CA");
+      const borderWidth = this.borderStyle.width || 1,
+        borderAdjust = 2 * borderWidth;
+      const bbox = [Infinity, Infinity, -Infinity, -Infinity];
+      for (const inkLists of this.data.inkLists) {
+        for (const vertex of inkLists) {
+          bbox[0] = Math.min(bbox[0], vertex.x - borderAdjust);
+          bbox[1] = Math.min(bbox[1], vertex.y - borderAdjust);
+          bbox[2] = Math.max(bbox[2], vertex.x + borderAdjust);
+          bbox[3] = Math.max(bbox[3], vertex.y + borderAdjust);
+        }
+      }
+      if (!_util.Util.intersect(this.rectangle, bbox)) {
+        this.rectangle = bbox;
+      }
+      this._setDefaultAppearance({
+        xref,
+        extra: `${borderWidth} w`,
+        strokeColor,
+        strokeAlpha,
+        pointsCallback: (buffer, points) => {
+          for (const inkList of this.data.inkLists) {
+            for (let i = 0, ii = inkList.length; i < ii; i++) {
+              buffer.push(`${inkList[i].x} ${inkList[i].y} ${i === 0 ? "m" : "l"}`);
+            }
+            buffer.push("S");
+          }
+          return [points[0].x, points[1].x, points[3].y, points[1].y];
+        }
+      });
+    }
+  }
+  static createNewDict(annotation, xref, {
+    apRef,
+    ap
+  }) {
+    const {
+      paths,
+      rect,
+      rotation
+    } = annotation;
+    const ink = new _primitives.Dict(xref);
+    ink.set("Type", _primitives.Name.get("Annot"));
+    ink.set("Subtype", _primitives.Name.get("Ink"));
+    ink.set("CreationDate", `D:${(0, _util.getModificationDate)()}`);
+    ink.set("Rect", rect);
+    ink.set("InkList", paths.map(p => p.points));
+    ink.set("F", 4);
+    ink.set("Border", [0, 0, 0]);
+    ink.set("Rotate", rotation);
+    const n = new _primitives.Dict(xref);
+    ink.set("AP", n);
+    if (apRef) {
+      n.set("N", apRef);
+    } else {
+      n.set("N", ap);
+    }
+    return ink;
+  }
+  static async createNewAppearanceStream(annotation, xref, params) {
+    const {
+      color,
+      rect,
+      rotation,
+      paths,
+      thickness,
+      opacity
+    } = annotation;
+    const [x1, y1, x2, y2] = rect;
+    let w = x2 - x1;
+    let h = y2 - y1;
+    if (rotation % 180 !== 0) {
+      [w, h] = [h, w];
+    }
+    const appearanceBuffer = [`${thickness} w 1 J 1 j`, `${(0, _default_appearance.getPdfColor)(color, false)}`];
+    if (opacity !== 1) {
+      appearanceBuffer.push("/R0 gs");
+    }
+    const buffer = [];
+    for (const {
+      bezier
+    } of paths) {
+      buffer.length = 0;
+      buffer.push(`${(0, _core_utils.numberToString)(bezier[0])} ${(0, _core_utils.numberToString)(bezier[1])} m`);
+      for (let i = 2, ii = bezier.length; i < ii; i += 6) {
+        const curve = bezier.slice(i, i + 6).map(_core_utils.numberToString).join(" ");
+        buffer.push(`${curve} c`);
+      }
+      buffer.push("S");
+      appearanceBuffer.push(buffer.join("\n"));
+    }
+    const appearance = appearanceBuffer.join("\n");
+    const appearanceStreamDict = new _primitives.Dict(xref);
+    appearanceStreamDict.set("FormType", 1);
+    appearanceStreamDict.set("Subtype", _primitives.Name.get("Form"));
+    appearanceStreamDict.set("Type", _primitives.Name.get("XObject"));
+    appearanceStreamDict.set("BBox", [0, 0, w, h]);
+    appearanceStreamDict.set("Length", appearance.length);
+    if (rotation) {
+      const matrix = (0, _core_utils.getRotationMatrix)(rotation, w, h);
+      appearanceStreamDict.set("Matrix", matrix);
+    }
+    if (opacity !== 1) {
+      const resources = new _primitives.Dict(xref);
+      const extGState = new _primitives.Dict(xref);
+      const r0 = new _primitives.Dict(xref);
+      r0.set("CA", opacity);
+      r0.set("Type", _primitives.Name.get("ExtGState"));
+      extGState.set("R0", r0);
+      resources.set("ExtGState", extGState);
+      appearanceStreamDict.set("Resources", resources);
+    }
+    const ap = new _stream.StringStream(appearance);
+    ap.dict = appearanceStreamDict;
+    return ap;
+  }
+}
+class HighlightAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.HIGHLIGHT;
+    const quadPoints = this.data.quadPoints = getQuadPoints(dict, null);
+    if (quadPoints) {
+      const resources = this.appearance && this.appearance.dict.get("Resources");
+      if (!this.appearance || !(resources && resources.has("ExtGState"))) {
+        if (this.appearance) {
+          (0, _util.warn)("HighlightAnnotation - ignoring built-in appearance stream.");
+        }
+        const fillColor = this.color ? getPdfColorArray(this.color) : [1, 1, 0];
+        const fillAlpha = dict.get("CA");
+        this._setDefaultAppearance({
+          xref,
+          fillColor,
+          blendMode: "Multiply",
+          fillAlpha,
+          pointsCallback: (buffer, points) => {
+            buffer.push(`${points[0].x} ${points[0].y} m`, `${points[1].x} ${points[1].y} l`, `${points[3].x} ${points[3].y} l`, `${points[2].x} ${points[2].y} l`, "f");
+            return [points[0].x, points[1].x, points[3].y, points[1].y];
+          }
+        });
+      }
+    } else {
+      this.data.hasPopup = false;
+    }
+  }
+}
+class UnderlineAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.UNDERLINE;
+    const quadPoints = this.data.quadPoints = getQuadPoints(dict, null);
+    if (quadPoints) {
+      if (!this.appearance) {
+        const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+        const strokeAlpha = dict.get("CA");
+        this._setDefaultAppearance({
+          xref,
+          extra: "[] 0 d 1 w",
+          strokeColor,
+          strokeAlpha,
+          pointsCallback: (buffer, points) => {
+            buffer.push(`${points[2].x} ${points[2].y} m`, `${points[3].x} ${points[3].y} l`, "S");
+            return [points[0].x, points[1].x, points[3].y, points[1].y];
+          }
+        });
+      }
+    } else {
+      this.data.hasPopup = false;
+    }
+  }
+}
+class SquigglyAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.SQUIGGLY;
+    const quadPoints = this.data.quadPoints = getQuadPoints(dict, null);
+    if (quadPoints) {
+      if (!this.appearance) {
+        const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+        const strokeAlpha = dict.get("CA");
+        this._setDefaultAppearance({
+          xref,
+          extra: "[] 0 d 1 w",
+          strokeColor,
+          strokeAlpha,
+          pointsCallback: (buffer, points) => {
+            const dy = (points[0].y - points[2].y) / 6;
+            let shift = dy;
+            let x = points[2].x;
+            const y = points[2].y;
+            const xEnd = points[3].x;
+            buffer.push(`${x} ${y + shift} m`);
+            do {
+              x += 2;
+              shift = shift === 0 ? dy : 0;
+              buffer.push(`${x} ${y + shift} l`);
+            } while (x < xEnd);
+            buffer.push("S");
+            return [points[2].x, xEnd, y - 2 * dy, y + 2 * dy];
+          }
+        });
+      }
+    } else {
+      this.data.hasPopup = false;
+    }
+  }
+}
+class StrikeOutAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    this.data.annotationType = _util.AnnotationType.STRIKEOUT;
+    const quadPoints = this.data.quadPoints = getQuadPoints(dict, null);
+    if (quadPoints) {
+      if (!this.appearance) {
+        const strokeColor = this.color ? getPdfColorArray(this.color) : [0, 0, 0];
+        const strokeAlpha = dict.get("CA");
+        this._setDefaultAppearance({
+          xref,
+          extra: "[] 0 d 1 w",
+          strokeColor,
+          strokeAlpha,
+          pointsCallback: (buffer, points) => {
+            buffer.push(`${(points[0].x + points[2].x) / 2} ` + `${(points[0].y + points[2].y) / 2} m`, `${(points[1].x + points[3].x) / 2} ` + `${(points[1].y + points[3].y) / 2} l`, "S");
+            return [points[0].x, points[1].x, points[3].y, points[1].y];
+          }
+        });
+      }
+    } else {
+      this.data.hasPopup = false;
+    }
+  }
+}
+class StampAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    this.data.annotationType = _util.AnnotationType.STAMP;
+    this.data.hasOwnCanvas = this.data.noRotate;
+  }
+}
+class FileAttachmentAnnotation extends MarkupAnnotation {
+  constructor(params) {
+    super(params);
+    const {
+      dict,
+      xref
+    } = params;
+    const file = new _file_spec.FileSpec(dict.get("FS"), xref);
+    this.data.annotationType = _util.AnnotationType.FILEATTACHMENT;
+    this.data.hasOwnCanvas = this.data.noRotate;
+    this.data.file = file.serializable;
+    const name = dict.get("Name");
+    this.data.name = name instanceof _primitives.Name ? (0, _util.stringToPDFString)(name.name) : "PushPin";
+  }
+}
+
+/***/ }),
+/* 11 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.FakeUnicodeFont = void 0;
+exports.createDefaultAppearance = createDefaultAppearance;
+exports.getPdfColor = getPdfColor;
+exports.parseDefaultAppearance = parseDefaultAppearance;
+var _primitives = __w_pdfjs_require__(4);
+var _core_utils = __w_pdfjs_require__(3);
+var _util = __w_pdfjs_require__(2);
+var _colorspace = __w_pdfjs_require__(12);
+var _evaluator = __w_pdfjs_require__(13);
+var _stream = __w_pdfjs_require__(8);
+class DefaultAppearanceEvaluator extends _evaluator.EvaluatorPreprocessor {
+  constructor(str) {
+    super(new _stream.StringStream(str));
+  }
+  parse() {
+    const operation = {
+      fn: 0,
+      args: []
+    };
+    const result = {
+      fontSize: 0,
+      fontName: "",
+      fontColor: new Uint8ClampedArray(3)
+    };
+    try {
+      while (true) {
+        operation.args.length = 0;
+        if (!this.read(operation)) {
+          break;
+        }
+        if (this.savedStatesDepth !== 0) {
+          continue;
+        }
+        const {
+          fn,
+          args
+        } = operation;
+        switch (fn | 0) {
+          case _util.OPS.setFont:
+            const [fontName, fontSize] = args;
+            if (fontName instanceof _primitives.Name) {
+              result.fontName = fontName.name;
+            }
+            if (typeof fontSize === "number" && fontSize > 0) {
+              result.fontSize = fontSize;
+            }
+            break;
+          case _util.OPS.setFillRGBColor:
+            _colorspace.ColorSpace.singletons.rgb.getRgbItem(args, 0, result.fontColor, 0);
+            break;
+          case _util.OPS.setFillGray:
+            _colorspace.ColorSpace.singletons.gray.getRgbItem(args, 0, result.fontColor, 0);
+            break;
+          case _util.OPS.setFillColorSpace:
+            _colorspace.ColorSpace.singletons.cmyk.getRgbItem(args, 0, result.fontColor, 0);
+            break;
+        }
+      }
+    } catch (reason) {
+      (0, _util.warn)(`parseDefaultAppearance - ignoring errors: "${reason}".`);
+    }
+    return result;
+  }
+}
+function parseDefaultAppearance(str) {
+  return new DefaultAppearanceEvaluator(str).parse();
+}
+function getPdfColor(color, isFill) {
+  if (color[0] === color[1] && color[1] === color[2]) {
+    const gray = color[0] / 255;
+    return `${(0, _core_utils.numberToString)(gray)} ${isFill ? "g" : "G"}`;
+  }
+  return Array.from(color, c => (0, _core_utils.numberToString)(c / 255)).join(" ") + ` ${isFill ? "rg" : "RG"}`;
+}
+function createDefaultAppearance({
+  fontSize,
+  fontName,
+  fontColor
+}) {
+  return `/${(0, _core_utils.escapePDFName)(fontName)} ${fontSize} Tf ${getPdfColor(fontColor, true)}`;
+}
+class FakeUnicodeFont {
+  constructor(xref, fontFamily) {
+    this.xref = xref;
+    this.widths = null;
+    this.firstChar = Infinity;
+    this.lastChar = -Infinity;
+    this.fontFamily = fontFamily;
+    const canvas = new OffscreenCanvas(1, 1);
+    this.ctxMeasure = canvas.getContext("2d");
+    if (!FakeUnicodeFont._fontNameId) {
+      FakeUnicodeFont._fontNameId = 1;
+    }
+    this.fontName = _primitives.Name.get(`InvalidPDFjsFont_${fontFamily}_${FakeUnicodeFont._fontNameId++}`);
+  }
+  get toUnicodeRef() {
+    if (!FakeUnicodeFont._toUnicodeRef) {
+      const toUnicode = `/CIDInit /ProcSet findresource begin
+12 dict begin
+begincmap
+/CIDSystemInfo
+<< /Registry (Adobe)
+/Ordering (UCS) /Supplement 0 >> def
+/CMapName /Adobe-Identity-UCS def
+/CMapType 2 def
+1 begincodespacerange
+<0000> <FFFF>
+endcodespacerange
+1 beginbfrange
+<0000> <FFFF> <0000>
+endbfrange
+endcmap CMapName currentdict /CMap defineresource pop end end`;
+      const toUnicodeStream = FakeUnicodeFont.toUnicodeStream = new _stream.StringStream(toUnicode);
+      const toUnicodeDict = new _primitives.Dict(this.xref);
+      toUnicodeStream.dict = toUnicodeDict;
+      toUnicodeDict.set("Length", toUnicode.length);
+      FakeUnicodeFont._toUnicodeRef = this.xref.getNewPersistentRef(toUnicodeStream);
+    }
+    return FakeUnicodeFont._toUnicodeRef;
+  }
+  get fontDescriptorRef() {
+    if (!FakeUnicodeFont._fontDescriptorRef) {
+      const fontDescriptor = new _primitives.Dict(this.xref);
+      fontDescriptor.set("Type", _primitives.Name.get("FontDescriptor"));
+      fontDescriptor.set("FontName", this.fontName);
+      fontDescriptor.set("FontFamily", "MyriadPro Regular");
+      fontDescriptor.set("FontBBox", [0, 0, 0, 0]);
+      fontDescriptor.set("FontStretch", _primitives.Name.get("Normal"));
+      fontDescriptor.set("FontWeight", 400);
+      fontDescriptor.set("ItalicAngle", 0);
+      FakeUnicodeFont._fontDescriptorRef = this.xref.getNewPersistentRef(fontDescriptor);
+    }
+    return FakeUnicodeFont._fontDescriptorRef;
+  }
+  get descendantFontRef() {
+    const descendantFont = new _primitives.Dict(this.xref);
+    descendantFont.set("BaseFont", this.fontName);
+    descendantFont.set("Type", _primitives.Name.get("Font"));
+    descendantFont.set("Subtype", _primitives.Name.get("CIDFontType0"));
+    descendantFont.set("CIDToGIDMap", _primitives.Name.get("Identity"));
+    descendantFont.set("FirstChar", this.firstChar);
+    descendantFont.set("LastChar", this.lastChar);
+    descendantFont.set("FontDescriptor", this.fontDescriptorRef);
+    descendantFont.set("DW", 1000);
+    const widths = [];
+    const chars = [...this.widths.entries()].sort();
+    let currentChar = null;
+    let currentWidths = null;
+    for (const [char, width] of chars) {
+      if (!currentChar) {
+        currentChar = char;
+        currentWidths = [width];
+        continue;
+      }
+      if (char === currentChar + currentWidths.length) {
+        currentWidths.push(width);
+      } else {
+        widths.push(currentChar, currentWidths);
+        currentChar = char;
+        currentWidths = [width];
+      }
+    }
+    if (currentChar) {
+      widths.push(currentChar, currentWidths);
+    }
+    descendantFont.set("W", widths);
+    const cidSystemInfo = new _primitives.Dict(this.xref);
+    cidSystemInfo.set("Ordering", "Identity");
+    cidSystemInfo.set("Registry", "Adobe");
+    cidSystemInfo.set("Supplement", 0);
+    descendantFont.set("CIDSystemInfo", cidSystemInfo);
+    return this.xref.getNewPersistentRef(descendantFont);
+  }
+  get baseFontRef() {
+    const baseFont = new _primitives.Dict(this.xref);
+    baseFont.set("BaseFont", this.fontName);
+    baseFont.set("Type", _primitives.Name.get("Font"));
+    baseFont.set("Subtype", _primitives.Name.get("Type0"));
+    baseFont.set("Encoding", _primitives.Name.get("Identity-H"));
+    baseFont.set("DescendantFonts", [this.descendantFontRef]);
+    baseFont.set("ToUnicode", this.toUnicodeRef);
+    return this.xref.getNewPersistentRef(baseFont);
+  }
+  get resources() {
+    const resources = new _primitives.Dict(this.xref);
+    const font = new _primitives.Dict(this.xref);
+    font.set(this.fontName.name, this.baseFontRef);
+    resources.set("Font", font);
+    return resources;
+  }
+  _createContext() {
+    this.widths = new Map();
+    this.ctxMeasure.font = `1000px ${this.fontFamily}`;
+    return this.ctxMeasure;
+  }
+  createFontResources(text) {
+    const ctx = this._createContext();
+    for (const line of text.split(/\r\n?|\n/)) {
+      for (const char of line.split("")) {
+        const code = char.charCodeAt(0);
+        if (this.widths.has(code)) {
+          continue;
+        }
+        const metrics = ctx.measureText(char);
+        const width = Math.ceil(metrics.width);
+        this.widths.set(code, width);
+        this.firstChar = Math.min(code, this.firstChar);
+        this.lastChar = Math.max(code, this.lastChar);
+      }
+    }
+    return this.resources;
+  }
+  createAppearance(text, rect, rotation, fontSize, bgColor, strokeAlpha) {
+    const ctx = this._createContext();
+    const lines = [];
+    let maxWidth = -Infinity;
+    for (const line of text.split(/\r\n?|\n/)) {
+      lines.push(line);
+      const lineWidth = ctx.measureText(line).width;
+      maxWidth = Math.max(maxWidth, lineWidth);
+      for (const char of line.split("")) {
+        const code = char.charCodeAt(0);
+        let width = this.widths.get(code);
+        if (width === undefined) {
+          const metrics = ctx.measureText(char);
+          width = Math.ceil(metrics.width);
+          this.widths.set(code, width);
+          this.firstChar = Math.min(code, this.firstChar);
+          this.lastChar = Math.max(code, this.lastChar);
+        }
+      }
+    }
+    maxWidth *= fontSize / 1000;
+    const [x1, y1, x2, y2] = rect;
+    let w = x2 - x1;
+    let h = y2 - y1;
+    if (rotation % 180 !== 0) {
+      [w, h] = [h, w];
+    }
+    let hscale = 1;
+    if (maxWidth > w) {
+      hscale = w / maxWidth;
+    }
+    let vscale = 1;
+    const lineHeight = _util.LINE_FACTOR * fontSize;
+    const lineDescent = _util.LINE_DESCENT_FACTOR * fontSize;
+    const maxHeight = lineHeight * lines.length;
+    if (maxHeight > h) {
+      vscale = h / maxHeight;
+    }
+    const fscale = Math.min(hscale, vscale);
+    const newFontSize = fontSize * fscale;
+    const buffer = ["q", `0 0 ${(0, _core_utils.numberToString)(w)} ${(0, _core_utils.numberToString)(h)} re W n`, `BT`, `1 0 0 1 0 ${(0, _core_utils.numberToString)(h + lineDescent)} Tm 0 Tc ${getPdfColor(bgColor, true)}`, `/${this.fontName.name} ${(0, _core_utils.numberToString)(newFontSize)} Tf`];
+    const {
+      resources
+    } = this;
+    strokeAlpha = typeof strokeAlpha === "number" && strokeAlpha >= 0 && strokeAlpha <= 1 ? strokeAlpha : 1;
+    if (strokeAlpha !== 1) {
+      buffer.push("/R0 gs");
+      const extGState = new _primitives.Dict(this.xref);
+      const r0 = new _primitives.Dict(this.xref);
+      r0.set("ca", strokeAlpha);
+      r0.set("CA", strokeAlpha);
+      r0.set("Type", _primitives.Name.get("ExtGState"));
+      extGState.set("R0", r0);
+      resources.set("ExtGState", extGState);
+    }
+    const vShift = (0, _core_utils.numberToString)(lineHeight);
+    for (const line of lines) {
+      buffer.push(`0 -${vShift} Td <${(0, _core_utils.stringToUTF16HexString)(line)}> Tj`);
+    }
+    buffer.push("ET", "Q");
+    const appearance = buffer.join("\n");
+    const appearanceStreamDict = new _primitives.Dict(this.xref);
+    appearanceStreamDict.set("Subtype", _primitives.Name.get("Form"));
+    appearanceStreamDict.set("Type", _primitives.Name.get("XObject"));
+    appearanceStreamDict.set("BBox", [0, 0, w, h]);
+    appearanceStreamDict.set("Length", appearance.length);
+    appearanceStreamDict.set("Resources", resources);
+    if (rotation) {
+      const matrix = (0, _core_utils.getRotationMatrix)(rotation, w, h);
+      appearanceStreamDict.set("Matrix", matrix);
+    }
+    const ap = new _stream.StringStream(appearance);
+    ap.dict = appearanceStreamDict;
+    return ap;
+  }
+}
+exports.FakeUnicodeFont = FakeUnicodeFont;
+
+/***/ }),
+/* 12 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ColorSpace = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _base_stream = __w_pdfjs_require__(5);
+var _core_utils = __w_pdfjs_require__(3);
+function resizeRgbImage(src, dest, w1, h1, w2, h2, alpha01) {
+  const COMPONENTS = 3;
+  alpha01 = alpha01 !== 1 ? 0 : alpha01;
+  const xRatio = w1 / w2;
+  const yRatio = h1 / h2;
+  let newIndex = 0,
+    oldIndex;
+  const xScaled = new Uint16Array(w2);
+  const w1Scanline = w1 * COMPONENTS;
+  for (let i = 0; i < w2; i++) {
+    xScaled[i] = Math.floor(i * xRatio) * COMPONENTS;
+  }
+  for (let i = 0; i < h2; i++) {
+    const py = Math.floor(i * yRatio) * w1Scanline;
+    for (let j = 0; j < w2; j++) {
+      oldIndex = py + xScaled[j];
+      dest[newIndex++] = src[oldIndex++];
+      dest[newIndex++] = src[oldIndex++];
+      dest[newIndex++] = src[oldIndex++];
+      newIndex += alpha01;
+    }
+  }
+}
+class ColorSpace {
+  constructor(name, numComps) {
+    if (this.constructor === ColorSpace) {
+      (0, _util.unreachable)("Cannot initialize ColorSpace.");
+    }
+    this.name = name;
+    this.numComps = numComps;
+  }
+  getRgb(src, srcOffset) {
+    const rgb = new Uint8ClampedArray(3);
+    this.getRgbItem(src, srcOffset, rgb, 0);
+    return rgb;
+  }
+  getRgbItem(src, srcOffset, dest, destOffset) {
+    (0, _util.unreachable)("Should not call ColorSpace.getRgbItem");
+  }
+  getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+    (0, _util.unreachable)("Should not call ColorSpace.getRgbBuffer");
+  }
+  getOutputLength(inputLength, alpha01) {
+    (0, _util.unreachable)("Should not call ColorSpace.getOutputLength");
+  }
+  isPassthrough(bits) {
+    return false;
+  }
+  isDefaultDecode(decodeMap, bpc) {
+    return ColorSpace.isDefaultDecode(decodeMap, this.numComps);
+  }
+  fillRgb(dest, originalWidth, originalHeight, width, height, actualHeight, bpc, comps, alpha01) {
+    const count = originalWidth * originalHeight;
+    let rgbBuf = null;
+    const numComponentColors = 1 << bpc;
+    const needsResizing = originalHeight !== height || originalWidth !== width;
+    if (this.isPassthrough(bpc)) {
+      rgbBuf = comps;
+    } else if (this.numComps === 1 && count > numComponentColors && this.name !== "DeviceGray" && this.name !== "DeviceRGB") {
+      const allColors = bpc <= 8 ? new Uint8Array(numComponentColors) : new Uint16Array(numComponentColors);
+      for (let i = 0; i < numComponentColors; i++) {
+        allColors[i] = i;
+      }
+      const colorMap = new Uint8ClampedArray(numComponentColors * 3);
+      this.getRgbBuffer(allColors, 0, numComponentColors, colorMap, 0, bpc, 0);
+      if (!needsResizing) {
+        let destPos = 0;
+        for (let i = 0; i < count; ++i) {
+          const key = comps[i] * 3;
+          dest[destPos++] = colorMap[key];
+          dest[destPos++] = colorMap[key + 1];
+          dest[destPos++] = colorMap[key + 2];
+          destPos += alpha01;
+        }
+      } else {
+        rgbBuf = new Uint8Array(count * 3);
+        let rgbPos = 0;
+        for (let i = 0; i < count; ++i) {
+          const key = comps[i] * 3;
+          rgbBuf[rgbPos++] = colorMap[key];
+          rgbBuf[rgbPos++] = colorMap[key + 1];
+          rgbBuf[rgbPos++] = colorMap[key + 2];
+        }
+      }
+    } else {
+      if (!needsResizing) {
+        this.getRgbBuffer(comps, 0, width * actualHeight, dest, 0, bpc, alpha01);
+      } else {
+        rgbBuf = new Uint8ClampedArray(count * 3);
+        this.getRgbBuffer(comps, 0, count, rgbBuf, 0, bpc, 0);
+      }
+    }
+    if (rgbBuf) {
+      if (needsResizing) {
+        resizeRgbImage(rgbBuf, dest, originalWidth, originalHeight, width, height, alpha01);
+      } else {
+        let destPos = 0,
+          rgbPos = 0;
+        for (let i = 0, ii = width * actualHeight; i < ii; i++) {
+          dest[destPos++] = rgbBuf[rgbPos++];
+          dest[destPos++] = rgbBuf[rgbPos++];
+          dest[destPos++] = rgbBuf[rgbPos++];
+          destPos += alpha01;
+        }
+      }
+    }
+  }
+  get usesZeroToOneRange() {
+    return (0, _util.shadow)(this, "usesZeroToOneRange", true);
+  }
+  static _cache(cacheKey, xref, localColorSpaceCache, parsedColorSpace) {
+    if (!localColorSpaceCache) {
+      throw new Error('ColorSpace._cache - expected "localColorSpaceCache" argument.');
+    }
+    if (!parsedColorSpace) {
+      throw new Error('ColorSpace._cache - expected "parsedColorSpace" argument.');
+    }
+    let csName, csRef;
+    if (cacheKey instanceof _primitives.Ref) {
+      csRef = cacheKey;
+      cacheKey = xref.fetch(cacheKey);
+    }
+    if (cacheKey instanceof _primitives.Name) {
+      csName = cacheKey.name;
+    }
+    if (csName || csRef) {
+      localColorSpaceCache.set(csName, csRef, parsedColorSpace);
+    }
+  }
+  static getCached(cacheKey, xref, localColorSpaceCache) {
+    if (!localColorSpaceCache) {
+      throw new Error('ColorSpace.getCached - expected "localColorSpaceCache" argument.');
+    }
+    if (cacheKey instanceof _primitives.Ref) {
+      const localColorSpace = localColorSpaceCache.getByRef(cacheKey);
+      if (localColorSpace) {
+        return localColorSpace;
+      }
+      try {
+        cacheKey = xref.fetch(cacheKey);
+      } catch (ex) {
+        if (ex instanceof _core_utils.MissingDataException) {
+          throw ex;
+        }
+      }
+    }
+    if (cacheKey instanceof _primitives.Name) {
+      const localColorSpace = localColorSpaceCache.getByName(cacheKey.name);
+      if (localColorSpace) {
+        return localColorSpace;
+      }
+    }
+    return null;
+  }
+  static async parseAsync({
+    cs,
+    xref,
+    resources = null,
+    pdfFunctionFactory,
+    localColorSpaceCache
+  }) {
+    const parsedColorSpace = this._parse(cs, xref, resources, pdfFunctionFactory);
+    this._cache(cs, xref, localColorSpaceCache, parsedColorSpace);
+    return parsedColorSpace;
+  }
+  static parse({
+    cs,
+    xref,
+    resources = null,
+    pdfFunctionFactory,
+    localColorSpaceCache
+  }) {
+    const cachedColorSpace = this.getCached(cs, xref, localColorSpaceCache);
+    if (cachedColorSpace) {
+      return cachedColorSpace;
+    }
+    const parsedColorSpace = this._parse(cs, xref, resources, pdfFunctionFactory);
+    this._cache(cs, xref, localColorSpaceCache, parsedColorSpace);
+    return parsedColorSpace;
+  }
+  static _parse(cs, xref, resources = null, pdfFunctionFactory) {
+    cs = xref.fetchIfRef(cs);
+    if (cs instanceof _primitives.Name) {
+      switch (cs.name) {
+        case "G":
+        case "DeviceGray":
+          return this.singletons.gray;
+        case "RGB":
+        case "DeviceRGB":
+          return this.singletons.rgb;
+        case "CMYK":
+        case "DeviceCMYK":
+          return this.singletons.cmyk;
+        case "Pattern":
+          return new PatternCS(null);
+        default:
+          if (resources instanceof _primitives.Dict) {
+            const colorSpaces = resources.get("ColorSpace");
+            if (colorSpaces instanceof _primitives.Dict) {
+              const resourcesCS = colorSpaces.get(cs.name);
+              if (resourcesCS) {
+                if (resourcesCS instanceof _primitives.Name) {
+                  return this._parse(resourcesCS, xref, resources, pdfFunctionFactory);
+                }
+                cs = resourcesCS;
+                break;
+              }
+            }
+          }
+          throw new _util.FormatError(`Unrecognized ColorSpace: ${cs.name}`);
+      }
+    }
+    if (Array.isArray(cs)) {
+      const mode = xref.fetchIfRef(cs[0]).name;
+      let params, numComps, baseCS, whitePoint, blackPoint, gamma;
+      switch (mode) {
+        case "G":
+        case "DeviceGray":
+          return this.singletons.gray;
+        case "RGB":
+        case "DeviceRGB":
+          return this.singletons.rgb;
+        case "CMYK":
+        case "DeviceCMYK":
+          return this.singletons.cmyk;
+        case "CalGray":
+          params = xref.fetchIfRef(cs[1]);
+          whitePoint = params.getArray("WhitePoint");
+          blackPoint = params.getArray("BlackPoint");
+          gamma = params.get("Gamma");
+          return new CalGrayCS(whitePoint, blackPoint, gamma);
+        case "CalRGB":
+          params = xref.fetchIfRef(cs[1]);
+          whitePoint = params.getArray("WhitePoint");
+          blackPoint = params.getArray("BlackPoint");
+          gamma = params.getArray("Gamma");
+          const matrix = params.getArray("Matrix");
+          return new CalRGBCS(whitePoint, blackPoint, gamma, matrix);
+        case "ICCBased":
+          const stream = xref.fetchIfRef(cs[1]);
+          const dict = stream.dict;
+          numComps = dict.get("N");
+          const alt = dict.get("Alternate");
+          if (alt) {
+            const altCS = this._parse(alt, xref, resources, pdfFunctionFactory);
+            if (altCS.numComps === numComps) {
+              return altCS;
+            }
+            (0, _util.warn)("ICCBased color space: Ignoring incorrect /Alternate entry.");
+          }
+          if (numComps === 1) {
+            return this.singletons.gray;
+          } else if (numComps === 3) {
+            return this.singletons.rgb;
+          } else if (numComps === 4) {
+            return this.singletons.cmyk;
+          }
+          break;
+        case "Pattern":
+          baseCS = cs[1] || null;
+          if (baseCS) {
+            baseCS = this._parse(baseCS, xref, resources, pdfFunctionFactory);
+          }
+          return new PatternCS(baseCS);
+        case "I":
+        case "Indexed":
+          baseCS = this._parse(cs[1], xref, resources, pdfFunctionFactory);
+          const hiVal = xref.fetchIfRef(cs[2]) + 1;
+          const lookup = xref.fetchIfRef(cs[3]);
+          return new IndexedCS(baseCS, hiVal, lookup);
+        case "Separation":
+        case "DeviceN":
+          const name = xref.fetchIfRef(cs[1]);
+          numComps = Array.isArray(name) ? name.length : 1;
+          baseCS = this._parse(cs[2], xref, resources, pdfFunctionFactory);
+          const tintFn = pdfFunctionFactory.create(cs[3]);
+          return new AlternateCS(numComps, baseCS, tintFn);
+        case "Lab":
+          params = xref.fetchIfRef(cs[1]);
+          whitePoint = params.getArray("WhitePoint");
+          blackPoint = params.getArray("BlackPoint");
+          const range = params.getArray("Range");
+          return new LabCS(whitePoint, blackPoint, range);
+        default:
+          throw new _util.FormatError(`Unimplemented ColorSpace object: ${mode}`);
+      }
+    }
+    throw new _util.FormatError(`Unrecognized ColorSpace object: ${cs}`);
+  }
+  static isDefaultDecode(decode, numComps) {
+    if (!Array.isArray(decode)) {
+      return true;
+    }
+    if (numComps * 2 !== decode.length) {
+      (0, _util.warn)("The decode map is not the correct length");
+      return true;
+    }
+    for (let i = 0, ii = decode.length; i < ii; i += 2) {
+      if (decode[i] !== 0 || decode[i + 1] !== 1) {
+        return false;
+      }
+    }
+    return true;
+  }
+  static get singletons() {
+    return (0, _util.shadow)(this, "singletons", {
+      get gray() {
+        return (0, _util.shadow)(this, "gray", new DeviceGrayCS());
+      },
+      get rgb() {
+        return (0, _util.shadow)(this, "rgb", new DeviceRgbCS());
+      },
+      get cmyk() {
+        return (0, _util.shadow)(this, "cmyk", new DeviceCmykCS());
+      }
+    });
+  }
+}
+exports.ColorSpace = ColorSpace;
+class AlternateCS extends ColorSpace {
+  constructor(numComps, base, tintFn) {
+    super("Alternate", numComps);
+    this.base = base;
+    this.tintFn = tintFn;
+    this.tmpBuf = new Float32Array(base.numComps);
+  }
+  getRgbItem(src, srcOffset, dest, destOffset) {
+    const tmpBuf = this.tmpBuf;
+    this.tintFn(src, srcOffset, tmpBuf, 0);
+    this.base.getRgbItem(tmpBuf, 0, dest, destOffset);
+  }
+  getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+    const tintFn = this.tintFn;
+    const base = this.base;
+    const scale = 1 / ((1 << bits) - 1);
+    const baseNumComps = base.numComps;
+    const usesZeroToOneRange = base.usesZeroToOneRange;
+    const isPassthrough = (base.isPassthrough(8) || !usesZeroToOneRange) && alpha01 === 0;
+    let pos = isPassthrough ? destOffset : 0;
+    const baseBuf = isPassthrough ? dest : new Uint8ClampedArray(baseNumComps * count);
+    const numComps = this.numComps;
+    const scaled = new Float32Array(numComps);
+    const tinted = new Float32Array(baseNumComps);
+    let i, j;
+    for (i = 0; i < count; i++) {
+      for (j = 0; j < numComps; j++) {
+        scaled[j] = src[srcOffset++] * scale;
+      }
+      tintFn(scaled, 0, tinted, 0);
+      if (usesZeroToOneRange) {
+        for (j = 0; j < baseNumComps; j++) {
+          baseBuf[pos++] = tinted[j] * 255;
+        }
+      } else {
+        base.getRgbItem(tinted, 0, baseBuf, pos);
+        pos += baseNumComps;
+      }
+    }
+    if (!isPassthrough) {
+      base.getRgbBuffer(baseBuf, 0, count, dest, destOffset, 8, alpha01);
+    }
+  }
+  getOutputLength(inputLength, alpha01) {
+    return this.base.getOutputLength(inputLength * this.base.numComps / this.numComps, alpha01);
+  }
+}
+class PatternCS extends ColorSpace {
+  constructor(baseCS) {
+    super("Pattern", null);
+    this.base = baseCS;
+  }
+  isDefaultDecode(decodeMap, bpc) {
+    (0, _util.unreachable)("Should not call PatternCS.isDefaultDecode");
+  }
+}
+class IndexedCS extends ColorSpace {
+  constructor(base, highVal, lookup) {
+    super("Indexed", 1);
+    this.base = base;
+    this.highVal = highVal;
+    const length = base.numComps * highVal;
+    this.lookup = new Uint8Array(length);
+    if (lookup instanceof _base_stream.BaseStream) {
+      const bytes = lookup.getBytes(length);
+      this.lookup.set(bytes);
+    } else if (typeof lookup === "string") {
+      for (let i = 0; i < length; ++i) {
+        this.lookup[i] = lookup.charCodeAt(i) & 0xff;
+      }
+    } else {
+      throw new _util.FormatError(`IndexedCS - unrecognized lookup table: ${lookup}`);
+    }
+  }
+  getRgbItem(src, srcOffset, dest, destOffset) {
+    const numComps = this.base.numComps;
+    const start = src[srcOffset] * numComps;
+    this.base.getRgbBuffer(this.lookup, start, 1, dest, destOffset, 8, 0);
+  }
+  getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+    const base = this.base;
+    const numComps = base.numComps;
+    const outputDelta = base.getOutputLength(numComps, alpha01);
+    const lookup = this.lookup;
+    for (let i = 0; i < count; ++i) {
+      const lookupPos = src[srcOffset++] * numComps;
+      base.getRgbBuffer(lookup, lookupPos, 1, dest, destOffset, 8, alpha01);
+      destOffset += outputDelta;
+    }
+  }
+  getOutputLength(inputLength, alpha01) {
+    return this.base.getOutputLength(inputLength * this.base.numComps, alpha01);
+  }
+  isDefaultDecode(decodeMap, bpc) {
+    if (!Array.isArray(decodeMap)) {
+      return true;
+    }
+    if (decodeMap.length !== 2) {
+      (0, _util.warn)("Decode map length is not correct");
+      return true;
+    }
+    if (!Number.isInteger(bpc) || bpc < 1) {
+      (0, _util.warn)("Bits per component is not correct");
+      return true;
+    }
+    return decodeMap[0] === 0 && decodeMap[1] === (1 << bpc) - 1;
+  }
+}
+class DeviceGrayCS extends ColorSpace {
+  constructor() {
+    super("DeviceGray", 1);
+  }
+  getRgbItem(src, srcOffset, dest, destOffset) {
+    const c = src[srcOffset] * 255;
+    dest[destOffset] = dest[destOffset + 1] = dest[destOffset + 2] = c;
+  }
+  getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+    const scale = 255 / ((1 << bits) - 1);
+    let j = srcOffset,
+      q = destOffset;
+    for (let i = 0; i < count; ++i) {
+      const c = scale * src[j++];
+      dest[q++] = c;
+      dest[q++] = c;
+      dest[q++] = c;
+      q += alpha01;
+    }
+  }
+  getOutputLength(inputLength, alpha01) {
+    return inputLength * (3 + alpha01);
+  }
+}
+class DeviceRgbCS extends ColorSpace {
+  constructor() {
+    super("DeviceRGB", 3);
+  }
+  getRgbItem(src, srcOffset, dest, destOffset) {
+    dest[destOffset] = src[srcOffset] * 255;
+    dest[destOffset + 1] = src[srcOffset + 1] * 255;
+    dest[destOffset + 2] = src[srcOffset + 2] * 255;
+  }
+  getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+    if (bits === 8 && alpha01 === 0) {
+      dest.set(src.subarray(srcOffset, srcOffset + count * 3), destOffset);
+      return;
+    }
+    const scale = 255 / ((1 << bits) - 1);
+    let j = srcOffset,
+      q = destOffset;
+    for (let i = 0; i < count; ++i) {
+      dest[q++] = scale * src[j++];
+      dest[q++] = scale * src[j++];
+      dest[q++] = scale * src[j++];
+      q += alpha01;
+    }
+  }
+  getOutputLength(inputLength, alpha01) {
+    return inputLength * (3 + alpha01) / 3 | 0;
+  }
+  isPassthrough(bits) {
+    return bits === 8;
+  }
+}
+const DeviceCmykCS = function DeviceCmykCSClosure() {
+  function convertToRgb(src, srcOffset, srcScale, dest, destOffset) {
+    const c = src[srcOffset] * srcScale;
+    const m = src[srcOffset + 1] * srcScale;
+    const y = src[srcOffset + 2] * srcScale;
+    const k = src[srcOffset + 3] * srcScale;
+    dest[destOffset] = 255 + c * (-4.387332384609988 * c + 54.48615194189176 * m + 18.82290502165302 * y + 212.25662451639585 * k + -285.2331026137004) + m * (1.7149763477362134 * m - 5.6096736904047315 * y + -17.873870861415444 * k - 5.497006427196366) + y * (-2.5217340131683033 * y - 21.248923337353073 * k + 17.5119270841813) + k * (-21.86122147463605 * k - 189.48180835922747);
+    dest[destOffset + 1] = 255 + c * (8.841041422036149 * c + 60.118027045597366 * m + 6.871425592049007 * y + 31.159100130055922 * k + -79.2970844816548) + m * (-15.310361306967817 * m + 17.575251261109482 * y + 131.35250912493976 * k - 190.9453302588951) + y * (4.444339102852739 * y + 9.8632861493405 * k - 24.86741582555878) + k * (-20.737325471181034 * k - 187.80453709719578);
+    dest[destOffset + 2] = 255 + c * (0.8842522430003296 * c + 8.078677503112928 * m + 30.89978309703729 * y - 0.23883238689178934 * k + -14.183576799673286) + m * (10.49593273432072 * m + 63.02378494754052 * y + 50.606957656360734 * k - 112.23884253719248) + y * (0.03296041114873217 * y + 115.60384449646641 * k + -193.58209356861505) + k * (-22.33816807309886 * k - 180.12613974708367);
+  }
+  class DeviceCmykCS extends ColorSpace {
+    constructor() {
+      super("DeviceCMYK", 4);
+    }
+    getRgbItem(src, srcOffset, dest, destOffset) {
+      convertToRgb(src, srcOffset, 1, dest, destOffset);
+    }
+    getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+      const scale = 1 / ((1 << bits) - 1);
+      for (let i = 0; i < count; i++) {
+        convertToRgb(src, srcOffset, scale, dest, destOffset);
+        srcOffset += 4;
+        destOffset += 3 + alpha01;
+      }
+    }
+    getOutputLength(inputLength, alpha01) {
+      return inputLength / 4 * (3 + alpha01) | 0;
+    }
+  }
+  return DeviceCmykCS;
+}();
+const CalGrayCS = function CalGrayCSClosure() {
+  function convertToRgb(cs, src, srcOffset, dest, destOffset, scale) {
+    const A = src[srcOffset] * scale;
+    const AG = A ** cs.G;
+    const L = cs.YW * AG;
+    const val = Math.max(295.8 * L ** 0.3333333333333333 - 40.8, 0);
+    dest[destOffset] = val;
+    dest[destOffset + 1] = val;
+    dest[destOffset + 2] = val;
+  }
+  class CalGrayCS extends ColorSpace {
+    constructor(whitePoint, blackPoint, gamma) {
+      super("CalGray", 1);
+      if (!whitePoint) {
+        throw new _util.FormatError("WhitePoint missing - required for color space CalGray");
+      }
+      blackPoint = blackPoint || [0, 0, 0];
+      gamma = gamma || 1;
+      this.XW = whitePoint[0];
+      this.YW = whitePoint[1];
+      this.ZW = whitePoint[2];
+      this.XB = blackPoint[0];
+      this.YB = blackPoint[1];
+      this.ZB = blackPoint[2];
+      this.G = gamma;
+      if (this.XW < 0 || this.ZW < 0 || this.YW !== 1) {
+        throw new _util.FormatError(`Invalid WhitePoint components for ${this.name}` + ", no fallback available");
+      }
+      if (this.XB < 0 || this.YB < 0 || this.ZB < 0) {
+        (0, _util.info)(`Invalid BlackPoint for ${this.name}, falling back to default.`);
+        this.XB = this.YB = this.ZB = 0;
+      }
+      if (this.XB !== 0 || this.YB !== 0 || this.ZB !== 0) {
+        (0, _util.warn)(`${this.name}, BlackPoint: XB: ${this.XB}, YB: ${this.YB}, ` + `ZB: ${this.ZB}, only default values are supported.`);
+      }
+      if (this.G < 1) {
+        (0, _util.info)(`Invalid Gamma: ${this.G} for ${this.name}, ` + "falling back to default.");
+        this.G = 1;
+      }
+    }
+    getRgbItem(src, srcOffset, dest, destOffset) {
+      convertToRgb(this, src, srcOffset, dest, destOffset, 1);
+    }
+    getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+      const scale = 1 / ((1 << bits) - 1);
+      for (let i = 0; i < count; ++i) {
+        convertToRgb(this, src, srcOffset, dest, destOffset, scale);
+        srcOffset += 1;
+        destOffset += 3 + alpha01;
+      }
+    }
+    getOutputLength(inputLength, alpha01) {
+      return inputLength * (3 + alpha01);
+    }
+  }
+  return CalGrayCS;
+}();
+const CalRGBCS = function CalRGBCSClosure() {
+  const BRADFORD_SCALE_MATRIX = new Float32Array([0.8951, 0.2664, -0.1614, -0.7502, 1.7135, 0.0367, 0.0389, -0.0685, 1.0296]);
+  const BRADFORD_SCALE_INVERSE_MATRIX = new Float32Array([0.9869929, -0.1470543, 0.1599627, 0.4323053, 0.5183603, 0.0492912, -0.0085287, 0.0400428, 0.9684867]);
+  const SRGB_D65_XYZ_TO_RGB_MATRIX = new Float32Array([3.2404542, -1.5371385, -0.4985314, -0.9692660, 1.8760108, 0.0415560, 0.0556434, -0.2040259, 1.0572252]);
+  const FLAT_WHITEPOINT_MATRIX = new Float32Array([1, 1, 1]);
+  const tempNormalizeMatrix = new Float32Array(3);
+  const tempConvertMatrix1 = new Float32Array(3);
+  const tempConvertMatrix2 = new Float32Array(3);
+  const DECODE_L_CONSTANT = ((8 + 16) / 116) ** 3 / 8.0;
+  function matrixProduct(a, b, result) {
+    result[0] = a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+    result[1] = a[3] * b[0] + a[4] * b[1] + a[5] * b[2];
+    result[2] = a[6] * b[0] + a[7] * b[1] + a[8] * b[2];
+  }
+  function convertToFlat(sourceWhitePoint, LMS, result) {
+    result[0] = LMS[0] * 1 / sourceWhitePoint[0];
+    result[1] = LMS[1] * 1 / sourceWhitePoint[1];
+    result[2] = LMS[2] * 1 / sourceWhitePoint[2];
+  }
+  function convertToD65(sourceWhitePoint, LMS, result) {
+    const D65X = 0.95047;
+    const D65Y = 1;
+    const D65Z = 1.08883;
+    result[0] = LMS[0] * D65X / sourceWhitePoint[0];
+    result[1] = LMS[1] * D65Y / sourceWhitePoint[1];
+    result[2] = LMS[2] * D65Z / sourceWhitePoint[2];
+  }
+  function sRGBTransferFunction(color) {
+    if (color <= 0.0031308) {
+      return adjustToRange(0, 1, 12.92 * color);
+    }
+    if (color >= 0.99554525) {
+      return 1;
+    }
+    return adjustToRange(0, 1, (1 + 0.055) * color ** (1 / 2.4) - 0.055);
+  }
+  function adjustToRange(min, max, value) {
+    return Math.max(min, Math.min(max, value));
+  }
+  function decodeL(L) {
+    if (L < 0) {
+      return -decodeL(-L);
+    }
+    if (L > 8.0) {
+      return ((L + 16) / 116) ** 3;
+    }
+    return L * DECODE_L_CONSTANT;
+  }
+  function compensateBlackPoint(sourceBlackPoint, XYZ_Flat, result) {
+    if (sourceBlackPoint[0] === 0 && sourceBlackPoint[1] === 0 && sourceBlackPoint[2] === 0) {
+      result[0] = XYZ_Flat[0];
+      result[1] = XYZ_Flat[1];
+      result[2] = XYZ_Flat[2];
+      return;
+    }
+    const zeroDecodeL = decodeL(0);
+    const X_DST = zeroDecodeL;
+    const X_SRC = decodeL(sourceBlackPoint[0]);
+    const Y_DST = zeroDecodeL;
+    const Y_SRC = decodeL(sourceBlackPoint[1]);
+    const Z_DST = zeroDecodeL;
+    const Z_SRC = decodeL(sourceBlackPoint[2]);
+    const X_Scale = (1 - X_DST) / (1 - X_SRC);
+    const X_Offset = 1 - X_Scale;
+    const Y_Scale = (1 - Y_DST) / (1 - Y_SRC);
+    const Y_Offset = 1 - Y_Scale;
+    const Z_Scale = (1 - Z_DST) / (1 - Z_SRC);
+    const Z_Offset = 1 - Z_Scale;
+    result[0] = XYZ_Flat[0] * X_Scale + X_Offset;
+    result[1] = XYZ_Flat[1] * Y_Scale + Y_Offset;
+    result[2] = XYZ_Flat[2] * Z_Scale + Z_Offset;
+  }
+  function normalizeWhitePointToFlat(sourceWhitePoint, XYZ_In, result) {
+    if (sourceWhitePoint[0] === 1 && sourceWhitePoint[2] === 1) {
+      result[0] = XYZ_In[0];
+      result[1] = XYZ_In[1];
+      result[2] = XYZ_In[2];
+      return;
+    }
+    const LMS = result;
+    matrixProduct(BRADFORD_SCALE_MATRIX, XYZ_In, LMS);
+    const LMS_Flat = tempNormalizeMatrix;
+    convertToFlat(sourceWhitePoint, LMS, LMS_Flat);
+    matrixProduct(BRADFORD_SCALE_INVERSE_MATRIX, LMS_Flat, result);
+  }
+  function normalizeWhitePointToD65(sourceWhitePoint, XYZ_In, result) {
+    const LMS = result;
+    matrixProduct(BRADFORD_SCALE_MATRIX, XYZ_In, LMS);
+    const LMS_D65 = tempNormalizeMatrix;
+    convertToD65(sourceWhitePoint, LMS, LMS_D65);
+    matrixProduct(BRADFORD_SCALE_INVERSE_MATRIX, LMS_D65, result);
+  }
+  function convertToRgb(cs, src, srcOffset, dest, destOffset, scale) {
+    const A = adjustToRange(0, 1, src[srcOffset] * scale);
+    const B = adjustToRange(0, 1, src[srcOffset + 1] * scale);
+    const C = adjustToRange(0, 1, src[srcOffset + 2] * scale);
+    const AGR = A === 1 ? 1 : A ** cs.GR;
+    const BGG = B === 1 ? 1 : B ** cs.GG;
+    const CGB = C === 1 ? 1 : C ** cs.GB;
+    const X = cs.MXA * AGR + cs.MXB * BGG + cs.MXC * CGB;
+    const Y = cs.MYA * AGR + cs.MYB * BGG + cs.MYC * CGB;
+    const Z = cs.MZA * AGR + cs.MZB * BGG + cs.MZC * CGB;
+    const XYZ = tempConvertMatrix1;
+    XYZ[0] = X;
+    XYZ[1] = Y;
+    XYZ[2] = Z;
+    const XYZ_Flat = tempConvertMatrix2;
+    normalizeWhitePointToFlat(cs.whitePoint, XYZ, XYZ_Flat);
+    const XYZ_Black = tempConvertMatrix1;
+    compensateBlackPoint(cs.blackPoint, XYZ_Flat, XYZ_Black);
+    const XYZ_D65 = tempConvertMatrix2;
+    normalizeWhitePointToD65(FLAT_WHITEPOINT_MATRIX, XYZ_Black, XYZ_D65);
+    const SRGB = tempConvertMatrix1;
+    matrixProduct(SRGB_D65_XYZ_TO_RGB_MATRIX, XYZ_D65, SRGB);
+    dest[destOffset] = sRGBTransferFunction(SRGB[0]) * 255;
+    dest[destOffset + 1] = sRGBTransferFunction(SRGB[1]) * 255;
+    dest[destOffset + 2] = sRGBTransferFunction(SRGB[2]) * 255;
+  }
+  class CalRGBCS extends ColorSpace {
+    constructor(whitePoint, blackPoint, gamma, matrix) {
+      super("CalRGB", 3);
+      if (!whitePoint) {
+        throw new _util.FormatError("WhitePoint missing - required for color space CalRGB");
+      }
+      blackPoint ||= new Float32Array(3);
+      gamma ||= new Float32Array([1, 1, 1]);
+      matrix ||= new Float32Array([1, 0, 0, 0, 1, 0, 0, 0, 1]);
+      const XW = whitePoint[0];
+      const YW = whitePoint[1];
+      const ZW = whitePoint[2];
+      this.whitePoint = whitePoint;
+      const XB = blackPoint[0];
+      const YB = blackPoint[1];
+      const ZB = blackPoint[2];
+      this.blackPoint = blackPoint;
+      this.GR = gamma[0];
+      this.GG = gamma[1];
+      this.GB = gamma[2];
+      this.MXA = matrix[0];
+      this.MYA = matrix[1];
+      this.MZA = matrix[2];
+      this.MXB = matrix[3];
+      this.MYB = matrix[4];
+      this.MZB = matrix[5];
+      this.MXC = matrix[6];
+      this.MYC = matrix[7];
+      this.MZC = matrix[8];
+      if (XW < 0 || ZW < 0 || YW !== 1) {
+        throw new _util.FormatError(`Invalid WhitePoint components for ${this.name}` + ", no fallback available");
+      }
+      if (XB < 0 || YB < 0 || ZB < 0) {
+        (0, _util.info)(`Invalid BlackPoint for ${this.name} [${XB}, ${YB}, ${ZB}], ` + "falling back to default.");
+        this.blackPoint = new Float32Array(3);
+      }
+      if (this.GR < 0 || this.GG < 0 || this.GB < 0) {
+        (0, _util.info)(`Invalid Gamma [${this.GR}, ${this.GG}, ${this.GB}] for ` + `${this.name}, falling back to default.`);
+        this.GR = this.GG = this.GB = 1;
+      }
+    }
+    getRgbItem(src, srcOffset, dest, destOffset) {
+      convertToRgb(this, src, srcOffset, dest, destOffset, 1);
+    }
+    getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+      const scale = 1 / ((1 << bits) - 1);
+      for (let i = 0; i < count; ++i) {
+        convertToRgb(this, src, srcOffset, dest, destOffset, scale);
+        srcOffset += 3;
+        destOffset += 3 + alpha01;
+      }
+    }
+    getOutputLength(inputLength, alpha01) {
+      return inputLength * (3 + alpha01) / 3 | 0;
+    }
+  }
+  return CalRGBCS;
+}();
+const LabCS = function LabCSClosure() {
+  function fn_g(x) {
+    let result;
+    if (x >= 6 / 29) {
+      result = x ** 3;
+    } else {
+      result = 108 / 841 * (x - 4 / 29);
+    }
+    return result;
+  }
+  function decode(value, high1, low2, high2) {
+    return low2 + value * (high2 - low2) / high1;
+  }
+  function convertToRgb(cs, src, srcOffset, maxVal, dest, destOffset) {
+    let Ls = src[srcOffset];
+    let as = src[srcOffset + 1];
+    let bs = src[srcOffset + 2];
+    if (maxVal !== false) {
+      Ls = decode(Ls, maxVal, 0, 100);
+      as = decode(as, maxVal, cs.amin, cs.amax);
+      bs = decode(bs, maxVal, cs.bmin, cs.bmax);
+    }
+    if (as > cs.amax) {
+      as = cs.amax;
+    } else if (as < cs.amin) {
+      as = cs.amin;
+    }
+    if (bs > cs.bmax) {
+      bs = cs.bmax;
+    } else if (bs < cs.bmin) {
+      bs = cs.bmin;
+    }
+    const M = (Ls + 16) / 116;
+    const L = M + as / 500;
+    const N = M - bs / 200;
+    const X = cs.XW * fn_g(L);
+    const Y = cs.YW * fn_g(M);
+    const Z = cs.ZW * fn_g(N);
+    let r, g, b;
+    if (cs.ZW < 1) {
+      r = X * 3.1339 + Y * -1.617 + Z * -0.4906;
+      g = X * -0.9785 + Y * 1.916 + Z * 0.0333;
+      b = X * 0.072 + Y * -0.229 + Z * 1.4057;
+    } else {
+      r = X * 3.2406 + Y * -1.5372 + Z * -0.4986;
+      g = X * -0.9689 + Y * 1.8758 + Z * 0.0415;
+      b = X * 0.0557 + Y * -0.204 + Z * 1.057;
+    }
+    dest[destOffset] = Math.sqrt(r) * 255;
+    dest[destOffset + 1] = Math.sqrt(g) * 255;
+    dest[destOffset + 2] = Math.sqrt(b) * 255;
+  }
+  class LabCS extends ColorSpace {
+    constructor(whitePoint, blackPoint, range) {
+      super("Lab", 3);
+      if (!whitePoint) {
+        throw new _util.FormatError("WhitePoint missing - required for color space Lab");
+      }
+      blackPoint ||= [0, 0, 0];
+      range ||= [-100, 100, -100, 100];
+      this.XW = whitePoint[0];
+      this.YW = whitePoint[1];
+      this.ZW = whitePoint[2];
+      this.amin = range[0];
+      this.amax = range[1];
+      this.bmin = range[2];
+      this.bmax = range[3];
+      this.XB = blackPoint[0];
+      this.YB = blackPoint[1];
+      this.ZB = blackPoint[2];
+      if (this.XW < 0 || this.ZW < 0 || this.YW !== 1) {
+        throw new _util.FormatError("Invalid WhitePoint components, no fallback available");
+      }
+      if (this.XB < 0 || this.YB < 0 || this.ZB < 0) {
+        (0, _util.info)("Invalid BlackPoint, falling back to default");
+        this.XB = this.YB = this.ZB = 0;
+      }
+      if (this.amin > this.amax || this.bmin > this.bmax) {
+        (0, _util.info)("Invalid Range, falling back to defaults");
+        this.amin = -100;
+        this.amax = 100;
+        this.bmin = -100;
+        this.bmax = 100;
+      }
+    }
+    getRgbItem(src, srcOffset, dest, destOffset) {
+      convertToRgb(this, src, srcOffset, false, dest, destOffset);
+    }
+    getRgbBuffer(src, srcOffset, count, dest, destOffset, bits, alpha01) {
+      const maxVal = (1 << bits) - 1;
+      for (let i = 0; i < count; i++) {
+        convertToRgb(this, src, srcOffset, maxVal, dest, destOffset);
+        srcOffset += 3;
+        destOffset += 3 + alpha01;
+      }
+    }
+    getOutputLength(inputLength, alpha01) {
+      return inputLength * (3 + alpha01) / 3 | 0;
+    }
+    isDefaultDecode(decodeMap, bpc) {
+      return true;
+    }
+    get usesZeroToOneRange() {
+      return (0, _util.shadow)(this, "usesZeroToOneRange", false);
+    }
+  }
+  return LabCS;
+}();
+
+/***/ }),
+/* 13 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PartialEvaluator = exports.EvaluatorPreprocessor = void 0;
+var _util = __w_pdfjs_require__(2);
+var _cmap = __w_pdfjs_require__(14);
+var _primitives = __w_pdfjs_require__(4);
+var _fonts = __w_pdfjs_require__(34);
+var _encodings = __w_pdfjs_require__(37);
+var _standard_fonts = __w_pdfjs_require__(41);
+var _pattern = __w_pdfjs_require__(50);
+var _xfa_fonts = __w_pdfjs_require__(51);
+var _to_unicode_map = __w_pdfjs_require__(42);
+var _function = __w_pdfjs_require__(57);
+var _parser = __w_pdfjs_require__(16);
+var _image_utils = __w_pdfjs_require__(59);
+var _stream = __w_pdfjs_require__(8);
+var _base_stream = __w_pdfjs_require__(5);
+var _bidi = __w_pdfjs_require__(60);
+var _colorspace = __w_pdfjs_require__(12);
+var _decode_stream = __w_pdfjs_require__(18);
+var _fonts_utils = __w_pdfjs_require__(38);
+var _glyphlist = __w_pdfjs_require__(39);
+var _core_utils = __w_pdfjs_require__(3);
+var _metrics = __w_pdfjs_require__(45);
+var _unicode = __w_pdfjs_require__(40);
+var _image_resizer = __w_pdfjs_require__(61);
+var _murmurhash = __w_pdfjs_require__(62);
+var _operator_list = __w_pdfjs_require__(63);
+var _image = __w_pdfjs_require__(64);
+const DefaultPartialEvaluatorOptions = Object.freeze({
+  maxImageSize: -1,
+  disableFontFace: false,
+  ignoreErrors: false,
+  isEvalSupported: true,
+  isOffscreenCanvasSupported: false,
+  canvasMaxAreaInBytes: -1,
+  fontExtraProperties: false,
+  useSystemFonts: true,
+  cMapUrl: null,
+  standardFontDataUrl: null
+});
+const PatternType = {
+  TILING: 1,
+  SHADING: 2
+};
+const TEXT_CHUNK_BATCH_SIZE = 10;
+const deferred = Promise.resolve();
+function normalizeBlendMode(value, parsingArray = false) {
+  if (Array.isArray(value)) {
+    for (const val of value) {
+      const maybeBM = normalizeBlendMode(val, true);
+      if (maybeBM) {
+        return maybeBM;
+      }
+    }
+    (0, _util.warn)(`Unsupported blend mode Array: ${value}`);
+    return "source-over";
+  }
+  if (!(value instanceof _primitives.Name)) {
+    if (parsingArray) {
+      return null;
+    }
+    return "source-over";
+  }
+  switch (value.name) {
+    case "Normal":
+    case "Compatible":
+      return "source-over";
+    case "Multiply":
+      return "multiply";
+    case "Screen":
+      return "screen";
+    case "Overlay":
+      return "overlay";
+    case "Darken":
+      return "darken";
+    case "Lighten":
+      return "lighten";
+    case "ColorDodge":
+      return "color-dodge";
+    case "ColorBurn":
+      return "color-burn";
+    case "HardLight":
+      return "hard-light";
+    case "SoftLight":
+      return "soft-light";
+    case "Difference":
+      return "difference";
+    case "Exclusion":
+      return "exclusion";
+    case "Hue":
+      return "hue";
+    case "Saturation":
+      return "saturation";
+    case "Color":
+      return "color";
+    case "Luminosity":
+      return "luminosity";
+  }
+  if (parsingArray) {
+    return null;
+  }
+  (0, _util.warn)(`Unsupported blend mode: ${value.name}`);
+  return "source-over";
+}
+function incrementCachedImageMaskCount(data) {
+  if (data.fn === _util.OPS.paintImageMaskXObject && data.args[0] && data.args[0].count > 0) {
+    data.args[0].count++;
+  }
+}
+class TimeSlotManager {
+  static TIME_SLOT_DURATION_MS = 20;
+  static CHECK_TIME_EVERY = 100;
+  constructor() {
+    this.reset();
+  }
+  check() {
+    if (++this.checked < TimeSlotManager.CHECK_TIME_EVERY) {
+      return false;
+    }
+    this.checked = 0;
+    return this.endTime <= Date.now();
+  }
+  reset() {
+    this.endTime = Date.now() + TimeSlotManager.TIME_SLOT_DURATION_MS;
+    this.checked = 0;
+  }
+}
+class PartialEvaluator {
+  constructor({
+    xref,
+    handler,
+    pageIndex,
+    idFactory,
+    fontCache,
+    builtInCMapCache,
+    standardFontDataCache,
+    globalImageCache,
+    options = null
+  }) {
+    this.xref = xref;
+    this.handler = handler;
+    this.pageIndex = pageIndex;
+    this.idFactory = idFactory;
+    this.fontCache = fontCache;
+    this.builtInCMapCache = builtInCMapCache;
+    this.standardFontDataCache = standardFontDataCache;
+    this.globalImageCache = globalImageCache;
+    this.options = options || DefaultPartialEvaluatorOptions;
+    this.parsingType3Font = false;
+    this._regionalImageCache = new _image_utils.RegionalImageCache();
+    this._fetchBuiltInCMapBound = this.fetchBuiltInCMap.bind(this);
+    _image_resizer.ImageResizer.setMaxArea(this.options.canvasMaxAreaInBytes);
+  }
+  get _pdfFunctionFactory() {
+    const pdfFunctionFactory = new _function.PDFFunctionFactory({
+      xref: this.xref,
+      isEvalSupported: this.options.isEvalSupported
+    });
+    return (0, _util.shadow)(this, "_pdfFunctionFactory", pdfFunctionFactory);
+  }
+  clone(newOptions = null) {
+    const newEvaluator = Object.create(this);
+    newEvaluator.options = Object.assign(Object.create(null), this.options, newOptions);
+    return newEvaluator;
+  }
+  hasBlendModes(resources, nonBlendModesSet) {
+    if (!(resources instanceof _primitives.Dict)) {
+      return false;
+    }
+    if (resources.objId && nonBlendModesSet.has(resources.objId)) {
+      return false;
+    }
+    const processed = new _primitives.RefSet(nonBlendModesSet);
+    if (resources.objId) {
+      processed.put(resources.objId);
+    }
+    const nodes = [resources],
+      xref = this.xref;
+    while (nodes.length) {
+      const node = nodes.shift();
+      const graphicStates = node.get("ExtGState");
+      if (graphicStates instanceof _primitives.Dict) {
+        for (let graphicState of graphicStates.getRawValues()) {
+          if (graphicState instanceof _primitives.Ref) {
+            if (processed.has(graphicState)) {
+              continue;
+            }
+            try {
+              graphicState = xref.fetch(graphicState);
+            } catch (ex) {
+              processed.put(graphicState);
+              (0, _util.info)(`hasBlendModes - ignoring ExtGState: "${ex}".`);
+              continue;
+            }
+          }
+          if (!(graphicState instanceof _primitives.Dict)) {
+            continue;
+          }
+          if (graphicState.objId) {
+            processed.put(graphicState.objId);
+          }
+          const bm = graphicState.get("BM");
+          if (bm instanceof _primitives.Name) {
+            if (bm.name !== "Normal") {
+              return true;
+            }
+            continue;
+          }
+          if (bm !== undefined && Array.isArray(bm)) {
+            for (const element of bm) {
+              if (element instanceof _primitives.Name && element.name !== "Normal") {
+                return true;
+              }
+            }
+          }
+        }
+      }
+      const xObjects = node.get("XObject");
+      if (!(xObjects instanceof _primitives.Dict)) {
+        continue;
+      }
+      for (let xObject of xObjects.getRawValues()) {
+        if (xObject instanceof _primitives.Ref) {
+          if (processed.has(xObject)) {
+            continue;
+          }
+          try {
+            xObject = xref.fetch(xObject);
+          } catch (ex) {
+            processed.put(xObject);
+            (0, _util.info)(`hasBlendModes - ignoring XObject: "${ex}".`);
+            continue;
+          }
+        }
+        if (!(xObject instanceof _base_stream.BaseStream)) {
+          continue;
+        }
+        if (xObject.dict.objId) {
+          processed.put(xObject.dict.objId);
+        }
+        const xResources = xObject.dict.get("Resources");
+        if (!(xResources instanceof _primitives.Dict)) {
+          continue;
+        }
+        if (xResources.objId && processed.has(xResources.objId)) {
+          continue;
+        }
+        nodes.push(xResources);
+        if (xResources.objId) {
+          processed.put(xResources.objId);
+        }
+      }
+    }
+    for (const ref of processed) {
+      nonBlendModesSet.put(ref);
+    }
+    return false;
+  }
+  async fetchBuiltInCMap(name) {
+    const cachedData = this.builtInCMapCache.get(name);
+    if (cachedData) {
+      return cachedData;
+    }
+    let data;
+    if (this.options.cMapUrl !== null) {
+      const url = `${this.options.cMapUrl}${name}.bcmap`;
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(`fetchBuiltInCMap: failed to fetch file "${url}" with "${response.statusText}".`);
+      }
+      data = {
+        cMapData: new Uint8Array(await response.arrayBuffer()),
+        compressionType: _util.CMapCompressionType.BINARY
+      };
+    } else {
+      data = await this.handler.sendWithPromise("FetchBuiltInCMap", {
+        name
+      });
+    }
+    if (data.compressionType !== _util.CMapCompressionType.NONE) {
+      this.builtInCMapCache.set(name, data);
+    }
+    return data;
+  }
+  async fetchStandardFontData(name) {
+    const cachedData = this.standardFontDataCache.get(name);
+    if (cachedData) {
+      return new _stream.Stream(cachedData);
+    }
+    if (this.options.useSystemFonts && name !== "Symbol" && name !== "ZapfDingbats") {
+      return null;
+    }
+    const standardFontNameToFileName = (0, _standard_fonts.getFontNameToFileMap)(),
+      filename = standardFontNameToFileName[name];
+    let data;
+    if (this.options.standardFontDataUrl !== null) {
+      const url = `${this.options.standardFontDataUrl}${filename}`;
+      const response = await fetch(url);
+      if (!response.ok) {
+        (0, _util.warn)(`fetchStandardFontData: failed to fetch file "${url}" with "${response.statusText}".`);
+      } else {
+        data = await response.arrayBuffer();
+      }
+    } else {
+      try {
+        data = await this.handler.sendWithPromise("FetchStandardFontData", {
+          filename
+        });
+      } catch (e) {
+        (0, _util.warn)(`fetchStandardFontData: failed to fetch file "${filename}" with "${e}".`);
+      }
+    }
+    if (!data) {
+      return null;
+    }
+    this.standardFontDataCache.set(name, data);
+    return new _stream.Stream(data);
+  }
+  async buildFormXObject(resources, xobj, smask, operatorList, task, initialState, localColorSpaceCache) {
+    const dict = xobj.dict;
+    const matrix = dict.getArray("Matrix");
+    let bbox = dict.getArray("BBox");
+    if (Array.isArray(bbox) && bbox.length === 4) {
+      bbox = _util.Util.normalizeRect(bbox);
+    } else {
+      bbox = null;
+    }
+    let optionalContent, groupOptions;
+    if (dict.has("OC")) {
+      optionalContent = await this.parseMarkedContentProps(dict.get("OC"), resources);
+    }
+    if (optionalContent !== undefined) {
+      operatorList.addOp(_util.OPS.beginMarkedContentProps, ["OC", optionalContent]);
+    }
+    const group = dict.get("Group");
+    if (group) {
+      groupOptions = {
+        matrix,
+        bbox,
+        smask,
+        isolated: false,
+        knockout: false
+      };
+      const groupSubtype = group.get("S");
+      let colorSpace = null;
+      if ((0, _primitives.isName)(groupSubtype, "Transparency")) {
+        groupOptions.isolated = group.get("I") || false;
+        groupOptions.knockout = group.get("K") || false;
+        if (group.has("CS")) {
+          const cs = group.getRaw("CS");
+          const cachedColorSpace = _colorspace.ColorSpace.getCached(cs, this.xref, localColorSpaceCache);
+          if (cachedColorSpace) {
+            colorSpace = cachedColorSpace;
+          } else {
+            colorSpace = await this.parseColorSpace({
+              cs,
+              resources,
+              localColorSpaceCache
+            });
+          }
+        }
+      }
+      if (smask && smask.backdrop) {
+        colorSpace ||= _colorspace.ColorSpace.singletons.rgb;
+        smask.backdrop = colorSpace.getRgb(smask.backdrop, 0);
+      }
+      operatorList.addOp(_util.OPS.beginGroup, [groupOptions]);
+    }
+    const args = group ? [matrix, null] : [matrix, bbox];
+    operatorList.addOp(_util.OPS.paintFormXObjectBegin, args);
+    return this.getOperatorList({
+      stream: xobj,
+      task,
+      resources: dict.get("Resources") || resources,
+      operatorList,
+      initialState
+    }).then(function () {
+      operatorList.addOp(_util.OPS.paintFormXObjectEnd, []);
+      if (group) {
+        operatorList.addOp(_util.OPS.endGroup, [groupOptions]);
+      }
+      if (optionalContent !== undefined) {
+        operatorList.addOp(_util.OPS.endMarkedContent, []);
+      }
+    });
+  }
+  _sendImgData(objId, imgData, cacheGlobally = false) {
+    const transfers = imgData ? [imgData.bitmap || imgData.data.buffer] : null;
+    if (this.parsingType3Font || cacheGlobally) {
+      return this.handler.send("commonobj", [objId, "Image", imgData], transfers);
+    }
+    return this.handler.send("obj", [objId, this.pageIndex, "Image", imgData], transfers);
+  }
+  async buildPaintImageXObject({
+    resources,
+    image,
+    isInline = false,
+    operatorList,
+    cacheKey,
+    localImageCache,
+    localColorSpaceCache
+  }) {
+    const dict = image.dict;
+    const imageRef = dict.objId;
+    const w = dict.get("W", "Width");
+    const h = dict.get("H", "Height");
+    if (!(w && typeof w === "number") || !(h && typeof h === "number")) {
+      (0, _util.warn)("Image dimensions are missing, or not numbers.");
+      return;
+    }
+    const maxImageSize = this.options.maxImageSize;
+    if (maxImageSize !== -1 && w * h > maxImageSize) {
+      const msg = "Image exceeded maximum allowed size and was removed.";
+      if (this.options.ignoreErrors) {
+        (0, _util.warn)(msg);
+        return;
+      }
+      throw new Error(msg);
+    }
+    let optionalContent;
+    if (dict.has("OC")) {
+      optionalContent = await this.parseMarkedContentProps(dict.get("OC"), resources);
+    }
+    const imageMask = dict.get("IM", "ImageMask") || false;
+    let imgData, args;
+    if (imageMask) {
+      const interpolate = dict.get("I", "Interpolate");
+      const bitStrideLength = w + 7 >> 3;
+      const imgArray = image.getBytes(bitStrideLength * h);
+      const decode = dict.getArray("D", "Decode");
+      if (this.parsingType3Font) {
+        imgData = _image.PDFImage.createRawMask({
+          imgArray,
+          width: w,
+          height: h,
+          imageIsFromDecodeStream: image instanceof _decode_stream.DecodeStream,
+          inverseDecode: !!decode && decode[0] > 0,
+          interpolate
+        });
+        imgData.cached = !!cacheKey;
+        args = [imgData];
+        operatorList.addImageOps(_util.OPS.paintImageMaskXObject, args, optionalContent);
+        if (cacheKey) {
+          const cacheData = {
+            fn: _util.OPS.paintImageMaskXObject,
+            args,
+            optionalContent
+          };
+          localImageCache.set(cacheKey, imageRef, cacheData);
+          if (imageRef) {
+            this._regionalImageCache.set(null, imageRef, cacheData);
+          }
+        }
+        return;
+      }
+      imgData = await _image.PDFImage.createMask({
+        imgArray,
+        width: w,
+        height: h,
+        imageIsFromDecodeStream: image instanceof _decode_stream.DecodeStream,
+        inverseDecode: !!decode && decode[0] > 0,
+        interpolate,
+        isOffscreenCanvasSupported: this.options.isOffscreenCanvasSupported
+      });
+      if (imgData.isSingleOpaquePixel) {
+        operatorList.addImageOps(_util.OPS.paintSolidColorImageMask, [], optionalContent);
+        if (cacheKey) {
+          const cacheData = {
+            fn: _util.OPS.paintSolidColorImageMask,
+            args: [],
+            optionalContent
+          };
+          localImageCache.set(cacheKey, imageRef, cacheData);
+          if (imageRef) {
+            this._regionalImageCache.set(null, imageRef, cacheData);
+          }
+        }
+        return;
+      }
+      const objId = `mask_${this.idFactory.createObjId()}`;
+      operatorList.addDependency(objId);
+      this._sendImgData(objId, imgData);
+      args = [{
+        data: objId,
+        width: imgData.width,
+        height: imgData.height,
+        interpolate: imgData.interpolate,
+        count: 1
+      }];
+      operatorList.addImageOps(_util.OPS.paintImageMaskXObject, args, optionalContent);
+      if (cacheKey) {
+        const cacheData = {
+          fn: _util.OPS.paintImageMaskXObject,
+          args,
+          optionalContent
+        };
+        localImageCache.set(cacheKey, imageRef, cacheData);
+        if (imageRef) {
+          this._regionalImageCache.set(null, imageRef, cacheData);
+        }
+      }
+      return;
+    }
+    const softMask = dict.get("SM", "SMask") || false;
+    const mask = dict.get("Mask") || false;
+    const SMALL_IMAGE_DIMENSIONS = 200;
+    if (isInline && !softMask && !mask && w + h < SMALL_IMAGE_DIMENSIONS) {
+      const imageObj = new _image.PDFImage({
+        xref: this.xref,
+        res: resources,
+        image,
+        isInline,
+        pdfFunctionFactory: this._pdfFunctionFactory,
+        localColorSpaceCache
+      });
+      imgData = await imageObj.createImageData(true, false);
+      operatorList.isOffscreenCanvasSupported = this.options.isOffscreenCanvasSupported;
+      operatorList.addImageOps(_util.OPS.paintInlineImageXObject, [imgData], optionalContent);
+      return;
+    }
+    let objId = `img_${this.idFactory.createObjId()}`,
+      cacheGlobally = false;
+    if (this.parsingType3Font) {
+      objId = `${this.idFactory.getDocId()}_type3_${objId}`;
+    } else if (imageRef) {
+      cacheGlobally = this.globalImageCache.shouldCache(imageRef, this.pageIndex);
+      if (cacheGlobally) {
+        objId = `${this.idFactory.getDocId()}_${objId}`;
+      }
+    }
+    operatorList.addDependency(objId);
+    args = [objId, w, h];
+    _image.PDFImage.buildImage({
+      xref: this.xref,
+      res: resources,
+      image,
+      isInline,
+      pdfFunctionFactory: this._pdfFunctionFactory,
+      localColorSpaceCache
+    }).then(async imageObj => {
+      imgData = await imageObj.createImageData(false, this.options.isOffscreenCanvasSupported);
+      if (cacheKey && imageRef && cacheGlobally) {
+        let length = 0;
+        if (imgData.bitmap) {
+          length = imgData.width * imgData.height * 4;
+        } else {
+          length = imgData.data.length;
+        }
+        this.globalImageCache.addByteSize(imageRef, length);
+      }
+      return this._sendImgData(objId, imgData, cacheGlobally);
+    }).catch(reason => {
+      (0, _util.warn)(`Unable to decode image "${objId}": "${reason}".`);
+      return this._sendImgData(objId, null, cacheGlobally);
+    });
+    operatorList.addImageOps(_util.OPS.paintImageXObject, args, optionalContent);
+    if (cacheKey) {
+      const cacheData = {
+        fn: _util.OPS.paintImageXObject,
+        args,
+        optionalContent
+      };
+      localImageCache.set(cacheKey, imageRef, cacheData);
+      if (imageRef) {
+        this._regionalImageCache.set(null, imageRef, cacheData);
+        if (cacheGlobally) {
+          (0, _util.assert)(!isInline, "Cannot cache an inline image globally.");
+          this.globalImageCache.setData(imageRef, {
+            objId,
+            fn: _util.OPS.paintImageXObject,
+            args,
+            optionalContent,
+            byteSize: 0
+          });
+        }
+      }
+    }
+  }
+  handleSMask(smask, resources, operatorList, task, stateManager, localColorSpaceCache) {
+    const smaskContent = smask.get("G");
+    const smaskOptions = {
+      subtype: smask.get("S").name,
+      backdrop: smask.get("BC")
+    };
+    const transferObj = smask.get("TR");
+    if ((0, _function.isPDFFunction)(transferObj)) {
+      const transferFn = this._pdfFunctionFactory.create(transferObj);
+      const transferMap = new Uint8Array(256);
+      const tmp = new Float32Array(1);
+      for (let i = 0; i < 256; i++) {
+        tmp[0] = i / 255;
+        transferFn(tmp, 0, tmp, 0);
+        transferMap[i] = tmp[0] * 255 | 0;
+      }
+      smaskOptions.transferMap = transferMap;
+    }
+    return this.buildFormXObject(resources, smaskContent, smaskOptions, operatorList, task, stateManager.state.clone(), localColorSpaceCache);
+  }
+  handleTransferFunction(tr) {
+    let transferArray;
+    if (Array.isArray(tr)) {
+      transferArray = tr;
+    } else if ((0, _function.isPDFFunction)(tr)) {
+      transferArray = [tr];
+    } else {
+      return null;
+    }
+    const transferMaps = [];
+    let numFns = 0,
+      numEffectfulFns = 0;
+    for (const entry of transferArray) {
+      const transferObj = this.xref.fetchIfRef(entry);
+      numFns++;
+      if ((0, _primitives.isName)(transferObj, "Identity")) {
+        transferMaps.push(null);
+        continue;
+      } else if (!(0, _function.isPDFFunction)(transferObj)) {
+        return null;
+      }
+      const transferFn = this._pdfFunctionFactory.create(transferObj);
+      const transferMap = new Uint8Array(256),
+        tmp = new Float32Array(1);
+      for (let j = 0; j < 256; j++) {
+        tmp[0] = j / 255;
+        transferFn(tmp, 0, tmp, 0);
+        transferMap[j] = tmp[0] * 255 | 0;
+      }
+      transferMaps.push(transferMap);
+      numEffectfulFns++;
+    }
+    if (!(numFns === 1 || numFns === 4)) {
+      return null;
+    }
+    if (numEffectfulFns === 0) {
+      return null;
+    }
+    return transferMaps;
+  }
+  handleTilingType(fn, color, resources, pattern, patternDict, operatorList, task, localTilingPatternCache) {
+    const tilingOpList = new _operator_list.OperatorList();
+    const patternResources = _primitives.Dict.merge({
+      xref: this.xref,
+      dictArray: [patternDict.get("Resources"), resources]
+    });
+    return this.getOperatorList({
+      stream: pattern,
+      task,
+      resources: patternResources,
+      operatorList: tilingOpList
+    }).then(function () {
+      const operatorListIR = tilingOpList.getIR();
+      const tilingPatternIR = (0, _pattern.getTilingPatternIR)(operatorListIR, patternDict, color);
+      operatorList.addDependencies(tilingOpList.dependencies);
+      operatorList.addOp(fn, tilingPatternIR);
+      if (patternDict.objId) {
+        localTilingPatternCache.set(null, patternDict.objId, {
+          operatorListIR,
+          dict: patternDict
+        });
+      }
+    }).catch(reason => {
+      if (reason instanceof _util.AbortException) {
+        return;
+      }
+      if (this.options.ignoreErrors) {
+        (0, _util.warn)(`handleTilingType - ignoring pattern: "${reason}".`);
+        return;
+      }
+      throw reason;
+    });
+  }
+  handleSetFont(resources, fontArgs, fontRef, operatorList, task, state, fallbackFontDict = null, cssFontInfo = null) {
+    const fontName = fontArgs && fontArgs[0] instanceof _primitives.Name ? fontArgs[0].name : null;
+    return this.loadFont(fontName, fontRef, resources, fallbackFontDict, cssFontInfo).then(translated => {
+      if (!translated.font.isType3Font) {
+        return translated;
+      }
+      return translated.loadType3Data(this, resources, task).then(function () {
+        operatorList.addDependencies(translated.type3Dependencies);
+        return translated;
+      }).catch(reason => {
+        return new TranslatedFont({
+          loadedName: "g_font_error",
+          font: new _fonts.ErrorFont(`Type3 font load error: ${reason}`),
+          dict: translated.font,
+          evaluatorOptions: this.options
+        });
+      });
+    }).then(translated => {
+      state.font = translated.font;
+      translated.send(this.handler);
+      return translated.loadedName;
+    });
+  }
+  handleText(chars, state) {
+    const font = state.font;
+    const glyphs = font.charsToGlyphs(chars);
+    if (font.data) {
+      const isAddToPathSet = !!(state.textRenderingMode & _util.TextRenderingMode.ADD_TO_PATH_FLAG);
+      if (isAddToPathSet || state.fillColorSpace.name === "Pattern" || font.disableFontFace || this.options.disableFontFace) {
+        PartialEvaluator.buildFontPaths(font, glyphs, this.handler, this.options);
+      }
+    }
+    return glyphs;
+  }
+  ensureStateFont(state) {
+    if (state.font) {
+      return;
+    }
+    const reason = new _util.FormatError("Missing setFont (Tf) operator before text rendering operator.");
+    if (this.options.ignoreErrors) {
+      (0, _util.warn)(`ensureStateFont: "${reason}".`);
+      return;
+    }
+    throw reason;
+  }
+  async setGState({
+    resources,
+    gState,
+    operatorList,
+    cacheKey,
+    task,
+    stateManager,
+    localGStateCache,
+    localColorSpaceCache
+  }) {
+    const gStateRef = gState.objId;
+    let isSimpleGState = true;
+    const gStateObj = [];
+    let promise = Promise.resolve();
+    for (const key of gState.getKeys()) {
+      const value = gState.get(key);
+      switch (key) {
+        case "Type":
+          break;
+        case "LW":
+        case "LC":
+        case "LJ":
+        case "ML":
+        case "D":
+        case "RI":
+        case "FL":
+        case "CA":
+        case "ca":
+          gStateObj.push([key, value]);
+          break;
+        case "Font":
+          isSimpleGState = false;
+          promise = promise.then(() => {
+            return this.handleSetFont(resources, null, value[0], operatorList, task, stateManager.state).then(function (loadedName) {
+              operatorList.addDependency(loadedName);
+              gStateObj.push([key, [loadedName, value[1]]]);
+            });
+          });
+          break;
+        case "BM":
+          gStateObj.push([key, normalizeBlendMode(value)]);
+          break;
+        case "SMask":
+          if ((0, _primitives.isName)(value, "None")) {
+            gStateObj.push([key, false]);
+            break;
+          }
+          if (value instanceof _primitives.Dict) {
+            isSimpleGState = false;
+            promise = promise.then(() => {
+              return this.handleSMask(value, resources, operatorList, task, stateManager, localColorSpaceCache);
+            });
+            gStateObj.push([key, true]);
+          } else {
+            (0, _util.warn)("Unsupported SMask type");
+          }
+          break;
+        case "TR":
+          const transferMaps = this.handleTransferFunction(value);
+          gStateObj.push([key, transferMaps]);
+          break;
+        case "OP":
+        case "op":
+        case "OPM":
+        case "BG":
+        case "BG2":
+        case "UCR":
+        case "UCR2":
+        case "TR2":
+        case "HT":
+        case "SM":
+        case "SA":
+        case "AIS":
+        case "TK":
+          (0, _util.info)("graphic state operator " + key);
+          break;
+        default:
+          (0, _util.info)("Unknown graphic state operator " + key);
+          break;
+      }
+    }
+    return promise.then(function () {
+      if (gStateObj.length > 0) {
+        operatorList.addOp(_util.OPS.setGState, [gStateObj]);
+      }
+      if (isSimpleGState) {
+        localGStateCache.set(cacheKey, gStateRef, gStateObj);
+      }
+    });
+  }
+  loadFont(fontName, font, resources, fallbackFontDict = null, cssFontInfo = null) {
+    const errorFont = async () => {
+      return new TranslatedFont({
+        loadedName: "g_font_error",
+        font: new _fonts.ErrorFont(`Font "${fontName}" is not available.`),
+        dict: font,
+        evaluatorOptions: this.options
+      });
+    };
+    const xref = this.xref;
+    let fontRef;
+    if (font) {
+      if (font instanceof _primitives.Ref) {
+        fontRef = font;
+      }
+    } else {
+      const fontRes = resources.get("Font");
+      if (fontRes) {
+        fontRef = fontRes.getRaw(fontName);
+      }
+    }
+    if (!fontRef) {
+      const partialMsg = `Font "${fontName || font && font.toString()}" is not available`;
+      if (!this.options.ignoreErrors && !this.parsingType3Font) {
+        (0, _util.warn)(`${partialMsg}.`);
+        return errorFont();
+      }
+      (0, _util.warn)(`${partialMsg} -- attempting to fallback to a default font.`);
+      if (fallbackFontDict) {
+        fontRef = fallbackFontDict;
+      } else {
+        fontRef = PartialEvaluator.fallbackFontDict;
+      }
+    }
+    if (this.parsingType3Font && this.type3FontRefs.has(fontRef)) {
+      return errorFont();
+    }
+    if (this.fontCache.has(fontRef)) {
+      return this.fontCache.get(fontRef);
+    }
+    font = xref.fetchIfRef(fontRef);
+    if (!(font instanceof _primitives.Dict)) {
+      return errorFont();
+    }
+    if (font.cacheKey && this.fontCache.has(font.cacheKey)) {
+      return this.fontCache.get(font.cacheKey);
+    }
+    const fontCapability = new _util.PromiseCapability();
+    let preEvaluatedFont;
+    try {
+      preEvaluatedFont = this.preEvaluateFont(font);
+      preEvaluatedFont.cssFontInfo = cssFontInfo;
+    } catch (reason) {
+      (0, _util.warn)(`loadFont - preEvaluateFont failed: "${reason}".`);
+      return errorFont();
+    }
+    const {
+      descriptor,
+      hash
+    } = preEvaluatedFont;
+    const fontRefIsRef = fontRef instanceof _primitives.Ref;
+    let fontID;
+    if (fontRefIsRef) {
+      fontID = `f${fontRef.toString()}`;
+    }
+    if (hash && descriptor instanceof _primitives.Dict) {
+      const fontAliases = descriptor.fontAliases ||= Object.create(null);
+      if (fontAliases[hash]) {
+        const aliasFontRef = fontAliases[hash].aliasRef;
+        if (fontRefIsRef && aliasFontRef && this.fontCache.has(aliasFontRef)) {
+          this.fontCache.putAlias(fontRef, aliasFontRef);
+          return this.fontCache.get(fontRef);
+        }
+      } else {
+        fontAliases[hash] = {
+          fontID: this.idFactory.createFontId()
+        };
+      }
+      if (fontRefIsRef) {
+        fontAliases[hash].aliasRef = fontRef;
+      }
+      fontID = fontAliases[hash].fontID;
+    }
+    if (fontRefIsRef) {
+      this.fontCache.put(fontRef, fontCapability.promise);
+    } else {
+      if (!fontID) {
+        fontID = this.idFactory.createFontId();
+      }
+      font.cacheKey = `cacheKey_${fontID}`;
+      this.fontCache.put(font.cacheKey, fontCapability.promise);
+    }
+    (0, _util.assert)(fontID && fontID.startsWith("f"), 'The "fontID" must be (correctly) defined.');
+    font.loadedName = `${this.idFactory.getDocId()}_${fontID}`;
+    this.translateFont(preEvaluatedFont).then(translatedFont => {
+      fontCapability.resolve(new TranslatedFont({
+        loadedName: font.loadedName,
+        font: translatedFont,
+        dict: font,
+        evaluatorOptions: this.options
+      }));
+    }).catch(reason => {
+      (0, _util.warn)(`loadFont - translateFont failed: "${reason}".`);
+      fontCapability.resolve(new TranslatedFont({
+        loadedName: font.loadedName,
+        font: new _fonts.ErrorFont(reason instanceof Error ? reason.message : reason),
+        dict: font,
+        evaluatorOptions: this.options
+      }));
+    });
+    return fontCapability.promise;
+  }
+  buildPath(operatorList, fn, args, parsingText = false) {
+    const lastIndex = operatorList.length - 1;
+    if (!args) {
+      args = [];
+    }
+    if (lastIndex < 0 || operatorList.fnArray[lastIndex] !== _util.OPS.constructPath) {
+      if (parsingText) {
+        (0, _util.warn)(`Encountered path operator "${fn}" inside of a text object.`);
+        operatorList.addOp(_util.OPS.save, null);
+      }
+      let minMax;
+      switch (fn) {
+        case _util.OPS.rectangle:
+          const x = args[0] + args[2];
+          const y = args[1] + args[3];
+          minMax = [Math.min(args[0], x), Math.max(args[0], x), Math.min(args[1], y), Math.max(args[1], y)];
+          break;
+        case _util.OPS.moveTo:
+        case _util.OPS.lineTo:
+          minMax = [args[0], args[0], args[1], args[1]];
+          break;
+        default:
+          minMax = [Infinity, -Infinity, Infinity, -Infinity];
+          break;
+      }
+      operatorList.addOp(_util.OPS.constructPath, [[fn], args, minMax]);
+      if (parsingText) {
+        operatorList.addOp(_util.OPS.restore, null);
+      }
+    } else {
+      const opArgs = operatorList.argsArray[lastIndex];
+      opArgs[0].push(fn);
+      opArgs[1].push(...args);
+      const minMax = opArgs[2];
+      switch (fn) {
+        case _util.OPS.rectangle:
+          const x = args[0] + args[2];
+          const y = args[1] + args[3];
+          minMax[0] = Math.min(minMax[0], args[0], x);
+          minMax[1] = Math.max(minMax[1], args[0], x);
+          minMax[2] = Math.min(minMax[2], args[1], y);
+          minMax[3] = Math.max(minMax[3], args[1], y);
+          break;
+        case _util.OPS.moveTo:
+        case _util.OPS.lineTo:
+          minMax[0] = Math.min(minMax[0], args[0]);
+          minMax[1] = Math.max(minMax[1], args[0]);
+          minMax[2] = Math.min(minMax[2], args[1]);
+          minMax[3] = Math.max(minMax[3], args[1]);
+          break;
+      }
+    }
+  }
+  parseColorSpace({
+    cs,
+    resources,
+    localColorSpaceCache
+  }) {
+    return _colorspace.ColorSpace.parseAsync({
+      cs,
+      xref: this.xref,
+      resources,
+      pdfFunctionFactory: this._pdfFunctionFactory,
+      localColorSpaceCache
+    }).catch(reason => {
+      if (reason instanceof _util.AbortException) {
+        return null;
+      }
+      if (this.options.ignoreErrors) {
+        (0, _util.warn)(`parseColorSpace - ignoring ColorSpace: "${reason}".`);
+        return null;
+      }
+      throw reason;
+    });
+  }
+  parseShading({
+    shading,
+    resources,
+    localColorSpaceCache,
+    localShadingPatternCache
+  }) {
+    let id = localShadingPatternCache.get(shading);
+    if (!id) {
+      var shadingFill = _pattern.Pattern.parseShading(shading, this.xref, resources, this._pdfFunctionFactory, localColorSpaceCache);
+      const patternIR = shadingFill.getIR();
+      id = `pattern_${this.idFactory.createObjId()}`;
+      if (this.parsingType3Font) {
+        id = `${this.idFactory.getDocId()}_type3_${id}`;
+      }
+      localShadingPatternCache.set(shading, id);
+      if (this.parsingType3Font) {
+        this.handler.send("commonobj", [id, "Pattern", patternIR]);
+      } else {
+        this.handler.send("obj", [id, this.pageIndex, "Pattern", patternIR]);
+      }
+    }
+    return id;
+  }
+  handleColorN(operatorList, fn, args, cs, patterns, resources, task, localColorSpaceCache, localTilingPatternCache, localShadingPatternCache) {
+    const patternName = args.pop();
+    if (patternName instanceof _primitives.Name) {
+      const rawPattern = patterns.getRaw(patternName.name);
+      const localTilingPattern = rawPattern instanceof _primitives.Ref && localTilingPatternCache.getByRef(rawPattern);
+      if (localTilingPattern) {
+        try {
+          const color = cs.base ? cs.base.getRgb(args, 0) : null;
+          const tilingPatternIR = (0, _pattern.getTilingPatternIR)(localTilingPattern.operatorListIR, localTilingPattern.dict, color);
+          operatorList.addOp(fn, tilingPatternIR);
+          return undefined;
+        } catch (ex) {}
+      }
+      const pattern = this.xref.fetchIfRef(rawPattern);
+      if (pattern) {
+        const dict = pattern instanceof _base_stream.BaseStream ? pattern.dict : pattern;
+        const typeNum = dict.get("PatternType");
+        if (typeNum === PatternType.TILING) {
+          const color = cs.base ? cs.base.getRgb(args, 0) : null;
+          return this.handleTilingType(fn, color, resources, pattern, dict, operatorList, task, localTilingPatternCache);
+        } else if (typeNum === PatternType.SHADING) {
+          const shading = dict.get("Shading");
+          const matrix = dict.getArray("Matrix");
+          const objId = this.parseShading({
+            shading,
+            resources,
+            localColorSpaceCache,
+            localShadingPatternCache
+          });
+          operatorList.addOp(fn, ["Shading", objId, matrix]);
+          return undefined;
+        }
+        throw new _util.FormatError(`Unknown PatternType: ${typeNum}`);
+      }
+    }
+    throw new _util.FormatError(`Unknown PatternName: ${patternName}`);
+  }
+  _parseVisibilityExpression(array, nestingCounter, currentResult) {
+    const MAX_NESTING = 10;
+    if (++nestingCounter > MAX_NESTING) {
+      (0, _util.warn)("Visibility expression is too deeply nested");
+      return;
+    }
+    const length = array.length;
+    const operator = this.xref.fetchIfRef(array[0]);
+    if (length < 2 || !(operator instanceof _primitives.Name)) {
+      (0, _util.warn)("Invalid visibility expression");
+      return;
+    }
+    switch (operator.name) {
+      case "And":
+      case "Or":
+      case "Not":
+        currentResult.push(operator.name);
+        break;
+      default:
+        (0, _util.warn)(`Invalid operator ${operator.name} in visibility expression`);
+        return;
+    }
+    for (let i = 1; i < length; i++) {
+      const raw = array[i];
+      const object = this.xref.fetchIfRef(raw);
+      if (Array.isArray(object)) {
+        const nestedResult = [];
+        currentResult.push(nestedResult);
+        this._parseVisibilityExpression(object, nestingCounter, nestedResult);
+      } else if (raw instanceof _primitives.Ref) {
+        currentResult.push(raw.toString());
+      }
+    }
+  }
+  async parseMarkedContentProps(contentProperties, resources) {
+    let optionalContent;
+    if (contentProperties instanceof _primitives.Name) {
+      const properties = resources.get("Properties");
+      optionalContent = properties.get(contentProperties.name);
+    } else if (contentProperties instanceof _primitives.Dict) {
+      optionalContent = contentProperties;
+    } else {
+      throw new _util.FormatError("Optional content properties malformed.");
+    }
+    const optionalContentType = optionalContent.get("Type").name;
+    if (optionalContentType === "OCG") {
+      return {
+        type: optionalContentType,
+        id: optionalContent.objId
+      };
+    } else if (optionalContentType === "OCMD") {
+      const expression = optionalContent.get("VE");
+      if (Array.isArray(expression)) {
+        const result = [];
+        this._parseVisibilityExpression(expression, 0, result);
+        if (result.length > 0) {
+          return {
+            type: "OCMD",
+            expression: result
+          };
+        }
+      }
+      const optionalContentGroups = optionalContent.get("OCGs");
+      if (Array.isArray(optionalContentGroups) || optionalContentGroups instanceof _primitives.Dict) {
+        const groupIds = [];
+        if (Array.isArray(optionalContentGroups)) {
+          for (const ocg of optionalContentGroups) {
+            groupIds.push(ocg.toString());
+          }
+        } else {
+          groupIds.push(optionalContentGroups.objId);
+        }
+        return {
+          type: optionalContentType,
+          ids: groupIds,
+          policy: optionalContent.get("P") instanceof _primitives.Name ? optionalContent.get("P").name : null,
+          expression: null
+        };
+      } else if (optionalContentGroups instanceof _primitives.Ref) {
+        return {
+          type: optionalContentType,
+          id: optionalContentGroups.toString()
+        };
+      }
+    }
+    return null;
+  }
+  getOperatorList({
+    stream,
+    task,
+    resources,
+    operatorList,
+    initialState = null,
+    fallbackFontDict = null
+  }) {
+    resources ||= _primitives.Dict.empty;
+    initialState ||= new EvalState();
+    if (!operatorList) {
+      throw new Error('getOperatorList: missing "operatorList" parameter');
+    }
+    const self = this;
+    const xref = this.xref;
+    let parsingText = false;
+    const localImageCache = new _image_utils.LocalImageCache();
+    const localColorSpaceCache = new _image_utils.LocalColorSpaceCache();
+    const localGStateCache = new _image_utils.LocalGStateCache();
+    const localTilingPatternCache = new _image_utils.LocalTilingPatternCache();
+    const localShadingPatternCache = new Map();
+    const xobjs = resources.get("XObject") || _primitives.Dict.empty;
+    const patterns = resources.get("Pattern") || _primitives.Dict.empty;
+    const stateManager = new StateManager(initialState);
+    const preprocessor = new EvaluatorPreprocessor(stream, xref, stateManager);
+    const timeSlotManager = new TimeSlotManager();
+    function closePendingRestoreOPS(argument) {
+      for (let i = 0, ii = preprocessor.savedStatesDepth; i < ii; i++) {
+        operatorList.addOp(_util.OPS.restore, []);
+      }
+    }
+    return new Promise(function promiseBody(resolve, reject) {
+      const next = function (promise) {
+        Promise.all([promise, operatorList.ready]).then(function () {
+          try {
+            promiseBody(resolve, reject);
+          } catch (ex) {
+            reject(ex);
+          }
+        }, reject);
+      };
+      task.ensureNotTerminated();
+      timeSlotManager.reset();
+      const operation = {};
+      let stop, i, ii, cs, name, isValidName;
+      while (!(stop = timeSlotManager.check())) {
+        operation.args = null;
+        if (!preprocessor.read(operation)) {
+          break;
+        }
+        let args = operation.args;
+        let fn = operation.fn;
+        switch (fn | 0) {
+          case _util.OPS.paintXObject:
+            isValidName = args[0] instanceof _primitives.Name;
+            name = args[0].name;
+            if (isValidName) {
+              const localImage = localImageCache.getByName(name);
+              if (localImage) {
+                operatorList.addImageOps(localImage.fn, localImage.args, localImage.optionalContent);
+                incrementCachedImageMaskCount(localImage);
+                args = null;
+                continue;
+              }
+            }
+            next(new Promise(function (resolveXObject, rejectXObject) {
+              if (!isValidName) {
+                throw new _util.FormatError("XObject must be referred to by name.");
+              }
+              let xobj = xobjs.getRaw(name);
+              if (xobj instanceof _primitives.Ref) {
+                const localImage = localImageCache.getByRef(xobj) || self._regionalImageCache.getByRef(xobj);
+                if (localImage) {
+                  operatorList.addImageOps(localImage.fn, localImage.args, localImage.optionalContent);
+                  incrementCachedImageMaskCount(localImage);
+                  resolveXObject();
+                  return;
+                }
+                const globalImage = self.globalImageCache.getData(xobj, self.pageIndex);
+                if (globalImage) {
+                  operatorList.addDependency(globalImage.objId);
+                  operatorList.addImageOps(globalImage.fn, globalImage.args, globalImage.optionalContent);
+                  resolveXObject();
+                  return;
+                }
+                xobj = xref.fetch(xobj);
+              }
+              if (!(xobj instanceof _base_stream.BaseStream)) {
+                throw new _util.FormatError("XObject should be a stream");
+              }
+              const type = xobj.dict.get("Subtype");
+              if (!(type instanceof _primitives.Name)) {
+                throw new _util.FormatError("XObject should have a Name subtype");
+              }
+              if (type.name === "Form") {
+                stateManager.save();
+                self.buildFormXObject(resources, xobj, null, operatorList, task, stateManager.state.clone(), localColorSpaceCache).then(function () {
+                  stateManager.restore();
+                  resolveXObject();
+                }, rejectXObject);
+                return;
+              } else if (type.name === "Image") {
+                self.buildPaintImageXObject({
+                  resources,
+                  image: xobj,
+                  operatorList,
+                  cacheKey: name,
+                  localImageCache,
+                  localColorSpaceCache
+                }).then(resolveXObject, rejectXObject);
+                return;
+              } else if (type.name === "PS") {
+                (0, _util.info)("Ignored XObject subtype PS");
+              } else {
+                throw new _util.FormatError(`Unhandled XObject subtype ${type.name}`);
+              }
+              resolveXObject();
+            }).catch(function (reason) {
+              if (reason instanceof _util.AbortException) {
+                return;
+              }
+              if (self.options.ignoreErrors) {
+                (0, _util.warn)(`getOperatorList - ignoring XObject: "${reason}".`);
+                return;
+              }
+              throw reason;
+            }));
+            return;
+          case _util.OPS.setFont:
+            var fontSize = args[1];
+            next(self.handleSetFont(resources, args, null, operatorList, task, stateManager.state, fallbackFontDict).then(function (loadedName) {
+              operatorList.addDependency(loadedName);
+              operatorList.addOp(_util.OPS.setFont, [loadedName, fontSize]);
+            }));
+            return;
+          case _util.OPS.beginText:
+            parsingText = true;
+            break;
+          case _util.OPS.endText:
+            parsingText = false;
+            break;
+          case _util.OPS.endInlineImage:
+            var cacheKey = args[0].cacheKey;
+            if (cacheKey) {
+              const localImage = localImageCache.getByName(cacheKey);
+              if (localImage) {
+                operatorList.addImageOps(localImage.fn, localImage.args, localImage.optionalContent);
+                incrementCachedImageMaskCount(localImage);
+                args = null;
+                continue;
+              }
+            }
+            next(self.buildPaintImageXObject({
+              resources,
+              image: args[0],
+              isInline: true,
+              operatorList,
+              cacheKey,
+              localImageCache,
+              localColorSpaceCache
+            }));
+            return;
+          case _util.OPS.showText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            args[0] = self.handleText(args[0], stateManager.state);
+            break;
+          case _util.OPS.showSpacedText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            var combinedGlyphs = [];
+            var state = stateManager.state;
+            for (const arrItem of args[0]) {
+              if (typeof arrItem === "string") {
+                combinedGlyphs.push(...self.handleText(arrItem, state));
+              } else if (typeof arrItem === "number") {
+                combinedGlyphs.push(arrItem);
+              }
+            }
+            args[0] = combinedGlyphs;
+            fn = _util.OPS.showText;
+            break;
+          case _util.OPS.nextLineShowText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            operatorList.addOp(_util.OPS.nextLine);
+            args[0] = self.handleText(args[0], stateManager.state);
+            fn = _util.OPS.showText;
+            break;
+          case _util.OPS.nextLineSetSpacingShowText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            operatorList.addOp(_util.OPS.nextLine);
+            operatorList.addOp(_util.OPS.setWordSpacing, [args.shift()]);
+            operatorList.addOp(_util.OPS.setCharSpacing, [args.shift()]);
+            args[0] = self.handleText(args[0], stateManager.state);
+            fn = _util.OPS.showText;
+            break;
+          case _util.OPS.setTextRenderingMode:
+            stateManager.state.textRenderingMode = args[0];
+            break;
+          case _util.OPS.setFillColorSpace:
+            {
+              const cachedColorSpace = _colorspace.ColorSpace.getCached(args[0], xref, localColorSpaceCache);
+              if (cachedColorSpace) {
+                stateManager.state.fillColorSpace = cachedColorSpace;
+                continue;
+              }
+              next(self.parseColorSpace({
+                cs: args[0],
+                resources,
+                localColorSpaceCache
+              }).then(function (colorSpace) {
+                if (colorSpace) {
+                  stateManager.state.fillColorSpace = colorSpace;
+                }
+              }));
+              return;
+            }
+          case _util.OPS.setStrokeColorSpace:
+            {
+              const cachedColorSpace = _colorspace.ColorSpace.getCached(args[0], xref, localColorSpaceCache);
+              if (cachedColorSpace) {
+                stateManager.state.strokeColorSpace = cachedColorSpace;
+                continue;
+              }
+              next(self.parseColorSpace({
+                cs: args[0],
+                resources,
+                localColorSpaceCache
+              }).then(function (colorSpace) {
+                if (colorSpace) {
+                  stateManager.state.strokeColorSpace = colorSpace;
+                }
+              }));
+              return;
+            }
+          case _util.OPS.setFillColor:
+            cs = stateManager.state.fillColorSpace;
+            args = cs.getRgb(args, 0);
+            fn = _util.OPS.setFillRGBColor;
+            break;
+          case _util.OPS.setStrokeColor:
+            cs = stateManager.state.strokeColorSpace;
+            args = cs.getRgb(args, 0);
+            fn = _util.OPS.setStrokeRGBColor;
+            break;
+          case _util.OPS.setFillGray:
+            stateManager.state.fillColorSpace = _colorspace.ColorSpace.singletons.gray;
+            args = _colorspace.ColorSpace.singletons.gray.getRgb(args, 0);
+            fn = _util.OPS.setFillRGBColor;
+            break;
+          case _util.OPS.setStrokeGray:
+            stateManager.state.strokeColorSpace = _colorspace.ColorSpace.singletons.gray;
+            args = _colorspace.ColorSpace.singletons.gray.getRgb(args, 0);
+            fn = _util.OPS.setStrokeRGBColor;
+            break;
+          case _util.OPS.setFillCMYKColor:
+            stateManager.state.fillColorSpace = _colorspace.ColorSpace.singletons.cmyk;
+            args = _colorspace.ColorSpace.singletons.cmyk.getRgb(args, 0);
+            fn = _util.OPS.setFillRGBColor;
+            break;
+          case _util.OPS.setStrokeCMYKColor:
+            stateManager.state.strokeColorSpace = _colorspace.ColorSpace.singletons.cmyk;
+            args = _colorspace.ColorSpace.singletons.cmyk.getRgb(args, 0);
+            fn = _util.OPS.setStrokeRGBColor;
+            break;
+          case _util.OPS.setFillRGBColor:
+            stateManager.state.fillColorSpace = _colorspace.ColorSpace.singletons.rgb;
+            args = _colorspace.ColorSpace.singletons.rgb.getRgb(args, 0);
+            break;
+          case _util.OPS.setStrokeRGBColor:
+            stateManager.state.strokeColorSpace = _colorspace.ColorSpace.singletons.rgb;
+            args = _colorspace.ColorSpace.singletons.rgb.getRgb(args, 0);
+            break;
+          case _util.OPS.setFillColorN:
+            cs = stateManager.state.fillColorSpace;
+            if (cs.name === "Pattern") {
+              next(self.handleColorN(operatorList, _util.OPS.setFillColorN, args, cs, patterns, resources, task, localColorSpaceCache, localTilingPatternCache, localShadingPatternCache));
+              return;
+            }
+            args = cs.getRgb(args, 0);
+            fn = _util.OPS.setFillRGBColor;
+            break;
+          case _util.OPS.setStrokeColorN:
+            cs = stateManager.state.strokeColorSpace;
+            if (cs.name === "Pattern") {
+              next(self.handleColorN(operatorList, _util.OPS.setStrokeColorN, args, cs, patterns, resources, task, localColorSpaceCache, localTilingPatternCache, localShadingPatternCache));
+              return;
+            }
+            args = cs.getRgb(args, 0);
+            fn = _util.OPS.setStrokeRGBColor;
+            break;
+          case _util.OPS.shadingFill:
+            var shadingRes = resources.get("Shading");
+            if (!shadingRes) {
+              throw new _util.FormatError("No shading resource found");
+            }
+            var shading = shadingRes.get(args[0].name);
+            if (!shading) {
+              throw new _util.FormatError("No shading object found");
+            }
+            const patternId = self.parseShading({
+              shading,
+              resources,
+              localColorSpaceCache,
+              localShadingPatternCache
+            });
+            args = [patternId];
+            fn = _util.OPS.shadingFill;
+            break;
+          case _util.OPS.setGState:
+            isValidName = args[0] instanceof _primitives.Name;
+            name = args[0].name;
+            if (isValidName) {
+              const localGStateObj = localGStateCache.getByName(name);
+              if (localGStateObj) {
+                if (localGStateObj.length > 0) {
+                  operatorList.addOp(_util.OPS.setGState, [localGStateObj]);
+                }
+                args = null;
+                continue;
+              }
+            }
+            next(new Promise(function (resolveGState, rejectGState) {
+              if (!isValidName) {
+                throw new _util.FormatError("GState must be referred to by name.");
+              }
+              const extGState = resources.get("ExtGState");
+              if (!(extGState instanceof _primitives.Dict)) {
+                throw new _util.FormatError("ExtGState should be a dictionary.");
+              }
+              const gState = extGState.get(name);
+              if (!(gState instanceof _primitives.Dict)) {
+                throw new _util.FormatError("GState should be a dictionary.");
+              }
+              self.setGState({
+                resources,
+                gState,
+                operatorList,
+                cacheKey: name,
+                task,
+                stateManager,
+                localGStateCache,
+                localColorSpaceCache
+              }).then(resolveGState, rejectGState);
+            }).catch(function (reason) {
+              if (reason instanceof _util.AbortException) {
+                return;
+              }
+              if (self.options.ignoreErrors) {
+                (0, _util.warn)(`getOperatorList - ignoring ExtGState: "${reason}".`);
+                return;
+              }
+              throw reason;
+            }));
+            return;
+          case _util.OPS.moveTo:
+          case _util.OPS.lineTo:
+          case _util.OPS.curveTo:
+          case _util.OPS.curveTo2:
+          case _util.OPS.curveTo3:
+          case _util.OPS.closePath:
+          case _util.OPS.rectangle:
+            self.buildPath(operatorList, fn, args, parsingText);
+            continue;
+          case _util.OPS.markPoint:
+          case _util.OPS.markPointProps:
+          case _util.OPS.beginCompat:
+          case _util.OPS.endCompat:
+            continue;
+          case _util.OPS.beginMarkedContentProps:
+            if (!(args[0] instanceof _primitives.Name)) {
+              (0, _util.warn)(`Expected name for beginMarkedContentProps arg0=${args[0]}`);
+              continue;
+            }
+            if (args[0].name === "OC") {
+              next(self.parseMarkedContentProps(args[1], resources).then(data => {
+                operatorList.addOp(_util.OPS.beginMarkedContentProps, ["OC", data]);
+              }).catch(reason => {
+                if (reason instanceof _util.AbortException) {
+                  return;
+                }
+                if (self.options.ignoreErrors) {
+                  (0, _util.warn)(`getOperatorList - ignoring beginMarkedContentProps: "${reason}".`);
+                  return;
+                }
+                throw reason;
+              }));
+              return;
+            }
+            args = [args[0].name, args[1] instanceof _primitives.Dict ? args[1].get("MCID") : null];
+            break;
+          case _util.OPS.beginMarkedContent:
+          case _util.OPS.endMarkedContent:
+          default:
+            if (args !== null) {
+              for (i = 0, ii = args.length; i < ii; i++) {
+                if (args[i] instanceof _primitives.Dict) {
+                  break;
+                }
+              }
+              if (i < ii) {
+                (0, _util.warn)("getOperatorList - ignoring operator: " + fn);
+                continue;
+              }
+            }
+        }
+        operatorList.addOp(fn, args);
+      }
+      if (stop) {
+        next(deferred);
+        return;
+      }
+      closePendingRestoreOPS();
+      resolve();
+    }).catch(reason => {
+      if (reason instanceof _util.AbortException) {
+        return;
+      }
+      if (this.options.ignoreErrors) {
+        (0, _util.warn)(`getOperatorList - ignoring errors during "${task.name}" ` + `task: "${reason}".`);
+        closePendingRestoreOPS();
+        return;
+      }
+      throw reason;
+    });
+  }
+  getTextContent({
+    stream,
+    task,
+    resources,
+    stateManager = null,
+    includeMarkedContent = false,
+    sink,
+    seenStyles = new Set(),
+    viewBox,
+    markedContentData = null,
+    disableNormalization = false
+  }) {
+    resources ||= _primitives.Dict.empty;
+    stateManager ||= new StateManager(new TextState());
+    if (includeMarkedContent) {
+      markedContentData ||= {
+        level: 0
+      };
+    }
+    const textContent = {
+      items: [],
+      styles: Object.create(null)
+    };
+    const textContentItem = {
+      initialized: false,
+      str: [],
+      totalWidth: 0,
+      totalHeight: 0,
+      width: 0,
+      height: 0,
+      vertical: false,
+      prevTransform: null,
+      textAdvanceScale: 0,
+      spaceInFlowMin: 0,
+      spaceInFlowMax: 0,
+      trackingSpaceMin: Infinity,
+      negativeSpaceMax: -Infinity,
+      notASpace: -Infinity,
+      transform: null,
+      fontName: null,
+      hasEOL: false
+    };
+    const twoLastChars = [" ", " "];
+    let twoLastCharsPos = 0;
+    function saveLastChar(char) {
+      const nextPos = (twoLastCharsPos + 1) % 2;
+      const ret = twoLastChars[twoLastCharsPos] !== " " && twoLastChars[nextPos] === " ";
+      twoLastChars[twoLastCharsPos] = char;
+      twoLastCharsPos = nextPos;
+      return ret;
+    }
+    function shouldAddWhitepsace() {
+      return twoLastChars[twoLastCharsPos] !== " " && twoLastChars[(twoLastCharsPos + 1) % 2] === " ";
+    }
+    function resetLastChars() {
+      twoLastChars[0] = twoLastChars[1] = " ";
+      twoLastCharsPos = 0;
+    }
+    const TRACKING_SPACE_FACTOR = 0.102;
+    const NOT_A_SPACE_FACTOR = 0.03;
+    const NEGATIVE_SPACE_FACTOR = -0.2;
+    const SPACE_IN_FLOW_MIN_FACTOR = 0.102;
+    const SPACE_IN_FLOW_MAX_FACTOR = 0.6;
+    const VERTICAL_SHIFT_RATIO = 0.25;
+    const self = this;
+    const xref = this.xref;
+    const showSpacedTextBuffer = [];
+    let xobjs = null;
+    const emptyXObjectCache = new _image_utils.LocalImageCache();
+    const emptyGStateCache = new _image_utils.LocalGStateCache();
+    const preprocessor = new EvaluatorPreprocessor(stream, xref, stateManager);
+    let textState;
+    function pushWhitespace({
+      width = 0,
+      height = 0,
+      transform = textContentItem.prevTransform,
+      fontName = textContentItem.fontName
+    }) {
+      textContent.items.push({
+        str: " ",
+        dir: "ltr",
+        width,
+        height,
+        transform,
+        fontName,
+        hasEOL: false
+      });
+    }
+    function getCurrentTextTransform() {
+      const font = textState.font;
+      const tsm = [textState.fontSize * textState.textHScale, 0, 0, textState.fontSize, 0, textState.textRise];
+      if (font.isType3Font && (textState.fontSize <= 1 || font.isCharBBox) && !(0, _util.isArrayEqual)(textState.fontMatrix, _util.FONT_IDENTITY_MATRIX)) {
+        const glyphHeight = font.bbox[3] - font.bbox[1];
+        if (glyphHeight > 0) {
+          tsm[3] *= glyphHeight * textState.fontMatrix[3];
+        }
+      }
+      return _util.Util.transform(textState.ctm, _util.Util.transform(textState.textMatrix, tsm));
+    }
+    function ensureTextContentItem() {
+      if (textContentItem.initialized) {
+        return textContentItem;
+      }
+      const {
+        font,
+        loadedName
+      } = textState;
+      if (!seenStyles.has(loadedName)) {
+        seenStyles.add(loadedName);
+        textContent.styles[loadedName] = {
+          fontFamily: font.fallbackName,
+          ascent: font.ascent,
+          descent: font.descent,
+          vertical: font.vertical
+        };
+      }
+      textContentItem.fontName = loadedName;
+      const trm = textContentItem.transform = getCurrentTextTransform();
+      if (!font.vertical) {
+        textContentItem.width = textContentItem.totalWidth = 0;
+        textContentItem.height = textContentItem.totalHeight = Math.hypot(trm[2], trm[3]);
+        textContentItem.vertical = false;
+      } else {
+        textContentItem.width = textContentItem.totalWidth = Math.hypot(trm[0], trm[1]);
+        textContentItem.height = textContentItem.totalHeight = 0;
+        textContentItem.vertical = true;
+      }
+      const scaleLineX = Math.hypot(textState.textLineMatrix[0], textState.textLineMatrix[1]);
+      const scaleCtmX = Math.hypot(textState.ctm[0], textState.ctm[1]);
+      textContentItem.textAdvanceScale = scaleCtmX * scaleLineX;
+      const {
+        fontSize
+      } = textState;
+      textContentItem.trackingSpaceMin = fontSize * TRACKING_SPACE_FACTOR;
+      textContentItem.notASpace = fontSize * NOT_A_SPACE_FACTOR;
+      textContentItem.negativeSpaceMax = fontSize * NEGATIVE_SPACE_FACTOR;
+      textContentItem.spaceInFlowMin = fontSize * SPACE_IN_FLOW_MIN_FACTOR;
+      textContentItem.spaceInFlowMax = fontSize * SPACE_IN_FLOW_MAX_FACTOR;
+      textContentItem.hasEOL = false;
+      textContentItem.initialized = true;
+      return textContentItem;
+    }
+    function updateAdvanceScale() {
+      if (!textContentItem.initialized) {
+        return;
+      }
+      const scaleLineX = Math.hypot(textState.textLineMatrix[0], textState.textLineMatrix[1]);
+      const scaleCtmX = Math.hypot(textState.ctm[0], textState.ctm[1]);
+      const scaleFactor = scaleCtmX * scaleLineX;
+      if (scaleFactor === textContentItem.textAdvanceScale) {
+        return;
+      }
+      if (!textContentItem.vertical) {
+        textContentItem.totalWidth += textContentItem.width * textContentItem.textAdvanceScale;
+        textContentItem.width = 0;
+      } else {
+        textContentItem.totalHeight += textContentItem.height * textContentItem.textAdvanceScale;
+        textContentItem.height = 0;
+      }
+      textContentItem.textAdvanceScale = scaleFactor;
+    }
+    function runBidiTransform(textChunk) {
+      let text = textChunk.str.join("");
+      if (!disableNormalization) {
+        text = (0, _util.normalizeUnicode)(text);
+      }
+      const bidiResult = (0, _bidi.bidi)(text, -1, textChunk.vertical);
+      return {
+        str: bidiResult.str,
+        dir: bidiResult.dir,
+        width: Math.abs(textChunk.totalWidth),
+        height: Math.abs(textChunk.totalHeight),
+        transform: textChunk.transform,
+        fontName: textChunk.fontName,
+        hasEOL: textChunk.hasEOL
+      };
+    }
+    function handleSetFont(fontName, fontRef) {
+      return self.loadFont(fontName, fontRef, resources).then(function (translated) {
+        if (!translated.font.isType3Font) {
+          return translated;
+        }
+        return translated.loadType3Data(self, resources, task).catch(function () {}).then(function () {
+          return translated;
+        });
+      }).then(function (translated) {
+        textState.loadedName = translated.loadedName;
+        textState.font = translated.font;
+        textState.fontMatrix = translated.font.fontMatrix || _util.FONT_IDENTITY_MATRIX;
+      });
+    }
+    function applyInverseRotation(x, y, matrix) {
+      const scale = Math.hypot(matrix[0], matrix[1]);
+      return [(matrix[0] * x + matrix[1] * y) / scale, (matrix[2] * x + matrix[3] * y) / scale];
+    }
+    function compareWithLastPosition(glyphWidth) {
+      const currentTransform = getCurrentTextTransform();
+      let posX = currentTransform[4];
+      let posY = currentTransform[5];
+      if (textState.font && textState.font.vertical) {
+        if (posX < viewBox[0] || posX > viewBox[2] || posY + glyphWidth < viewBox[1] || posY > viewBox[3]) {
+          return false;
+        }
+      } else if (posX + glyphWidth < viewBox[0] || posX > viewBox[2] || posY < viewBox[1] || posY > viewBox[3]) {
+        return false;
+      }
+      if (!textState.font || !textContentItem.prevTransform) {
+        return true;
+      }
+      let lastPosX = textContentItem.prevTransform[4];
+      let lastPosY = textContentItem.prevTransform[5];
+      if (lastPosX === posX && lastPosY === posY) {
+        return true;
+      }
+      let rotate = -1;
+      if (currentTransform[0] && currentTransform[1] === 0 && currentTransform[2] === 0) {
+        rotate = currentTransform[0] > 0 ? 0 : 180;
+      } else if (currentTransform[1] && currentTransform[0] === 0 && currentTransform[3] === 0) {
+        rotate = currentTransform[1] > 0 ? 90 : 270;
+      }
+      switch (rotate) {
+        case 0:
+          break;
+        case 90:
+          [posX, posY] = [posY, posX];
+          [lastPosX, lastPosY] = [lastPosY, lastPosX];
+          break;
+        case 180:
+          [posX, posY, lastPosX, lastPosY] = [-posX, -posY, -lastPosX, -lastPosY];
+          break;
+        case 270:
+          [posX, posY] = [-posY, -posX];
+          [lastPosX, lastPosY] = [-lastPosY, -lastPosX];
+          break;
+        default:
+          [posX, posY] = applyInverseRotation(posX, posY, currentTransform);
+          [lastPosX, lastPosY] = applyInverseRotation(lastPosX, lastPosY, textContentItem.prevTransform);
+      }
+      if (textState.font.vertical) {
+        const advanceY = (lastPosY - posY) / textContentItem.textAdvanceScale;
+        const advanceX = posX - lastPosX;
+        const textOrientation = Math.sign(textContentItem.height);
+        if (advanceY < textOrientation * textContentItem.negativeSpaceMax) {
+          if (Math.abs(advanceX) > 0.5 * textContentItem.width) {
+            appendEOL();
+            return true;
+          }
+          resetLastChars();
+          flushTextContentItem();
+          return true;
+        }
+        if (Math.abs(advanceX) > textContentItem.width) {
+          appendEOL();
+          return true;
+        }
+        if (advanceY <= textOrientation * textContentItem.notASpace) {
+          resetLastChars();
+        }
+        if (advanceY <= textOrientation * textContentItem.trackingSpaceMin) {
+          if (shouldAddWhitepsace()) {
+            resetLastChars();
+            flushTextContentItem();
+            pushWhitespace({
+              height: Math.abs(advanceY)
+            });
+          } else {
+            textContentItem.height += advanceY;
+          }
+        } else if (!addFakeSpaces(advanceY, textContentItem.prevTransform, textOrientation)) {
+          if (textContentItem.str.length === 0) {
+            resetLastChars();
+            pushWhitespace({
+              height: Math.abs(advanceY)
+            });
+          } else {
+            textContentItem.height += advanceY;
+          }
+        }
+        if (Math.abs(advanceX) > textContentItem.width * VERTICAL_SHIFT_RATIO) {
+          flushTextContentItem();
+        }
+        return true;
+      }
+      const advanceX = (posX - lastPosX) / textContentItem.textAdvanceScale;
+      const advanceY = posY - lastPosY;
+      const textOrientation = Math.sign(textContentItem.width);
+      if (advanceX < textOrientation * textContentItem.negativeSpaceMax) {
+        if (Math.abs(advanceY) > 0.5 * textContentItem.height) {
+          appendEOL();
+          return true;
+        }
+        resetLastChars();
+        flushTextContentItem();
+        return true;
+      }
+      if (Math.abs(advanceY) > textContentItem.height) {
+        appendEOL();
+        return true;
+      }
+      if (advanceX <= textOrientation * textContentItem.notASpace) {
+        resetLastChars();
+      }
+      if (advanceX <= textOrientation * textContentItem.trackingSpaceMin) {
+        if (shouldAddWhitepsace()) {
+          resetLastChars();
+          flushTextContentItem();
+          pushWhitespace({
+            width: Math.abs(advanceX)
+          });
+        } else {
+          textContentItem.width += advanceX;
+        }
+      } else if (!addFakeSpaces(advanceX, textContentItem.prevTransform, textOrientation)) {
+        if (textContentItem.str.length === 0) {
+          resetLastChars();
+          pushWhitespace({
+            width: Math.abs(advanceX)
+          });
+        } else {
+          textContentItem.width += advanceX;
+        }
+      }
+      if (Math.abs(advanceY) > textContentItem.height * VERTICAL_SHIFT_RATIO) {
+        flushTextContentItem();
+      }
+      return true;
+    }
+    function buildTextContentItem({
+      chars,
+      extraSpacing
+    }) {
+      const font = textState.font;
+      if (!chars) {
+        const charSpacing = textState.charSpacing + extraSpacing;
+        if (charSpacing) {
+          if (!font.vertical) {
+            textState.translateTextMatrix(charSpacing * textState.textHScale, 0);
+          } else {
+            textState.translateTextMatrix(0, -charSpacing);
+          }
+        }
+        return;
+      }
+      const glyphs = font.charsToGlyphs(chars);
+      const scale = textState.fontMatrix[0] * textState.fontSize;
+      for (let i = 0, ii = glyphs.length; i < ii; i++) {
+        const glyph = glyphs[i];
+        const {
+          category
+        } = glyph;
+        if (category.isInvisibleFormatMark) {
+          continue;
+        }
+        let charSpacing = textState.charSpacing + (i + 1 === ii ? extraSpacing : 0);
+        let glyphWidth = glyph.width;
+        if (font.vertical) {
+          glyphWidth = glyph.vmetric ? glyph.vmetric[0] : -glyphWidth;
+        }
+        let scaledDim = glyphWidth * scale;
+        if (category.isWhitespace) {
+          if (!font.vertical) {
+            charSpacing += scaledDim + textState.wordSpacing;
+            textState.translateTextMatrix(charSpacing * textState.textHScale, 0);
+          } else {
+            charSpacing += -scaledDim + textState.wordSpacing;
+            textState.translateTextMatrix(0, -charSpacing);
+          }
+          saveLastChar(" ");
+          continue;
+        }
+        if (!category.isZeroWidthDiacritic && !compareWithLastPosition(scaledDim)) {
+          if (!font.vertical) {
+            textState.translateTextMatrix(scaledDim * textState.textHScale, 0);
+          } else {
+            textState.translateTextMatrix(0, scaledDim);
+          }
+          continue;
+        }
+        const textChunk = ensureTextContentItem();
+        if (category.isZeroWidthDiacritic) {
+          scaledDim = 0;
+        }
+        if (!font.vertical) {
+          scaledDim *= textState.textHScale;
+          textState.translateTextMatrix(scaledDim, 0);
+          textChunk.width += scaledDim;
+        } else {
+          textState.translateTextMatrix(0, scaledDim);
+          scaledDim = Math.abs(scaledDim);
+          textChunk.height += scaledDim;
+        }
+        if (scaledDim) {
+          textChunk.prevTransform = getCurrentTextTransform();
+        }
+        const glyphUnicode = glyph.unicode;
+        if (saveLastChar(glyphUnicode)) {
+          textChunk.str.push(" ");
+        }
+        textChunk.str.push(glyphUnicode);
+        if (charSpacing) {
+          if (!font.vertical) {
+            textState.translateTextMatrix(charSpacing * textState.textHScale, 0);
+          } else {
+            textState.translateTextMatrix(0, -charSpacing);
+          }
+        }
+      }
+    }
+    function appendEOL() {
+      resetLastChars();
+      if (textContentItem.initialized) {
+        textContentItem.hasEOL = true;
+        flushTextContentItem();
+      } else {
+        textContent.items.push({
+          str: "",
+          dir: "ltr",
+          width: 0,
+          height: 0,
+          transform: getCurrentTextTransform(),
+          fontName: textState.loadedName,
+          hasEOL: true
+        });
+      }
+    }
+    function addFakeSpaces(width, transf, textOrientation) {
+      if (textOrientation * textContentItem.spaceInFlowMin <= width && width <= textOrientation * textContentItem.spaceInFlowMax) {
+        if (textContentItem.initialized) {
+          resetLastChars();
+          textContentItem.str.push(" ");
+        }
+        return false;
+      }
+      const fontName = textContentItem.fontName;
+      let height = 0;
+      if (textContentItem.vertical) {
+        height = width;
+        width = 0;
+      }
+      flushTextContentItem();
+      resetLastChars();
+      pushWhitespace({
+        width: Math.abs(width),
+        height: Math.abs(height),
+        transform: transf || getCurrentTextTransform(),
+        fontName
+      });
+      return true;
+    }
+    function flushTextContentItem() {
+      if (!textContentItem.initialized || !textContentItem.str) {
+        return;
+      }
+      if (!textContentItem.vertical) {
+        textContentItem.totalWidth += textContentItem.width * textContentItem.textAdvanceScale;
+      } else {
+        textContentItem.totalHeight += textContentItem.height * textContentItem.textAdvanceScale;
+      }
+      textContent.items.push(runBidiTransform(textContentItem));
+      textContentItem.initialized = false;
+      textContentItem.str.length = 0;
+    }
+    function enqueueChunk(batch = false) {
+      const length = textContent.items.length;
+      if (length === 0) {
+        return;
+      }
+      if (batch && length < TEXT_CHUNK_BATCH_SIZE) {
+        return;
+      }
+      sink.enqueue(textContent, length);
+      textContent.items = [];
+      textContent.styles = Object.create(null);
+    }
+    const timeSlotManager = new TimeSlotManager();
+    return new Promise(function promiseBody(resolve, reject) {
+      const next = function (promise) {
+        enqueueChunk(true);
+        Promise.all([promise, sink.ready]).then(function () {
+          try {
+            promiseBody(resolve, reject);
+          } catch (ex) {
+            reject(ex);
+          }
+        }, reject);
+      };
+      task.ensureNotTerminated();
+      timeSlotManager.reset();
+      const operation = {};
+      let stop,
+        args = [];
+      while (!(stop = timeSlotManager.check())) {
+        args.length = 0;
+        operation.args = args;
+        if (!preprocessor.read(operation)) {
+          break;
+        }
+        textState = stateManager.state;
+        const fn = operation.fn;
+        args = operation.args;
+        switch (fn | 0) {
+          case _util.OPS.setFont:
+            var fontNameArg = args[0].name,
+              fontSizeArg = args[1];
+            if (textState.font && fontNameArg === textState.fontName && fontSizeArg === textState.fontSize) {
+              break;
+            }
+            flushTextContentItem();
+            textState.fontName = fontNameArg;
+            textState.fontSize = fontSizeArg;
+            next(handleSetFont(fontNameArg, null));
+            return;
+          case _util.OPS.setTextRise:
+            textState.textRise = args[0];
+            break;
+          case _util.OPS.setHScale:
+            textState.textHScale = args[0] / 100;
+            break;
+          case _util.OPS.setLeading:
+            textState.leading = args[0];
+            break;
+          case _util.OPS.moveText:
+            textState.translateTextLineMatrix(args[0], args[1]);
+            textState.textMatrix = textState.textLineMatrix.slice();
+            break;
+          case _util.OPS.setLeadingMoveText:
+            textState.leading = -args[1];
+            textState.translateTextLineMatrix(args[0], args[1]);
+            textState.textMatrix = textState.textLineMatrix.slice();
+            break;
+          case _util.OPS.nextLine:
+            textState.carriageReturn();
+            break;
+          case _util.OPS.setTextMatrix:
+            textState.setTextMatrix(args[0], args[1], args[2], args[3], args[4], args[5]);
+            textState.setTextLineMatrix(args[0], args[1], args[2], args[3], args[4], args[5]);
+            updateAdvanceScale();
+            break;
+          case _util.OPS.setCharSpacing:
+            textState.charSpacing = args[0];
+            break;
+          case _util.OPS.setWordSpacing:
+            textState.wordSpacing = args[0];
+            break;
+          case _util.OPS.beginText:
+            textState.textMatrix = _util.IDENTITY_MATRIX.slice();
+            textState.textLineMatrix = _util.IDENTITY_MATRIX.slice();
+            break;
+          case _util.OPS.showSpacedText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            const spaceFactor = (textState.font.vertical ? 1 : -1) * textState.fontSize / 1000;
+            const elements = args[0];
+            for (let i = 0, ii = elements.length; i < ii - 1; i++) {
+              const item = elements[i];
+              if (typeof item === "string") {
+                showSpacedTextBuffer.push(item);
+              } else if (typeof item === "number" && item !== 0) {
+                const str = showSpacedTextBuffer.join("");
+                showSpacedTextBuffer.length = 0;
+                buildTextContentItem({
+                  chars: str,
+                  extraSpacing: item * spaceFactor
+                });
+              }
+            }
+            const item = elements.at(-1);
+            if (typeof item === "string") {
+              showSpacedTextBuffer.push(item);
+            }
+            if (showSpacedTextBuffer.length > 0) {
+              const str = showSpacedTextBuffer.join("");
+              showSpacedTextBuffer.length = 0;
+              buildTextContentItem({
+                chars: str,
+                extraSpacing: 0
+              });
+            }
+            break;
+          case _util.OPS.showText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            buildTextContentItem({
+              chars: args[0],
+              extraSpacing: 0
+            });
+            break;
+          case _util.OPS.nextLineShowText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            textState.carriageReturn();
+            buildTextContentItem({
+              chars: args[0],
+              extraSpacing: 0
+            });
+            break;
+          case _util.OPS.nextLineSetSpacingShowText:
+            if (!stateManager.state.font) {
+              self.ensureStateFont(stateManager.state);
+              continue;
+            }
+            textState.wordSpacing = args[0];
+            textState.charSpacing = args[1];
+            textState.carriageReturn();
+            buildTextContentItem({
+              chars: args[2],
+              extraSpacing: 0
+            });
+            break;
+          case _util.OPS.paintXObject:
+            flushTextContentItem();
+            if (!xobjs) {
+              xobjs = resources.get("XObject") || _primitives.Dict.empty;
+            }
+            var isValidName = args[0] instanceof _primitives.Name;
+            var name = args[0].name;
+            if (isValidName && emptyXObjectCache.getByName(name)) {
+              break;
+            }
+            next(new Promise(function (resolveXObject, rejectXObject) {
+              if (!isValidName) {
+                throw new _util.FormatError("XObject must be referred to by name.");
+              }
+              let xobj = xobjs.getRaw(name);
+              if (xobj instanceof _primitives.Ref) {
+                if (emptyXObjectCache.getByRef(xobj)) {
+                  resolveXObject();
+                  return;
+                }
+                const globalImage = self.globalImageCache.getData(xobj, self.pageIndex);
+                if (globalImage) {
+                  resolveXObject();
+                  return;
+                }
+                xobj = xref.fetch(xobj);
+              }
+              if (!(xobj instanceof _base_stream.BaseStream)) {
+                throw new _util.FormatError("XObject should be a stream");
+              }
+              const type = xobj.dict.get("Subtype");
+              if (!(type instanceof _primitives.Name)) {
+                throw new _util.FormatError("XObject should have a Name subtype");
+              }
+              if (type.name !== "Form") {
+                emptyXObjectCache.set(name, xobj.dict.objId, true);
+                resolveXObject();
+                return;
+              }
+              const currentState = stateManager.state.clone();
+              const xObjStateManager = new StateManager(currentState);
+              const matrix = xobj.dict.getArray("Matrix");
+              if (Array.isArray(matrix) && matrix.length === 6) {
+                xObjStateManager.transform(matrix);
+              }
+              enqueueChunk();
+              const sinkWrapper = {
+                enqueueInvoked: false,
+                enqueue(chunk, size) {
+                  this.enqueueInvoked = true;
+                  sink.enqueue(chunk, size);
+                },
+                get desiredSize() {
+                  return sink.desiredSize;
+                },
+                get ready() {
+                  return sink.ready;
+                }
+              };
+              self.getTextContent({
+                stream: xobj,
+                task,
+                resources: xobj.dict.get("Resources") || resources,
+                stateManager: xObjStateManager,
+                includeMarkedContent,
+                sink: sinkWrapper,
+                seenStyles,
+                viewBox,
+                markedContentData,
+                disableNormalization
+              }).then(function () {
+                if (!sinkWrapper.enqueueInvoked) {
+                  emptyXObjectCache.set(name, xobj.dict.objId, true);
+                }
+                resolveXObject();
+              }, rejectXObject);
+            }).catch(function (reason) {
+              if (reason instanceof _util.AbortException) {
+                return;
+              }
+              if (self.options.ignoreErrors) {
+                (0, _util.warn)(`getTextContent - ignoring XObject: "${reason}".`);
+                return;
+              }
+              throw reason;
+            }));
+            return;
+          case _util.OPS.setGState:
+            isValidName = args[0] instanceof _primitives.Name;
+            name = args[0].name;
+            if (isValidName && emptyGStateCache.getByName(name)) {
+              break;
+            }
+            next(new Promise(function (resolveGState, rejectGState) {
+              if (!isValidName) {
+                throw new _util.FormatError("GState must be referred to by name.");
+              }
+              const extGState = resources.get("ExtGState");
+              if (!(extGState instanceof _primitives.Dict)) {
+                throw new _util.FormatError("ExtGState should be a dictionary.");
+              }
+              const gState = extGState.get(name);
+              if (!(gState instanceof _primitives.Dict)) {
+                throw new _util.FormatError("GState should be a dictionary.");
+              }
+              const gStateFont = gState.get("Font");
+              if (!gStateFont) {
+                emptyGStateCache.set(name, gState.objId, true);
+                resolveGState();
+                return;
+              }
+              flushTextContentItem();
+              textState.fontName = null;
+              textState.fontSize = gStateFont[1];
+              handleSetFont(null, gStateFont[0]).then(resolveGState, rejectGState);
+            }).catch(function (reason) {
+              if (reason instanceof _util.AbortException) {
+                return;
+              }
+              if (self.options.ignoreErrors) {
+                (0, _util.warn)(`getTextContent - ignoring ExtGState: "${reason}".`);
+                return;
+              }
+              throw reason;
+            }));
+            return;
+          case _util.OPS.beginMarkedContent:
+            flushTextContentItem();
+            if (includeMarkedContent) {
+              markedContentData.level++;
+              textContent.items.push({
+                type: "beginMarkedContent",
+                tag: args[0] instanceof _primitives.Name ? args[0].name : null
+              });
+            }
+            break;
+          case _util.OPS.beginMarkedContentProps:
+            flushTextContentItem();
+            if (includeMarkedContent) {
+              markedContentData.level++;
+              let mcid = null;
+              if (args[1] instanceof _primitives.Dict) {
+                mcid = args[1].get("MCID");
+              }
+              textContent.items.push({
+                type: "beginMarkedContentProps",
+                id: Number.isInteger(mcid) ? `${self.idFactory.getPageObjId()}_mcid${mcid}` : null,
+                tag: args[0] instanceof _primitives.Name ? args[0].name : null
+              });
+            }
+            break;
+          case _util.OPS.endMarkedContent:
+            flushTextContentItem();
+            if (includeMarkedContent) {
+              if (markedContentData.level === 0) {
+                break;
+              }
+              markedContentData.level--;
+              textContent.items.push({
+                type: "endMarkedContent"
+              });
+            }
+            break;
+        }
+        if (textContent.items.length >= sink.desiredSize) {
+          stop = true;
+          break;
+        }
+      }
+      if (stop) {
+        next(deferred);
+        return;
+      }
+      flushTextContentItem();
+      enqueueChunk();
+      resolve();
+    }).catch(reason => {
+      if (reason instanceof _util.AbortException) {
+        return;
+      }
+      if (this.options.ignoreErrors) {
+        (0, _util.warn)(`getTextContent - ignoring errors during "${task.name}" ` + `task: "${reason}".`);
+        flushTextContentItem();
+        enqueueChunk();
+        return;
+      }
+      throw reason;
+    });
+  }
+  extractDataStructures(dict, baseDict, properties) {
+    const xref = this.xref;
+    let cidToGidBytes;
+    const toUnicodePromise = this.readToUnicode(properties.toUnicode || dict.get("ToUnicode") || baseDict.get("ToUnicode"));
+    if (properties.composite) {
+      const cidSystemInfo = dict.get("CIDSystemInfo");
+      if (cidSystemInfo instanceof _primitives.Dict) {
+        properties.cidSystemInfo = {
+          registry: (0, _util.stringToPDFString)(cidSystemInfo.get("Registry")),
+          ordering: (0, _util.stringToPDFString)(cidSystemInfo.get("Ordering")),
+          supplement: cidSystemInfo.get("Supplement")
+        };
+      }
+      try {
+        const cidToGidMap = dict.get("CIDToGIDMap");
+        if (cidToGidMap instanceof _base_stream.BaseStream) {
+          cidToGidBytes = cidToGidMap.getBytes();
+        }
+      } catch (ex) {
+        if (!this.options.ignoreErrors) {
+          throw ex;
+        }
+        (0, _util.warn)(`extractDataStructures - ignoring CIDToGIDMap data: "${ex}".`);
+      }
+    }
+    const differences = [];
+    let baseEncodingName = null;
+    let encoding;
+    if (dict.has("Encoding")) {
+      encoding = dict.get("Encoding");
+      if (encoding instanceof _primitives.Dict) {
+        baseEncodingName = encoding.get("BaseEncoding");
+        baseEncodingName = baseEncodingName instanceof _primitives.Name ? baseEncodingName.name : null;
+        if (encoding.has("Differences")) {
+          const diffEncoding = encoding.get("Differences");
+          let index = 0;
+          for (const entry of diffEncoding) {
+            const data = xref.fetchIfRef(entry);
+            if (typeof data === "number") {
+              index = data;
+            } else if (data instanceof _primitives.Name) {
+              differences[index++] = data.name;
+            } else {
+              throw new _util.FormatError(`Invalid entry in 'Differences' array: ${data}`);
+            }
+          }
+        }
+      } else if (encoding instanceof _primitives.Name) {
+        baseEncodingName = encoding.name;
+      } else {
+        const msg = "Encoding is not a Name nor a Dict";
+        if (!this.options.ignoreErrors) {
+          throw new _util.FormatError(msg);
+        }
+        (0, _util.warn)(msg);
+      }
+      if (baseEncodingName !== "MacRomanEncoding" && baseEncodingName !== "MacExpertEncoding" && baseEncodingName !== "WinAnsiEncoding") {
+        baseEncodingName = null;
+      }
+    }
+    if (baseEncodingName) {
+      properties.defaultEncoding = (0, _encodings.getEncoding)(baseEncodingName);
+    } else {
+      const isSymbolicFont = !!(properties.flags & _fonts_utils.FontFlags.Symbolic);
+      const isNonsymbolicFont = !!(properties.flags & _fonts_utils.FontFlags.Nonsymbolic);
+      encoding = _encodings.StandardEncoding;
+      if (properties.type === "TrueType" && !isNonsymbolicFont) {
+        encoding = _encodings.WinAnsiEncoding;
+      }
+      if (isSymbolicFont) {
+        encoding = _encodings.MacRomanEncoding;
+        if (!properties.file || properties.isInternalFont) {
+          if (/Symbol/i.test(properties.name)) {
+            encoding = _encodings.SymbolSetEncoding;
+          } else if (/Dingbats|Wingdings/i.test(properties.name)) {
+            encoding = _encodings.ZapfDingbatsEncoding;
+          }
+        }
+      }
+      properties.defaultEncoding = encoding;
+    }
+    properties.differences = differences;
+    properties.baseEncodingName = baseEncodingName;
+    properties.hasEncoding = !!baseEncodingName || differences.length > 0;
+    properties.dict = dict;
+    return toUnicodePromise.then(readToUnicode => {
+      properties.toUnicode = readToUnicode;
+      return this.buildToUnicode(properties);
+    }).then(builtToUnicode => {
+      properties.toUnicode = builtToUnicode;
+      if (cidToGidBytes) {
+        properties.cidToGidMap = this.readCidToGidMap(cidToGidBytes, builtToUnicode);
+      }
+      return properties;
+    });
+  }
+  _simpleFontToUnicode(properties, forceGlyphs = false) {
+    (0, _util.assert)(!properties.composite, "Must be a simple font.");
+    const toUnicode = [];
+    const encoding = properties.defaultEncoding.slice();
+    const baseEncodingName = properties.baseEncodingName;
+    const differences = properties.differences;
+    for (const charcode in differences) {
+      const glyphName = differences[charcode];
+      if (glyphName === ".notdef") {
+        continue;
+      }
+      encoding[charcode] = glyphName;
+    }
+    const glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+    for (const charcode in encoding) {
+      let glyphName = encoding[charcode];
+      if (glyphName === "") {
+        continue;
+      }
+      let unicode = glyphsUnicodeMap[glyphName];
+      if (unicode !== undefined) {
+        toUnicode[charcode] = String.fromCharCode(unicode);
+        continue;
+      }
+      let code = 0;
+      switch (glyphName[0]) {
+        case "G":
+          if (glyphName.length === 3) {
+            code = parseInt(glyphName.substring(1), 16);
+          }
+          break;
+        case "g":
+          if (glyphName.length === 5) {
+            code = parseInt(glyphName.substring(1), 16);
+          }
+          break;
+        case "C":
+        case "c":
+          if (glyphName.length >= 3 && glyphName.length <= 4) {
+            const codeStr = glyphName.substring(1);
+            if (forceGlyphs) {
+              code = parseInt(codeStr, 16);
+              break;
+            }
+            code = +codeStr;
+            if (Number.isNaN(code) && Number.isInteger(parseInt(codeStr, 16))) {
+              return this._simpleFontToUnicode(properties, true);
+            }
+          }
+          break;
+        case "u":
+          unicode = (0, _unicode.getUnicodeForGlyph)(glyphName, glyphsUnicodeMap);
+          if (unicode !== -1) {
+            code = unicode;
+          }
+          break;
+        default:
+          switch (glyphName) {
+            case "f_h":
+            case "f_t":
+            case "T_h":
+              toUnicode[charcode] = glyphName.replaceAll("_", "");
+              continue;
+          }
+          break;
+      }
+      if (code > 0 && code <= 0x10ffff && Number.isInteger(code)) {
+        if (baseEncodingName && code === +charcode) {
+          const baseEncoding = (0, _encodings.getEncoding)(baseEncodingName);
+          if (baseEncoding && (glyphName = baseEncoding[charcode])) {
+            toUnicode[charcode] = String.fromCharCode(glyphsUnicodeMap[glyphName]);
+            continue;
+          }
+        }
+        toUnicode[charcode] = String.fromCodePoint(code);
+      }
+    }
+    return toUnicode;
+  }
+  async buildToUnicode(properties) {
+    properties.hasIncludedToUnicodeMap = !!properties.toUnicode && properties.toUnicode.length > 0;
+    if (properties.hasIncludedToUnicodeMap) {
+      if (!properties.composite && properties.hasEncoding) {
+        properties.fallbackToUnicode = this._simpleFontToUnicode(properties);
+      }
+      return properties.toUnicode;
+    }
+    if (!properties.composite) {
+      return new _to_unicode_map.ToUnicodeMap(this._simpleFontToUnicode(properties));
+    }
+    if (properties.composite && (properties.cMap.builtInCMap && !(properties.cMap instanceof _cmap.IdentityCMap) || properties.cidSystemInfo.registry === "Adobe" && (properties.cidSystemInfo.ordering === "GB1" || properties.cidSystemInfo.ordering === "CNS1" || properties.cidSystemInfo.ordering === "Japan1" || properties.cidSystemInfo.ordering === "Korea1"))) {
+      const {
+        registry,
+        ordering
+      } = properties.cidSystemInfo;
+      const ucs2CMapName = _primitives.Name.get(`${registry}-${ordering}-UCS2`);
+      const ucs2CMap = await _cmap.CMapFactory.create({
+        encoding: ucs2CMapName,
+        fetchBuiltInCMap: this._fetchBuiltInCMapBound,
+        useCMap: null
+      });
+      const toUnicode = [],
+        buf = [];
+      properties.cMap.forEach(function (charcode, cid) {
+        if (cid > 0xffff) {
+          throw new _util.FormatError("Max size of CID is 65,535");
+        }
+        const ucs2 = ucs2CMap.lookup(cid);
+        if (ucs2) {
+          buf.length = 0;
+          for (let i = 0, ii = ucs2.length; i < ii; i += 2) {
+            buf.push((ucs2.charCodeAt(i) << 8) + ucs2.charCodeAt(i + 1));
+          }
+          toUnicode[charcode] = String.fromCharCode(...buf);
+        }
+      });
+      return new _to_unicode_map.ToUnicodeMap(toUnicode);
+    }
+    return new _to_unicode_map.IdentityToUnicodeMap(properties.firstChar, properties.lastChar);
+  }
+  readToUnicode(cmapObj) {
+    if (!cmapObj) {
+      return Promise.resolve(null);
+    }
+    if (cmapObj instanceof _primitives.Name) {
+      return _cmap.CMapFactory.create({
+        encoding: cmapObj,
+        fetchBuiltInCMap: this._fetchBuiltInCMapBound,
+        useCMap: null
+      }).then(function (cmap) {
+        if (cmap instanceof _cmap.IdentityCMap) {
+          return new _to_unicode_map.IdentityToUnicodeMap(0, 0xffff);
+        }
+        return new _to_unicode_map.ToUnicodeMap(cmap.getMap());
+      });
+    } else if (cmapObj instanceof _base_stream.BaseStream) {
+      return _cmap.CMapFactory.create({
+        encoding: cmapObj,
+        fetchBuiltInCMap: this._fetchBuiltInCMapBound,
+        useCMap: null
+      }).then(function (cmap) {
+        if (cmap instanceof _cmap.IdentityCMap) {
+          return new _to_unicode_map.IdentityToUnicodeMap(0, 0xffff);
+        }
+        const map = new Array(cmap.length);
+        cmap.forEach(function (charCode, token) {
+          if (typeof token === "number") {
+            map[charCode] = String.fromCodePoint(token);
+            return;
+          }
+          const str = [];
+          for (let k = 0; k < token.length; k += 2) {
+            const w1 = token.charCodeAt(k) << 8 | token.charCodeAt(k + 1);
+            if ((w1 & 0xf800) !== 0xd800) {
+              str.push(w1);
+              continue;
+            }
+            k += 2;
+            const w2 = token.charCodeAt(k) << 8 | token.charCodeAt(k + 1);
+            str.push(((w1 & 0x3ff) << 10) + (w2 & 0x3ff) + 0x10000);
+          }
+          map[charCode] = String.fromCodePoint(...str);
+        });
+        return new _to_unicode_map.ToUnicodeMap(map);
+      }, reason => {
+        if (reason instanceof _util.AbortException) {
+          return null;
+        }
+        if (this.options.ignoreErrors) {
+          (0, _util.warn)(`readToUnicode - ignoring ToUnicode data: "${reason}".`);
+          return null;
+        }
+        throw reason;
+      });
+    }
+    return Promise.resolve(null);
+  }
+  readCidToGidMap(glyphsData, toUnicode) {
+    const result = [];
+    for (let j = 0, jj = glyphsData.length; j < jj; j++) {
+      const glyphID = glyphsData[j++] << 8 | glyphsData[j];
+      const code = j >> 1;
+      if (glyphID === 0 && !toUnicode.has(code)) {
+        continue;
+      }
+      result[code] = glyphID;
+    }
+    return result;
+  }
+  extractWidths(dict, descriptor, properties) {
+    const xref = this.xref;
+    let glyphsWidths = [];
+    let defaultWidth = 0;
+    const glyphsVMetrics = [];
+    let defaultVMetrics;
+    let i, ii, j, jj, start, code, widths;
+    if (properties.composite) {
+      defaultWidth = dict.has("DW") ? dict.get("DW") : 1000;
+      widths = dict.get("W");
+      if (widths) {
+        for (i = 0, ii = widths.length; i < ii; i++) {
+          start = xref.fetchIfRef(widths[i++]);
+          code = xref.fetchIfRef(widths[i]);
+          if (Array.isArray(code)) {
+            for (j = 0, jj = code.length; j < jj; j++) {
+              glyphsWidths[start++] = xref.fetchIfRef(code[j]);
+            }
+          } else {
+            const width = xref.fetchIfRef(widths[++i]);
+            for (j = start; j <= code; j++) {
+              glyphsWidths[j] = width;
+            }
+          }
+        }
+      }
+      if (properties.vertical) {
+        let vmetrics = dict.getArray("DW2") || [880, -1000];
+        defaultVMetrics = [vmetrics[1], defaultWidth * 0.5, vmetrics[0]];
+        vmetrics = dict.get("W2");
+        if (vmetrics) {
+          for (i = 0, ii = vmetrics.length; i < ii; i++) {
+            start = xref.fetchIfRef(vmetrics[i++]);
+            code = xref.fetchIfRef(vmetrics[i]);
+            if (Array.isArray(code)) {
+              for (j = 0, jj = code.length; j < jj; j++) {
+                glyphsVMetrics[start++] = [xref.fetchIfRef(code[j++]), xref.fetchIfRef(code[j++]), xref.fetchIfRef(code[j])];
+              }
+            } else {
+              const vmetric = [xref.fetchIfRef(vmetrics[++i]), xref.fetchIfRef(vmetrics[++i]), xref.fetchIfRef(vmetrics[++i])];
+              for (j = start; j <= code; j++) {
+                glyphsVMetrics[j] = vmetric;
+              }
+            }
+          }
+        }
+      }
+    } else {
+      const firstChar = properties.firstChar;
+      widths = dict.get("Widths");
+      if (widths) {
+        j = firstChar;
+        for (i = 0, ii = widths.length; i < ii; i++) {
+          glyphsWidths[j++] = xref.fetchIfRef(widths[i]);
+        }
+        defaultWidth = parseFloat(descriptor.get("MissingWidth")) || 0;
+      } else {
+        const baseFontName = dict.get("BaseFont");
+        if (baseFontName instanceof _primitives.Name) {
+          const metrics = this.getBaseFontMetrics(baseFontName.name);
+          glyphsWidths = this.buildCharCodeToWidth(metrics.widths, properties);
+          defaultWidth = metrics.defaultWidth;
+        }
+      }
+    }
+    let isMonospace = true;
+    let firstWidth = defaultWidth;
+    for (const glyph in glyphsWidths) {
+      const glyphWidth = glyphsWidths[glyph];
+      if (!glyphWidth) {
+        continue;
+      }
+      if (!firstWidth) {
+        firstWidth = glyphWidth;
+        continue;
+      }
+      if (firstWidth !== glyphWidth) {
+        isMonospace = false;
+        break;
+      }
+    }
+    if (isMonospace) {
+      properties.flags |= _fonts_utils.FontFlags.FixedPitch;
+    }
+    properties.defaultWidth = defaultWidth;
+    properties.widths = glyphsWidths;
+    properties.defaultVMetrics = defaultVMetrics;
+    properties.vmetrics = glyphsVMetrics;
+  }
+  isSerifFont(baseFontName) {
+    const fontNameWoStyle = baseFontName.split("-")[0];
+    return fontNameWoStyle in (0, _standard_fonts.getSerifFonts)() || /serif/gi.test(fontNameWoStyle);
+  }
+  getBaseFontMetrics(name) {
+    let defaultWidth = 0;
+    let widths = Object.create(null);
+    let monospace = false;
+    const stdFontMap = (0, _standard_fonts.getStdFontMap)();
+    let lookupName = stdFontMap[name] || name;
+    const Metrics = (0, _metrics.getMetrics)();
+    if (!(lookupName in Metrics)) {
+      if (this.isSerifFont(name)) {
+        lookupName = "Times-Roman";
+      } else {
+        lookupName = "Helvetica";
+      }
+    }
+    const glyphWidths = Metrics[lookupName];
+    if (typeof glyphWidths === "number") {
+      defaultWidth = glyphWidths;
+      monospace = true;
+    } else {
+      widths = glyphWidths();
+    }
+    return {
+      defaultWidth,
+      monospace,
+      widths
+    };
+  }
+  buildCharCodeToWidth(widthsByGlyphName, properties) {
+    const widths = Object.create(null);
+    const differences = properties.differences;
+    const encoding = properties.defaultEncoding;
+    for (let charCode = 0; charCode < 256; charCode++) {
+      if (charCode in differences && widthsByGlyphName[differences[charCode]]) {
+        widths[charCode] = widthsByGlyphName[differences[charCode]];
+        continue;
+      }
+      if (charCode in encoding && widthsByGlyphName[encoding[charCode]]) {
+        widths[charCode] = widthsByGlyphName[encoding[charCode]];
+        continue;
+      }
+    }
+    return widths;
+  }
+  preEvaluateFont(dict) {
+    const baseDict = dict;
+    let type = dict.get("Subtype");
+    if (!(type instanceof _primitives.Name)) {
+      throw new _util.FormatError("invalid font Subtype");
+    }
+    let composite = false;
+    let hash, toUnicode;
+    if (type.name === "Type0") {
+      const df = dict.get("DescendantFonts");
+      if (!df) {
+        throw new _util.FormatError("Descendant fonts are not specified");
+      }
+      dict = Array.isArray(df) ? this.xref.fetchIfRef(df[0]) : df;
+      if (!(dict instanceof _primitives.Dict)) {
+        throw new _util.FormatError("Descendant font is not a dictionary.");
+      }
+      type = dict.get("Subtype");
+      if (!(type instanceof _primitives.Name)) {
+        throw new _util.FormatError("invalid font Subtype");
+      }
+      composite = true;
+    }
+    const firstChar = dict.get("FirstChar") || 0,
+      lastChar = dict.get("LastChar") || (composite ? 0xffff : 0xff);
+    const descriptor = dict.get("FontDescriptor");
+    if (descriptor) {
+      hash = new _murmurhash.MurmurHash3_64();
+      const encoding = baseDict.getRaw("Encoding");
+      if (encoding instanceof _primitives.Name) {
+        hash.update(encoding.name);
+      } else if (encoding instanceof _primitives.Ref) {
+        hash.update(encoding.toString());
+      } else if (encoding instanceof _primitives.Dict) {
+        for (const entry of encoding.getRawValues()) {
+          if (entry instanceof _primitives.Name) {
+            hash.update(entry.name);
+          } else if (entry instanceof _primitives.Ref) {
+            hash.update(entry.toString());
+          } else if (Array.isArray(entry)) {
+            const diffLength = entry.length,
+              diffBuf = new Array(diffLength);
+            for (let j = 0; j < diffLength; j++) {
+              const diffEntry = entry[j];
+              if (diffEntry instanceof _primitives.Name) {
+                diffBuf[j] = diffEntry.name;
+              } else if (typeof diffEntry === "number" || diffEntry instanceof _primitives.Ref) {
+                diffBuf[j] = diffEntry.toString();
+              }
+            }
+            hash.update(diffBuf.join());
+          }
+        }
+      }
+      hash.update(`${firstChar}-${lastChar}`);
+      toUnicode = dict.get("ToUnicode") || baseDict.get("ToUnicode");
+      if (toUnicode instanceof _base_stream.BaseStream) {
+        const stream = toUnicode.str || toUnicode;
+        const uint8array = stream.buffer ? new Uint8Array(stream.buffer.buffer, 0, stream.bufferLength) : new Uint8Array(stream.bytes.buffer, stream.start, stream.end - stream.start);
+        hash.update(uint8array);
+      } else if (toUnicode instanceof _primitives.Name) {
+        hash.update(toUnicode.name);
+      }
+      const widths = dict.get("Widths") || baseDict.get("Widths");
+      if (Array.isArray(widths)) {
+        const widthsBuf = [];
+        for (const entry of widths) {
+          if (typeof entry === "number" || entry instanceof _primitives.Ref) {
+            widthsBuf.push(entry.toString());
+          }
+        }
+        hash.update(widthsBuf.join());
+      }
+      if (composite) {
+        hash.update("compositeFont");
+        const compositeWidths = dict.get("W") || baseDict.get("W");
+        if (Array.isArray(compositeWidths)) {
+          const widthsBuf = [];
+          for (const entry of compositeWidths) {
+            if (typeof entry === "number" || entry instanceof _primitives.Ref) {
+              widthsBuf.push(entry.toString());
+            } else if (Array.isArray(entry)) {
+              const subWidthsBuf = [];
+              for (const element of entry) {
+                if (typeof element === "number" || element instanceof _primitives.Ref) {
+                  subWidthsBuf.push(element.toString());
+                }
+              }
+              widthsBuf.push(`[${subWidthsBuf.join()}]`);
+            }
+          }
+          hash.update(widthsBuf.join());
+        }
+        const cidToGidMap = dict.getRaw("CIDToGIDMap") || baseDict.getRaw("CIDToGIDMap");
+        if (cidToGidMap instanceof _primitives.Name) {
+          hash.update(cidToGidMap.name);
+        } else if (cidToGidMap instanceof _primitives.Ref) {
+          hash.update(cidToGidMap.toString());
+        } else if (cidToGidMap instanceof _base_stream.BaseStream) {
+          hash.update(cidToGidMap.peekBytes());
+        }
+      }
+    }
+    return {
+      descriptor,
+      dict,
+      baseDict,
+      composite,
+      type: type.name,
+      firstChar,
+      lastChar,
+      toUnicode,
+      hash: hash ? hash.hexdigest() : ""
+    };
+  }
+  async translateFont({
+    descriptor,
+    dict,
+    baseDict,
+    composite,
+    type,
+    firstChar,
+    lastChar,
+    toUnicode,
+    cssFontInfo
+  }) {
+    const isType3Font = type === "Type3";
+    let properties;
+    if (!descriptor) {
+      if (isType3Font) {
+        descriptor = new _primitives.Dict(null);
+        descriptor.set("FontName", _primitives.Name.get(type));
+        descriptor.set("FontBBox", dict.getArray("FontBBox") || [0, 0, 0, 0]);
+      } else {
+        let baseFontName = dict.get("BaseFont");
+        if (!(baseFontName instanceof _primitives.Name)) {
+          throw new _util.FormatError("Base font is not specified");
+        }
+        baseFontName = baseFontName.name.replaceAll(/[,_]/g, "-");
+        const metrics = this.getBaseFontMetrics(baseFontName);
+        const fontNameWoStyle = baseFontName.split("-")[0];
+        const flags = (this.isSerifFont(fontNameWoStyle) ? _fonts_utils.FontFlags.Serif : 0) | (metrics.monospace ? _fonts_utils.FontFlags.FixedPitch : 0) | ((0, _standard_fonts.getSymbolsFonts)()[fontNameWoStyle] ? _fonts_utils.FontFlags.Symbolic : _fonts_utils.FontFlags.Nonsymbolic);
+        properties = {
+          type,
+          name: baseFontName,
+          loadedName: baseDict.loadedName,
+          widths: metrics.widths,
+          defaultWidth: metrics.defaultWidth,
+          isSimulatedFlags: true,
+          flags,
+          firstChar,
+          lastChar,
+          toUnicode,
+          xHeight: 0,
+          capHeight: 0,
+          italicAngle: 0,
+          isType3Font
+        };
+        const widths = dict.get("Widths");
+        const standardFontName = (0, _standard_fonts.getStandardFontName)(baseFontName);
+        let file = null;
+        if (standardFontName) {
+          file = await this.fetchStandardFontData(standardFontName);
+          properties.isInternalFont = !!file;
+        }
+        return this.extractDataStructures(dict, dict, properties).then(newProperties => {
+          if (widths) {
+            const glyphWidths = [];
+            let j = firstChar;
+            for (const width of widths) {
+              glyphWidths[j++] = this.xref.fetchIfRef(width);
+            }
+            newProperties.widths = glyphWidths;
+          } else {
+            newProperties.widths = this.buildCharCodeToWidth(metrics.widths, newProperties);
+          }
+          return new _fonts.Font(baseFontName, file, newProperties);
+        });
+      }
+    }
+    let fontName = descriptor.get("FontName");
+    let baseFont = dict.get("BaseFont");
+    if (typeof fontName === "string") {
+      fontName = _primitives.Name.get(fontName);
+    }
+    if (typeof baseFont === "string") {
+      baseFont = _primitives.Name.get(baseFont);
+    }
+    if (!isType3Font) {
+      const fontNameStr = fontName && fontName.name;
+      const baseFontStr = baseFont && baseFont.name;
+      if (fontNameStr !== baseFontStr) {
+        (0, _util.info)(`The FontDescriptor's FontName is "${fontNameStr}" but ` + `should be the same as the Font's BaseFont "${baseFontStr}".`);
+        if (fontNameStr && baseFontStr && baseFontStr.startsWith(fontNameStr)) {
+          fontName = baseFont;
+        }
+      }
+    }
+    fontName ||= baseFont;
+    if (!(fontName instanceof _primitives.Name)) {
+      throw new _util.FormatError("invalid font name");
+    }
+    let fontFile, subtype, length1, length2, length3;
+    try {
+      fontFile = descriptor.get("FontFile", "FontFile2", "FontFile3");
+    } catch (ex) {
+      if (!this.options.ignoreErrors) {
+        throw ex;
+      }
+      (0, _util.warn)(`translateFont - fetching "${fontName.name}" font file: "${ex}".`);
+      fontFile = new _stream.NullStream();
+    }
+    let isInternalFont = false;
+    let glyphScaleFactors = null;
+    if (fontFile) {
+      if (fontFile.dict) {
+        const subtypeEntry = fontFile.dict.get("Subtype");
+        if (subtypeEntry instanceof _primitives.Name) {
+          subtype = subtypeEntry.name;
+        }
+        length1 = fontFile.dict.get("Length1");
+        length2 = fontFile.dict.get("Length2");
+        length3 = fontFile.dict.get("Length3");
+      }
+    } else if (cssFontInfo) {
+      const standardFontName = (0, _xfa_fonts.getXfaFontName)(fontName.name);
+      if (standardFontName) {
+        cssFontInfo.fontFamily = `${cssFontInfo.fontFamily}-PdfJS-XFA`;
+        cssFontInfo.metrics = standardFontName.metrics || null;
+        glyphScaleFactors = standardFontName.factors || null;
+        fontFile = await this.fetchStandardFontData(standardFontName.name);
+        isInternalFont = !!fontFile;
+        baseDict = dict = (0, _xfa_fonts.getXfaFontDict)(fontName.name);
+        composite = true;
+      }
+    } else if (!isType3Font) {
+      const standardFontName = (0, _standard_fonts.getStandardFontName)(fontName.name);
+      if (standardFontName) {
+        fontFile = await this.fetchStandardFontData(standardFontName);
+        isInternalFont = !!fontFile;
+      }
+    }
+    properties = {
+      type,
+      name: fontName.name,
+      subtype,
+      file: fontFile,
+      length1,
+      length2,
+      length3,
+      isInternalFont,
+      loadedName: baseDict.loadedName,
+      composite,
+      fixedPitch: false,
+      fontMatrix: dict.getArray("FontMatrix") || _util.FONT_IDENTITY_MATRIX,
+      firstChar,
+      lastChar,
+      toUnicode,
+      bbox: descriptor.getArray("FontBBox") || dict.getArray("FontBBox"),
+      ascent: descriptor.get("Ascent"),
+      descent: descriptor.get("Descent"),
+      xHeight: descriptor.get("XHeight") || 0,
+      capHeight: descriptor.get("CapHeight") || 0,
+      flags: descriptor.get("Flags"),
+      italicAngle: descriptor.get("ItalicAngle") || 0,
+      isType3Font,
+      cssFontInfo,
+      scaleFactors: glyphScaleFactors
+    };
+    if (composite) {
+      const cidEncoding = baseDict.get("Encoding");
+      if (cidEncoding instanceof _primitives.Name) {
+        properties.cidEncoding = cidEncoding.name;
+      }
+      const cMap = await _cmap.CMapFactory.create({
+        encoding: cidEncoding,
+        fetchBuiltInCMap: this._fetchBuiltInCMapBound,
+        useCMap: null
+      });
+      properties.cMap = cMap;
+      properties.vertical = properties.cMap.vertical;
+    }
+    return this.extractDataStructures(dict, baseDict, properties).then(newProperties => {
+      this.extractWidths(dict, descriptor, newProperties);
+      return new _fonts.Font(fontName.name, fontFile, newProperties);
+    });
+  }
+  static buildFontPaths(font, glyphs, handler, evaluatorOptions) {
+    function buildPath(fontChar) {
+      const glyphName = `${font.loadedName}_path_${fontChar}`;
+      try {
+        if (font.renderer.hasBuiltPath(fontChar)) {
+          return;
+        }
+        handler.send("commonobj", [glyphName, "FontPath", font.renderer.getPathJs(fontChar)]);
+      } catch (reason) {
+        if (evaluatorOptions.ignoreErrors) {
+          (0, _util.warn)(`buildFontPaths - ignoring ${glyphName} glyph: "${reason}".`);
+          return;
+        }
+        throw reason;
+      }
+    }
+    for (const glyph of glyphs) {
+      buildPath(glyph.fontChar);
+      const accent = glyph.accent;
+      if (accent && accent.fontChar) {
+        buildPath(accent.fontChar);
+      }
+    }
+  }
+  static get fallbackFontDict() {
+    const dict = new _primitives.Dict();
+    dict.set("BaseFont", _primitives.Name.get("PDFJS-FallbackFont"));
+    dict.set("Type", _primitives.Name.get("FallbackType"));
+    dict.set("Subtype", _primitives.Name.get("FallbackType"));
+    dict.set("Encoding", _primitives.Name.get("WinAnsiEncoding"));
+    return (0, _util.shadow)(this, "fallbackFontDict", dict);
+  }
+}
+exports.PartialEvaluator = PartialEvaluator;
+class TranslatedFont {
+  constructor({
+    loadedName,
+    font,
+    dict,
+    evaluatorOptions
+  }) {
+    this.loadedName = loadedName;
+    this.font = font;
+    this.dict = dict;
+    this._evaluatorOptions = evaluatorOptions || DefaultPartialEvaluatorOptions;
+    this.type3Loaded = null;
+    this.type3Dependencies = font.isType3Font ? new Set() : null;
+    this.sent = false;
+  }
+  send(handler) {
+    if (this.sent) {
+      return;
+    }
+    this.sent = true;
+    handler.send("commonobj", [this.loadedName, "Font", this.font.exportData(this._evaluatorOptions.fontExtraProperties)]);
+  }
+  fallback(handler) {
+    if (!this.font.data) {
+      return;
+    }
+    this.font.disableFontFace = true;
+    PartialEvaluator.buildFontPaths(this.font, this.font.glyphCacheValues, handler, this._evaluatorOptions);
+  }
+  loadType3Data(evaluator, resources, task) {
+    if (this.type3Loaded) {
+      return this.type3Loaded;
+    }
+    if (!this.font.isType3Font) {
+      throw new Error("Must be a Type3 font.");
+    }
+    const type3Evaluator = evaluator.clone({
+      ignoreErrors: false
+    });
+    type3Evaluator.parsingType3Font = true;
+    const type3FontRefs = new _primitives.RefSet(evaluator.type3FontRefs);
+    if (this.dict.objId && !type3FontRefs.has(this.dict.objId)) {
+      type3FontRefs.put(this.dict.objId);
+    }
+    type3Evaluator.type3FontRefs = type3FontRefs;
+    const translatedFont = this.font,
+      type3Dependencies = this.type3Dependencies;
+    let loadCharProcsPromise = Promise.resolve();
+    const charProcs = this.dict.get("CharProcs");
+    const fontResources = this.dict.get("Resources") || resources;
+    const charProcOperatorList = Object.create(null);
+    const fontBBox = _util.Util.normalizeRect(translatedFont.bbox || [0, 0, 0, 0]),
+      width = fontBBox[2] - fontBBox[0],
+      height = fontBBox[3] - fontBBox[1];
+    const fontBBoxSize = Math.hypot(width, height);
+    for (const key of charProcs.getKeys()) {
+      loadCharProcsPromise = loadCharProcsPromise.then(() => {
+        const glyphStream = charProcs.get(key);
+        const operatorList = new _operator_list.OperatorList();
+        return type3Evaluator.getOperatorList({
+          stream: glyphStream,
+          task,
+          resources: fontResources,
+          operatorList
+        }).then(() => {
+          if (operatorList.fnArray[0] === _util.OPS.setCharWidthAndBounds) {
+            this._removeType3ColorOperators(operatorList, fontBBoxSize);
+          }
+          charProcOperatorList[key] = operatorList.getIR();
+          for (const dependency of operatorList.dependencies) {
+            type3Dependencies.add(dependency);
+          }
+        }).catch(function (reason) {
+          (0, _util.warn)(`Type3 font resource "${key}" is not available.`);
+          const dummyOperatorList = new _operator_list.OperatorList();
+          charProcOperatorList[key] = dummyOperatorList.getIR();
+        });
+      });
+    }
+    this.type3Loaded = loadCharProcsPromise.then(() => {
+      translatedFont.charProcOperatorList = charProcOperatorList;
+      if (this._bbox) {
+        translatedFont.isCharBBox = true;
+        translatedFont.bbox = this._bbox;
+      }
+    });
+    return this.type3Loaded;
+  }
+  _removeType3ColorOperators(operatorList, fontBBoxSize = NaN) {
+    const charBBox = _util.Util.normalizeRect(operatorList.argsArray[0].slice(2)),
+      width = charBBox[2] - charBBox[0],
+      height = charBBox[3] - charBBox[1];
+    const charBBoxSize = Math.hypot(width, height);
+    if (width === 0 || height === 0) {
+      operatorList.fnArray.splice(0, 1);
+      operatorList.argsArray.splice(0, 1);
+    } else if (fontBBoxSize === 0 || Math.round(charBBoxSize / fontBBoxSize) >= 10) {
+      if (!this._bbox) {
+        this._bbox = [Infinity, Infinity, -Infinity, -Infinity];
+      }
+      this._bbox[0] = Math.min(this._bbox[0], charBBox[0]);
+      this._bbox[1] = Math.min(this._bbox[1], charBBox[1]);
+      this._bbox[2] = Math.max(this._bbox[2], charBBox[2]);
+      this._bbox[3] = Math.max(this._bbox[3], charBBox[3]);
+    }
+    let i = 0,
+      ii = operatorList.length;
+    while (i < ii) {
+      switch (operatorList.fnArray[i]) {
+        case _util.OPS.setCharWidthAndBounds:
+          break;
+        case _util.OPS.setStrokeColorSpace:
+        case _util.OPS.setFillColorSpace:
+        case _util.OPS.setStrokeColor:
+        case _util.OPS.setStrokeColorN:
+        case _util.OPS.setFillColor:
+        case _util.OPS.setFillColorN:
+        case _util.OPS.setStrokeGray:
+        case _util.OPS.setFillGray:
+        case _util.OPS.setStrokeRGBColor:
+        case _util.OPS.setFillRGBColor:
+        case _util.OPS.setStrokeCMYKColor:
+        case _util.OPS.setFillCMYKColor:
+        case _util.OPS.shadingFill:
+        case _util.OPS.setRenderingIntent:
+          operatorList.fnArray.splice(i, 1);
+          operatorList.argsArray.splice(i, 1);
+          ii--;
+          continue;
+        case _util.OPS.setGState:
+          const [gStateObj] = operatorList.argsArray[i];
+          let j = 0,
+            jj = gStateObj.length;
+          while (j < jj) {
+            const [gStateKey] = gStateObj[j];
+            switch (gStateKey) {
+              case "TR":
+              case "TR2":
+              case "HT":
+              case "BG":
+              case "BG2":
+              case "UCR":
+              case "UCR2":
+                gStateObj.splice(j, 1);
+                jj--;
+                continue;
+            }
+            j++;
+          }
+          break;
+      }
+      i++;
+    }
+  }
+}
+class StateManager {
+  constructor(initialState = new EvalState()) {
+    this.state = initialState;
+    this.stateStack = [];
+  }
+  save() {
+    const old = this.state;
+    this.stateStack.push(this.state);
+    this.state = old.clone();
+  }
+  restore() {
+    const prev = this.stateStack.pop();
+    if (prev) {
+      this.state = prev;
+    }
+  }
+  transform(args) {
+    this.state.ctm = _util.Util.transform(this.state.ctm, args);
+  }
+}
+class TextState {
+  constructor() {
+    this.ctm = new Float32Array(_util.IDENTITY_MATRIX);
+    this.fontName = null;
+    this.fontSize = 0;
+    this.loadedName = null;
+    this.font = null;
+    this.fontMatrix = _util.FONT_IDENTITY_MATRIX;
+    this.textMatrix = _util.IDENTITY_MATRIX.slice();
+    this.textLineMatrix = _util.IDENTITY_MATRIX.slice();
+    this.charSpacing = 0;
+    this.wordSpacing = 0;
+    this.leading = 0;
+    this.textHScale = 1;
+    this.textRise = 0;
+  }
+  setTextMatrix(a, b, c, d, e, f) {
+    const m = this.textMatrix;
+    m[0] = a;
+    m[1] = b;
+    m[2] = c;
+    m[3] = d;
+    m[4] = e;
+    m[5] = f;
+  }
+  setTextLineMatrix(a, b, c, d, e, f) {
+    const m = this.textLineMatrix;
+    m[0] = a;
+    m[1] = b;
+    m[2] = c;
+    m[3] = d;
+    m[4] = e;
+    m[5] = f;
+  }
+  translateTextMatrix(x, y) {
+    const m = this.textMatrix;
+    m[4] = m[0] * x + m[2] * y + m[4];
+    m[5] = m[1] * x + m[3] * y + m[5];
+  }
+  translateTextLineMatrix(x, y) {
+    const m = this.textLineMatrix;
+    m[4] = m[0] * x + m[2] * y + m[4];
+    m[5] = m[1] * x + m[3] * y + m[5];
+  }
+  carriageReturn() {
+    this.translateTextLineMatrix(0, -this.leading);
+    this.textMatrix = this.textLineMatrix.slice();
+  }
+  clone() {
+    const clone = Object.create(this);
+    clone.textMatrix = this.textMatrix.slice();
+    clone.textLineMatrix = this.textLineMatrix.slice();
+    clone.fontMatrix = this.fontMatrix.slice();
+    return clone;
+  }
+}
+class EvalState {
+  constructor() {
+    this.ctm = new Float32Array(_util.IDENTITY_MATRIX);
+    this.font = null;
+    this.textRenderingMode = _util.TextRenderingMode.FILL;
+    this.fillColorSpace = _colorspace.ColorSpace.singletons.gray;
+    this.strokeColorSpace = _colorspace.ColorSpace.singletons.gray;
+  }
+  clone() {
+    return Object.create(this);
+  }
+}
+class EvaluatorPreprocessor {
+  static get opMap() {
+    const getOPMap = (0, _core_utils.getLookupTableFactory)(function (t) {
+      t.w = {
+        id: _util.OPS.setLineWidth,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.J = {
+        id: _util.OPS.setLineCap,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.j = {
+        id: _util.OPS.setLineJoin,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.M = {
+        id: _util.OPS.setMiterLimit,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.d = {
+        id: _util.OPS.setDash,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.ri = {
+        id: _util.OPS.setRenderingIntent,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.i = {
+        id: _util.OPS.setFlatness,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.gs = {
+        id: _util.OPS.setGState,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.q = {
+        id: _util.OPS.save,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.Q = {
+        id: _util.OPS.restore,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.cm = {
+        id: _util.OPS.transform,
+        numArgs: 6,
+        variableArgs: false
+      };
+      t.m = {
+        id: _util.OPS.moveTo,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.l = {
+        id: _util.OPS.lineTo,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.c = {
+        id: _util.OPS.curveTo,
+        numArgs: 6,
+        variableArgs: false
+      };
+      t.v = {
+        id: _util.OPS.curveTo2,
+        numArgs: 4,
+        variableArgs: false
+      };
+      t.y = {
+        id: _util.OPS.curveTo3,
+        numArgs: 4,
+        variableArgs: false
+      };
+      t.h = {
+        id: _util.OPS.closePath,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.re = {
+        id: _util.OPS.rectangle,
+        numArgs: 4,
+        variableArgs: false
+      };
+      t.S = {
+        id: _util.OPS.stroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.s = {
+        id: _util.OPS.closeStroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.f = {
+        id: _util.OPS.fill,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.F = {
+        id: _util.OPS.fill,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t["f*"] = {
+        id: _util.OPS.eoFill,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.B = {
+        id: _util.OPS.fillStroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t["B*"] = {
+        id: _util.OPS.eoFillStroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.b = {
+        id: _util.OPS.closeFillStroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t["b*"] = {
+        id: _util.OPS.closeEOFillStroke,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.n = {
+        id: _util.OPS.endPath,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.W = {
+        id: _util.OPS.clip,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t["W*"] = {
+        id: _util.OPS.eoClip,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.BT = {
+        id: _util.OPS.beginText,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.ET = {
+        id: _util.OPS.endText,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.Tc = {
+        id: _util.OPS.setCharSpacing,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Tw = {
+        id: _util.OPS.setWordSpacing,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Tz = {
+        id: _util.OPS.setHScale,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.TL = {
+        id: _util.OPS.setLeading,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Tf = {
+        id: _util.OPS.setFont,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.Tr = {
+        id: _util.OPS.setTextRenderingMode,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Ts = {
+        id: _util.OPS.setTextRise,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Td = {
+        id: _util.OPS.moveText,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.TD = {
+        id: _util.OPS.setLeadingMoveText,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.Tm = {
+        id: _util.OPS.setTextMatrix,
+        numArgs: 6,
+        variableArgs: false
+      };
+      t["T*"] = {
+        id: _util.OPS.nextLine,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.Tj = {
+        id: _util.OPS.showText,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.TJ = {
+        id: _util.OPS.showSpacedText,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t["'"] = {
+        id: _util.OPS.nextLineShowText,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t['"'] = {
+        id: _util.OPS.nextLineSetSpacingShowText,
+        numArgs: 3,
+        variableArgs: false
+      };
+      t.d0 = {
+        id: _util.OPS.setCharWidth,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.d1 = {
+        id: _util.OPS.setCharWidthAndBounds,
+        numArgs: 6,
+        variableArgs: false
+      };
+      t.CS = {
+        id: _util.OPS.setStrokeColorSpace,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.cs = {
+        id: _util.OPS.setFillColorSpace,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.SC = {
+        id: _util.OPS.setStrokeColor,
+        numArgs: 4,
+        variableArgs: true
+      };
+      t.SCN = {
+        id: _util.OPS.setStrokeColorN,
+        numArgs: 33,
+        variableArgs: true
+      };
+      t.sc = {
+        id: _util.OPS.setFillColor,
+        numArgs: 4,
+        variableArgs: true
+      };
+      t.scn = {
+        id: _util.OPS.setFillColorN,
+        numArgs: 33,
+        variableArgs: true
+      };
+      t.G = {
+        id: _util.OPS.setStrokeGray,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.g = {
+        id: _util.OPS.setFillGray,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.RG = {
+        id: _util.OPS.setStrokeRGBColor,
+        numArgs: 3,
+        variableArgs: false
+      };
+      t.rg = {
+        id: _util.OPS.setFillRGBColor,
+        numArgs: 3,
+        variableArgs: false
+      };
+      t.K = {
+        id: _util.OPS.setStrokeCMYKColor,
+        numArgs: 4,
+        variableArgs: false
+      };
+      t.k = {
+        id: _util.OPS.setFillCMYKColor,
+        numArgs: 4,
+        variableArgs: false
+      };
+      t.sh = {
+        id: _util.OPS.shadingFill,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.BI = {
+        id: _util.OPS.beginInlineImage,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.ID = {
+        id: _util.OPS.beginImageData,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.EI = {
+        id: _util.OPS.endInlineImage,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.Do = {
+        id: _util.OPS.paintXObject,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.MP = {
+        id: _util.OPS.markPoint,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.DP = {
+        id: _util.OPS.markPointProps,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.BMC = {
+        id: _util.OPS.beginMarkedContent,
+        numArgs: 1,
+        variableArgs: false
+      };
+      t.BDC = {
+        id: _util.OPS.beginMarkedContentProps,
+        numArgs: 2,
+        variableArgs: false
+      };
+      t.EMC = {
+        id: _util.OPS.endMarkedContent,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.BX = {
+        id: _util.OPS.beginCompat,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.EX = {
+        id: _util.OPS.endCompat,
+        numArgs: 0,
+        variableArgs: false
+      };
+      t.BM = null;
+      t.BD = null;
+      t.true = null;
+      t.fa = null;
+      t.fal = null;
+      t.fals = null;
+      t.false = null;
+      t.nu = null;
+      t.nul = null;
+      t.null = null;
+    });
+    return (0, _util.shadow)(this, "opMap", getOPMap());
+  }
+  static MAX_INVALID_PATH_OPS = 10;
+  constructor(stream, xref, stateManager = new StateManager()) {
+    this.parser = new _parser.Parser({
+      lexer: new _parser.Lexer(stream, EvaluatorPreprocessor.opMap),
+      xref
+    });
+    this.stateManager = stateManager;
+    this.nonProcessedArgs = [];
+    this._isPathOp = false;
+    this._numInvalidPathOPS = 0;
+  }
+  get savedStatesDepth() {
+    return this.stateManager.stateStack.length;
+  }
+  read(operation) {
+    let args = operation.args;
+    while (true) {
+      const obj = this.parser.getObj();
+      if (obj instanceof _primitives.Cmd) {
+        const cmd = obj.cmd;
+        const opSpec = EvaluatorPreprocessor.opMap[cmd];
+        if (!opSpec) {
+          (0, _util.warn)(`Unknown command "${cmd}".`);
+          continue;
+        }
+        const fn = opSpec.id;
+        const numArgs = opSpec.numArgs;
+        let argsLength = args !== null ? args.length : 0;
+        if (!this._isPathOp) {
+          this._numInvalidPathOPS = 0;
+        }
+        this._isPathOp = fn >= _util.OPS.moveTo && fn <= _util.OPS.endPath;
+        if (!opSpec.variableArgs) {
+          if (argsLength !== numArgs) {
+            const nonProcessedArgs = this.nonProcessedArgs;
+            while (argsLength > numArgs) {
+              nonProcessedArgs.push(args.shift());
+              argsLength--;
+            }
+            while (argsLength < numArgs && nonProcessedArgs.length !== 0) {
+              if (args === null) {
+                args = [];
+              }
+              args.unshift(nonProcessedArgs.pop());
+              argsLength++;
+            }
+          }
+          if (argsLength < numArgs) {
+            const partialMsg = `command ${cmd}: expected ${numArgs} args, ` + `but received ${argsLength} args.`;
+            if (this._isPathOp && ++this._numInvalidPathOPS > EvaluatorPreprocessor.MAX_INVALID_PATH_OPS) {
+              throw new _util.FormatError(`Invalid ${partialMsg}`);
+            }
+            (0, _util.warn)(`Skipping ${partialMsg}`);
+            if (args !== null) {
+              args.length = 0;
+            }
+            continue;
+          }
+        } else if (argsLength > numArgs) {
+          (0, _util.info)(`Command ${cmd}: expected [0, ${numArgs}] args, ` + `but received ${argsLength} args.`);
+        }
+        this.preprocessCommand(fn, args);
+        operation.fn = fn;
+        operation.args = args;
+        return true;
+      }
+      if (obj === _primitives.EOF) {
+        return false;
+      }
+      if (obj !== null) {
+        if (args === null) {
+          args = [];
+        }
+        args.push(obj);
+        if (args.length > 33) {
+          throw new _util.FormatError("Too many arguments");
+        }
+      }
+    }
+  }
+  preprocessCommand(fn, args) {
+    switch (fn | 0) {
+      case _util.OPS.save:
+        this.stateManager.save();
+        break;
+      case _util.OPS.restore:
+        this.stateManager.restore();
+        break;
+      case _util.OPS.transform:
+        this.stateManager.transform(args);
+        break;
+    }
+  }
+}
+exports.EvaluatorPreprocessor = EvaluatorPreprocessor;
+
+/***/ }),
+/* 14 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.IdentityCMap = exports.CMapFactory = exports.CMap = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _base_stream = __w_pdfjs_require__(5);
+var _binary_cmap = __w_pdfjs_require__(15);
+var _parser = __w_pdfjs_require__(16);
+var _core_utils = __w_pdfjs_require__(3);
+var _stream = __w_pdfjs_require__(8);
+const BUILT_IN_CMAPS = ["Adobe-GB1-UCS2", "Adobe-CNS1-UCS2", "Adobe-Japan1-UCS2", "Adobe-Korea1-UCS2", "78-EUC-H", "78-EUC-V", "78-H", "78-RKSJ-H", "78-RKSJ-V", "78-V", "78ms-RKSJ-H", "78ms-RKSJ-V", "83pv-RKSJ-H", "90ms-RKSJ-H", "90ms-RKSJ-V", "90msp-RKSJ-H", "90msp-RKSJ-V", "90pv-RKSJ-H", "90pv-RKSJ-V", "Add-H", "Add-RKSJ-H", "Add-RKSJ-V", "Add-V", "Adobe-CNS1-0", "Adobe-CNS1-1", "Adobe-CNS1-2", "Adobe-CNS1-3", "Adobe-CNS1-4", "Adobe-CNS1-5", "Adobe-CNS1-6", "Adobe-GB1-0", "Adobe-GB1-1", "Adobe-GB1-2", "Adobe-GB1-3", "Adobe-GB1-4", "Adobe-GB1-5", "Adobe-Japan1-0", "Adobe-Japan1-1", "Adobe-Japan1-2", "Adobe-Japan1-3", "Adobe-Japan1-4", "Adobe-Japan1-5", "Adobe-Japan1-6", "Adobe-Korea1-0", "Adobe-Korea1-1", "Adobe-Korea1-2", "B5-H", "B5-V", "B5pc-H", "B5pc-V", "CNS-EUC-H", "CNS-EUC-V", "CNS1-H", "CNS1-V", "CNS2-H", "CNS2-V", "ETHK-B5-H", "ETHK-B5-V", "ETen-B5-H", "ETen-B5-V", "ETenms-B5-H", "ETenms-B5-V", "EUC-H", "EUC-V", "Ext-H", "Ext-RKSJ-H", "Ext-RKSJ-V", "Ext-V", "GB-EUC-H", "GB-EUC-V", "GB-H", "GB-V", "GBK-EUC-H", "GBK-EUC-V", "GBK2K-H", "GBK2K-V", "GBKp-EUC-H", "GBKp-EUC-V", "GBT-EUC-H", "GBT-EUC-V", "GBT-H", "GBT-V", "GBTpc-EUC-H", "GBTpc-EUC-V", "GBpc-EUC-H", "GBpc-EUC-V", "H", "HKdla-B5-H", "HKdla-B5-V", "HKdlb-B5-H", "HKdlb-B5-V", "HKgccs-B5-H", "HKgccs-B5-V", "HKm314-B5-H", "HKm314-B5-V", "HKm471-B5-H", "HKm471-B5-V", "HKscs-B5-H", "HKscs-B5-V", "Hankaku", "Hiragana", "KSC-EUC-H", "KSC-EUC-V", "KSC-H", "KSC-Johab-H", "KSC-Johab-V", "KSC-V", "KSCms-UHC-H", "KSCms-UHC-HW-H", "KSCms-UHC-HW-V", "KSCms-UHC-V", "KSCpc-EUC-H", "KSCpc-EUC-V", "Katakana", "NWP-H", "NWP-V", "RKSJ-H", "RKSJ-V", "Roman", "UniCNS-UCS2-H", "UniCNS-UCS2-V", "UniCNS-UTF16-H", "UniCNS-UTF16-V", "UniCNS-UTF32-H", "UniCNS-UTF32-V", "UniCNS-UTF8-H", "UniCNS-UTF8-V", "UniGB-UCS2-H", "UniGB-UCS2-V", "UniGB-UTF16-H", "UniGB-UTF16-V", "UniGB-UTF32-H", "UniGB-UTF32-V", "UniGB-UTF8-H", "UniGB-UTF8-V", "UniJIS-UCS2-H", "UniJIS-UCS2-HW-H", "UniJIS-UCS2-HW-V", "UniJIS-UCS2-V", "UniJIS-UTF16-H", "UniJIS-UTF16-V", "UniJIS-UTF32-H", "UniJIS-UTF32-V", "UniJIS-UTF8-H", "UniJIS-UTF8-V", "UniJIS2004-UTF16-H", "UniJIS2004-UTF16-V", "UniJIS2004-UTF32-H", "UniJIS2004-UTF32-V", "UniJIS2004-UTF8-H", "UniJIS2004-UTF8-V", "UniJISPro-UCS2-HW-V", "UniJISPro-UCS2-V", "UniJISPro-UTF8-V", "UniJISX0213-UTF32-H", "UniJISX0213-UTF32-V", "UniJISX02132004-UTF32-H", "UniJISX02132004-UTF32-V", "UniKS-UCS2-H", "UniKS-UCS2-V", "UniKS-UTF16-H", "UniKS-UTF16-V", "UniKS-UTF32-H", "UniKS-UTF32-V", "UniKS-UTF8-H", "UniKS-UTF8-V", "V", "WP-Symbol"];
+const MAX_MAP_RANGE = 2 ** 24 - 1;
+class CMap {
+  constructor(builtInCMap = false) {
+    this.codespaceRanges = [[], [], [], []];
+    this.numCodespaceRanges = 0;
+    this._map = [];
+    this.name = "";
+    this.vertical = false;
+    this.useCMap = null;
+    this.builtInCMap = builtInCMap;
+  }
+  addCodespaceRange(n, low, high) {
+    this.codespaceRanges[n - 1].push(low, high);
+    this.numCodespaceRanges++;
+  }
+  mapCidRange(low, high, dstLow) {
+    if (high - low > MAX_MAP_RANGE) {
+      throw new Error("mapCidRange - ignoring data above MAX_MAP_RANGE.");
+    }
+    while (low <= high) {
+      this._map[low++] = dstLow++;
+    }
+  }
+  mapBfRange(low, high, dstLow) {
+    if (high - low > MAX_MAP_RANGE) {
+      throw new Error("mapBfRange - ignoring data above MAX_MAP_RANGE.");
+    }
+    const lastByte = dstLow.length - 1;
+    while (low <= high) {
+      this._map[low++] = dstLow;
+      const nextCharCode = dstLow.charCodeAt(lastByte) + 1;
+      if (nextCharCode > 0xff) {
+        dstLow = dstLow.substring(0, lastByte - 1) + String.fromCharCode(dstLow.charCodeAt(lastByte - 1) + 1) + "\x00";
+        continue;
+      }
+      dstLow = dstLow.substring(0, lastByte) + String.fromCharCode(nextCharCode);
+    }
+  }
+  mapBfRangeToArray(low, high, array) {
+    if (high - low > MAX_MAP_RANGE) {
+      throw new Error("mapBfRangeToArray - ignoring data above MAX_MAP_RANGE.");
+    }
+    const ii = array.length;
+    let i = 0;
+    while (low <= high && i < ii) {
+      this._map[low] = array[i++];
+      ++low;
+    }
+  }
+  mapOne(src, dst) {
+    this._map[src] = dst;
+  }
+  lookup(code) {
+    return this._map[code];
+  }
+  contains(code) {
+    return this._map[code] !== undefined;
+  }
+  forEach(callback) {
+    const map = this._map;
+    const length = map.length;
+    if (length <= 0x10000) {
+      for (let i = 0; i < length; i++) {
+        if (map[i] !== undefined) {
+          callback(i, map[i]);
+        }
+      }
+    } else {
+      for (const i in map) {
+        callback(i, map[i]);
+      }
+    }
+  }
+  charCodeOf(value) {
+    const map = this._map;
+    if (map.length <= 0x10000) {
+      return map.indexOf(value);
+    }
+    for (const charCode in map) {
+      if (map[charCode] === value) {
+        return charCode | 0;
+      }
+    }
+    return -1;
+  }
+  getMap() {
+    return this._map;
+  }
+  readCharCode(str, offset, out) {
+    let c = 0;
+    const codespaceRanges = this.codespaceRanges;
+    for (let n = 0, nn = codespaceRanges.length; n < nn; n++) {
+      c = (c << 8 | str.charCodeAt(offset + n)) >>> 0;
+      const codespaceRange = codespaceRanges[n];
+      for (let k = 0, kk = codespaceRange.length; k < kk;) {
+        const low = codespaceRange[k++];
+        const high = codespaceRange[k++];
+        if (c >= low && c <= high) {
+          out.charcode = c;
+          out.length = n + 1;
+          return;
+        }
+      }
+    }
+    out.charcode = 0;
+    out.length = 1;
+  }
+  getCharCodeLength(charCode) {
+    const codespaceRanges = this.codespaceRanges;
+    for (let n = 0, nn = codespaceRanges.length; n < nn; n++) {
+      const codespaceRange = codespaceRanges[n];
+      for (let k = 0, kk = codespaceRange.length; k < kk;) {
+        const low = codespaceRange[k++];
+        const high = codespaceRange[k++];
+        if (charCode >= low && charCode <= high) {
+          return n + 1;
+        }
+      }
+    }
+    return 1;
+  }
+  get length() {
+    return this._map.length;
+  }
+  get isIdentityCMap() {
+    if (!(this.name === "Identity-H" || this.name === "Identity-V")) {
+      return false;
+    }
+    if (this._map.length !== 0x10000) {
+      return false;
+    }
+    for (let i = 0; i < 0x10000; i++) {
+      if (this._map[i] !== i) {
+        return false;
+      }
+    }
+    return true;
+  }
+}
+exports.CMap = CMap;
+class IdentityCMap extends CMap {
+  constructor(vertical, n) {
+    super();
+    this.vertical = vertical;
+    this.addCodespaceRange(n, 0, 0xffff);
+  }
+  mapCidRange(low, high, dstLow) {
+    (0, _util.unreachable)("should not call mapCidRange");
+  }
+  mapBfRange(low, high, dstLow) {
+    (0, _util.unreachable)("should not call mapBfRange");
+  }
+  mapBfRangeToArray(low, high, array) {
+    (0, _util.unreachable)("should not call mapBfRangeToArray");
+  }
+  mapOne(src, dst) {
+    (0, _util.unreachable)("should not call mapCidOne");
+  }
+  lookup(code) {
+    return Number.isInteger(code) && code <= 0xffff ? code : undefined;
+  }
+  contains(code) {
+    return Number.isInteger(code) && code <= 0xffff;
+  }
+  forEach(callback) {
+    for (let i = 0; i <= 0xffff; i++) {
+      callback(i, i);
+    }
+  }
+  charCodeOf(value) {
+    return Number.isInteger(value) && value <= 0xffff ? value : -1;
+  }
+  getMap() {
+    const map = new Array(0x10000);
+    for (let i = 0; i <= 0xffff; i++) {
+      map[i] = i;
+    }
+    return map;
+  }
+  get length() {
+    return 0x10000;
+  }
+  get isIdentityCMap() {
+    (0, _util.unreachable)("should not access .isIdentityCMap");
+  }
+}
+exports.IdentityCMap = IdentityCMap;
+function strToInt(str) {
+  let a = 0;
+  for (let i = 0; i < str.length; i++) {
+    a = a << 8 | str.charCodeAt(i);
+  }
+  return a >>> 0;
+}
+function expectString(obj) {
+  if (typeof obj !== "string") {
+    throw new _util.FormatError("Malformed CMap: expected string.");
+  }
+}
+function expectInt(obj) {
+  if (!Number.isInteger(obj)) {
+    throw new _util.FormatError("Malformed CMap: expected int.");
+  }
+}
+function parseBfChar(cMap, lexer) {
+  while (true) {
+    let obj = lexer.getObj();
+    if (obj === _primitives.EOF) {
+      break;
+    }
+    if ((0, _primitives.isCmd)(obj, "endbfchar")) {
+      return;
+    }
+    expectString(obj);
+    const src = strToInt(obj);
+    obj = lexer.getObj();
+    expectString(obj);
+    const dst = obj;
+    cMap.mapOne(src, dst);
+  }
+}
+function parseBfRange(cMap, lexer) {
+  while (true) {
+    let obj = lexer.getObj();
+    if (obj === _primitives.EOF) {
+      break;
+    }
+    if ((0, _primitives.isCmd)(obj, "endbfrange")) {
+      return;
+    }
+    expectString(obj);
+    const low = strToInt(obj);
+    obj = lexer.getObj();
+    expectString(obj);
+    const high = strToInt(obj);
+    obj = lexer.getObj();
+    if (Number.isInteger(obj) || typeof obj === "string") {
+      const dstLow = Number.isInteger(obj) ? String.fromCharCode(obj) : obj;
+      cMap.mapBfRange(low, high, dstLow);
+    } else if ((0, _primitives.isCmd)(obj, "[")) {
+      obj = lexer.getObj();
+      const array = [];
+      while (!(0, _primitives.isCmd)(obj, "]") && obj !== _primitives.EOF) {
+        array.push(obj);
+        obj = lexer.getObj();
+      }
+      cMap.mapBfRangeToArray(low, high, array);
+    } else {
+      break;
+    }
+  }
+  throw new _util.FormatError("Invalid bf range.");
+}
+function parseCidChar(cMap, lexer) {
+  while (true) {
+    let obj = lexer.getObj();
+    if (obj === _primitives.EOF) {
+      break;
+    }
+    if ((0, _primitives.isCmd)(obj, "endcidchar")) {
+      return;
+    }
+    expectString(obj);
+    const src = strToInt(obj);
+    obj = lexer.getObj();
+    expectInt(obj);
+    const dst = obj;
+    cMap.mapOne(src, dst);
+  }
+}
+function parseCidRange(cMap, lexer) {
+  while (true) {
+    let obj = lexer.getObj();
+    if (obj === _primitives.EOF) {
+      break;
+    }
+    if ((0, _primitives.isCmd)(obj, "endcidrange")) {
+      return;
+    }
+    expectString(obj);
+    const low = strToInt(obj);
+    obj = lexer.getObj();
+    expectString(obj);
+    const high = strToInt(obj);
+    obj = lexer.getObj();
+    expectInt(obj);
+    const dstLow = obj;
+    cMap.mapCidRange(low, high, dstLow);
+  }
+}
+function parseCodespaceRange(cMap, lexer) {
+  while (true) {
+    let obj = lexer.getObj();
+    if (obj === _primitives.EOF) {
+      break;
+    }
+    if ((0, _primitives.isCmd)(obj, "endcodespacerange")) {
+      return;
+    }
+    if (typeof obj !== "string") {
+      break;
+    }
+    const low = strToInt(obj);
+    obj = lexer.getObj();
+    if (typeof obj !== "string") {
+      break;
+    }
+    const high = strToInt(obj);
+    cMap.addCodespaceRange(obj.length, low, high);
+  }
+  throw new _util.FormatError("Invalid codespace range.");
+}
+function parseWMode(cMap, lexer) {
+  const obj = lexer.getObj();
+  if (Number.isInteger(obj)) {
+    cMap.vertical = !!obj;
+  }
+}
+function parseCMapName(cMap, lexer) {
+  const obj = lexer.getObj();
+  if (obj instanceof _primitives.Name) {
+    cMap.name = obj.name;
+  }
+}
+async function parseCMap(cMap, lexer, fetchBuiltInCMap, useCMap) {
+  let previous, embeddedUseCMap;
+  objLoop: while (true) {
+    try {
+      const obj = lexer.getObj();
+      if (obj === _primitives.EOF) {
+        break;
+      } else if (obj instanceof _primitives.Name) {
+        if (obj.name === "WMode") {
+          parseWMode(cMap, lexer);
+        } else if (obj.name === "CMapName") {
+          parseCMapName(cMap, lexer);
+        }
+        previous = obj;
+      } else if (obj instanceof _primitives.Cmd) {
+        switch (obj.cmd) {
+          case "endcmap":
+            break objLoop;
+          case "usecmap":
+            if (previous instanceof _primitives.Name) {
+              embeddedUseCMap = previous.name;
+            }
+            break;
+          case "begincodespacerange":
+            parseCodespaceRange(cMap, lexer);
+            break;
+          case "beginbfchar":
+            parseBfChar(cMap, lexer);
+            break;
+          case "begincidchar":
+            parseCidChar(cMap, lexer);
+            break;
+          case "beginbfrange":
+            parseBfRange(cMap, lexer);
+            break;
+          case "begincidrange":
+            parseCidRange(cMap, lexer);
+            break;
+        }
+      }
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Invalid cMap data: " + ex);
+      continue;
+    }
+  }
+  if (!useCMap && embeddedUseCMap) {
+    useCMap = embeddedUseCMap;
+  }
+  if (useCMap) {
+    return extendCMap(cMap, fetchBuiltInCMap, useCMap);
+  }
+  return cMap;
+}
+async function extendCMap(cMap, fetchBuiltInCMap, useCMap) {
+  cMap.useCMap = await createBuiltInCMap(useCMap, fetchBuiltInCMap);
+  if (cMap.numCodespaceRanges === 0) {
+    const useCodespaceRanges = cMap.useCMap.codespaceRanges;
+    for (let i = 0; i < useCodespaceRanges.length; i++) {
+      cMap.codespaceRanges[i] = useCodespaceRanges[i].slice();
+    }
+    cMap.numCodespaceRanges = cMap.useCMap.numCodespaceRanges;
+  }
+  cMap.useCMap.forEach(function (key, value) {
+    if (!cMap.contains(key)) {
+      cMap.mapOne(key, cMap.useCMap.lookup(key));
+    }
+  });
+  return cMap;
+}
+async function createBuiltInCMap(name, fetchBuiltInCMap) {
+  if (name === "Identity-H") {
+    return new IdentityCMap(false, 2);
+  } else if (name === "Identity-V") {
+    return new IdentityCMap(true, 2);
+  }
+  if (!BUILT_IN_CMAPS.includes(name)) {
+    throw new Error("Unknown CMap name: " + name);
+  }
+  if (!fetchBuiltInCMap) {
+    throw new Error("Built-in CMap parameters are not provided.");
+  }
+  const {
+    cMapData,
+    compressionType
+  } = await fetchBuiltInCMap(name);
+  const cMap = new CMap(true);
+  if (compressionType === _util.CMapCompressionType.BINARY) {
+    return new _binary_cmap.BinaryCMapReader().process(cMapData, cMap, useCMap => {
+      return extendCMap(cMap, fetchBuiltInCMap, useCMap);
+    });
+  }
+  if (compressionType === _util.CMapCompressionType.NONE) {
+    const lexer = new _parser.Lexer(new _stream.Stream(cMapData));
+    return parseCMap(cMap, lexer, fetchBuiltInCMap, null);
+  }
+  throw new Error(`Invalid CMap "compressionType" value: ${compressionType}`);
+}
+class CMapFactory {
+  static async create({
+    encoding,
+    fetchBuiltInCMap,
+    useCMap
+  }) {
+    if (encoding instanceof _primitives.Name) {
+      return createBuiltInCMap(encoding.name, fetchBuiltInCMap);
+    } else if (encoding instanceof _base_stream.BaseStream) {
+      const parsedCMap = await parseCMap(new CMap(), new _parser.Lexer(encoding), fetchBuiltInCMap, useCMap);
+      if (parsedCMap.isIdentityCMap) {
+        return createBuiltInCMap(parsedCMap.name, fetchBuiltInCMap);
+      }
+      return parsedCMap;
+    }
+    throw new Error("Encoding required.");
+  }
+}
+exports.CMapFactory = CMapFactory;
+
+/***/ }),
+/* 15 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.BinaryCMapReader = void 0;
+var _util = __w_pdfjs_require__(2);
+function hexToInt(a, size) {
+  let n = 0;
+  for (let i = 0; i <= size; i++) {
+    n = n << 8 | a[i];
+  }
+  return n >>> 0;
+}
+function hexToStr(a, size) {
+  if (size === 1) {
+    return String.fromCharCode(a[0], a[1]);
+  }
+  if (size === 3) {
+    return String.fromCharCode(a[0], a[1], a[2], a[3]);
+  }
+  return String.fromCharCode(...a.subarray(0, size + 1));
+}
+function addHex(a, b, size) {
+  let c = 0;
+  for (let i = size; i >= 0; i--) {
+    c += a[i] + b[i];
+    a[i] = c & 255;
+    c >>= 8;
+  }
+}
+function incHex(a, size) {
+  let c = 1;
+  for (let i = size; i >= 0 && c > 0; i--) {
+    c += a[i];
+    a[i] = c & 255;
+    c >>= 8;
+  }
+}
+const MAX_NUM_SIZE = 16;
+const MAX_ENCODED_NUM_SIZE = 19;
+class BinaryCMapStream {
+  constructor(data) {
+    this.buffer = data;
+    this.pos = 0;
+    this.end = data.length;
+    this.tmpBuf = new Uint8Array(MAX_ENCODED_NUM_SIZE);
+  }
+  readByte() {
+    if (this.pos >= this.end) {
+      return -1;
+    }
+    return this.buffer[this.pos++];
+  }
+  readNumber() {
+    let n = 0;
+    let last;
+    do {
+      const b = this.readByte();
+      if (b < 0) {
+        throw new _util.FormatError("unexpected EOF in bcmap");
+      }
+      last = !(b & 0x80);
+      n = n << 7 | b & 0x7f;
+    } while (!last);
+    return n;
+  }
+  readSigned() {
+    const n = this.readNumber();
+    return n & 1 ? ~(n >>> 1) : n >>> 1;
+  }
+  readHex(num, size) {
+    num.set(this.buffer.subarray(this.pos, this.pos + size + 1));
+    this.pos += size + 1;
+  }
+  readHexNumber(num, size) {
+    let last;
+    const stack = this.tmpBuf;
+    let sp = 0;
+    do {
+      const b = this.readByte();
+      if (b < 0) {
+        throw new _util.FormatError("unexpected EOF in bcmap");
+      }
+      last = !(b & 0x80);
+      stack[sp++] = b & 0x7f;
+    } while (!last);
+    let i = size,
+      buffer = 0,
+      bufferSize = 0;
+    while (i >= 0) {
+      while (bufferSize < 8 && stack.length > 0) {
+        buffer |= stack[--sp] << bufferSize;
+        bufferSize += 7;
+      }
+      num[i] = buffer & 255;
+      i--;
+      buffer >>= 8;
+      bufferSize -= 8;
+    }
+  }
+  readHexSigned(num, size) {
+    this.readHexNumber(num, size);
+    const sign = num[size] & 1 ? 255 : 0;
+    let c = 0;
+    for (let i = 0; i <= size; i++) {
+      c = (c & 1) << 8 | num[i];
+      num[i] = c >> 1 ^ sign;
+    }
+  }
+  readString() {
+    const len = this.readNumber(),
+      buf = new Array(len);
+    for (let i = 0; i < len; i++) {
+      buf[i] = this.readNumber();
+    }
+    return String.fromCharCode(...buf);
+  }
+}
+class BinaryCMapReader {
+  async process(data, cMap, extend) {
+    const stream = new BinaryCMapStream(data);
+    const header = stream.readByte();
+    cMap.vertical = !!(header & 1);
+    let useCMap = null;
+    const start = new Uint8Array(MAX_NUM_SIZE);
+    const end = new Uint8Array(MAX_NUM_SIZE);
+    const char = new Uint8Array(MAX_NUM_SIZE);
+    const charCode = new Uint8Array(MAX_NUM_SIZE);
+    const tmp = new Uint8Array(MAX_NUM_SIZE);
+    let code;
+    let b;
+    while ((b = stream.readByte()) >= 0) {
+      const type = b >> 5;
+      if (type === 7) {
+        switch (b & 0x1f) {
+          case 0:
+            stream.readString();
+            break;
+          case 1:
+            useCMap = stream.readString();
+            break;
+        }
+        continue;
+      }
+      const sequence = !!(b & 0x10);
+      const dataSize = b & 15;
+      if (dataSize + 1 > MAX_NUM_SIZE) {
+        throw new Error("BinaryCMapReader.process: Invalid dataSize.");
+      }
+      const ucs2DataSize = 1;
+      const subitemsCount = stream.readNumber();
+      switch (type) {
+        case 0:
+          stream.readHex(start, dataSize);
+          stream.readHexNumber(end, dataSize);
+          addHex(end, start, dataSize);
+          cMap.addCodespaceRange(dataSize + 1, hexToInt(start, dataSize), hexToInt(end, dataSize));
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(end, dataSize);
+            stream.readHexNumber(start, dataSize);
+            addHex(start, end, dataSize);
+            stream.readHexNumber(end, dataSize);
+            addHex(end, start, dataSize);
+            cMap.addCodespaceRange(dataSize + 1, hexToInt(start, dataSize), hexToInt(end, dataSize));
+          }
+          break;
+        case 1:
+          stream.readHex(start, dataSize);
+          stream.readHexNumber(end, dataSize);
+          addHex(end, start, dataSize);
+          stream.readNumber();
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(end, dataSize);
+            stream.readHexNumber(start, dataSize);
+            addHex(start, end, dataSize);
+            stream.readHexNumber(end, dataSize);
+            addHex(end, start, dataSize);
+            stream.readNumber();
+          }
+          break;
+        case 2:
+          stream.readHex(char, dataSize);
+          code = stream.readNumber();
+          cMap.mapOne(hexToInt(char, dataSize), code);
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(char, dataSize);
+            if (!sequence) {
+              stream.readHexNumber(tmp, dataSize);
+              addHex(char, tmp, dataSize);
+            }
+            code = stream.readSigned() + (code + 1);
+            cMap.mapOne(hexToInt(char, dataSize), code);
+          }
+          break;
+        case 3:
+          stream.readHex(start, dataSize);
+          stream.readHexNumber(end, dataSize);
+          addHex(end, start, dataSize);
+          code = stream.readNumber();
+          cMap.mapCidRange(hexToInt(start, dataSize), hexToInt(end, dataSize), code);
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(end, dataSize);
+            if (!sequence) {
+              stream.readHexNumber(start, dataSize);
+              addHex(start, end, dataSize);
+            } else {
+              start.set(end);
+            }
+            stream.readHexNumber(end, dataSize);
+            addHex(end, start, dataSize);
+            code = stream.readNumber();
+            cMap.mapCidRange(hexToInt(start, dataSize), hexToInt(end, dataSize), code);
+          }
+          break;
+        case 4:
+          stream.readHex(char, ucs2DataSize);
+          stream.readHex(charCode, dataSize);
+          cMap.mapOne(hexToInt(char, ucs2DataSize), hexToStr(charCode, dataSize));
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(char, ucs2DataSize);
+            if (!sequence) {
+              stream.readHexNumber(tmp, ucs2DataSize);
+              addHex(char, tmp, ucs2DataSize);
+            }
+            incHex(charCode, dataSize);
+            stream.readHexSigned(tmp, dataSize);
+            addHex(charCode, tmp, dataSize);
+            cMap.mapOne(hexToInt(char, ucs2DataSize), hexToStr(charCode, dataSize));
+          }
+          break;
+        case 5:
+          stream.readHex(start, ucs2DataSize);
+          stream.readHexNumber(end, ucs2DataSize);
+          addHex(end, start, ucs2DataSize);
+          stream.readHex(charCode, dataSize);
+          cMap.mapBfRange(hexToInt(start, ucs2DataSize), hexToInt(end, ucs2DataSize), hexToStr(charCode, dataSize));
+          for (let i = 1; i < subitemsCount; i++) {
+            incHex(end, ucs2DataSize);
+            if (!sequence) {
+              stream.readHexNumber(start, ucs2DataSize);
+              addHex(start, end, ucs2DataSize);
+            } else {
+              start.set(end);
+            }
+            stream.readHexNumber(end, ucs2DataSize);
+            addHex(end, start, ucs2DataSize);
+            stream.readHex(charCode, dataSize);
+            cMap.mapBfRange(hexToInt(start, ucs2DataSize), hexToInt(end, ucs2DataSize), hexToStr(charCode, dataSize));
+          }
+          break;
+        default:
+          throw new Error(`BinaryCMapReader.process - unknown type: ${type}`);
+      }
+    }
+    if (useCMap) {
+      return extend(useCMap);
+    }
+    return cMap;
+  }
+}
+exports.BinaryCMapReader = BinaryCMapReader;
+
+/***/ }),
+/* 16 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Parser = exports.Linearization = exports.Lexer = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _core_utils = __w_pdfjs_require__(3);
+var _ascii_85_stream = __w_pdfjs_require__(17);
+var _ascii_hex_stream = __w_pdfjs_require__(19);
+var _ccitt_stream = __w_pdfjs_require__(20);
+var _flate_stream = __w_pdfjs_require__(22);
+var _jbig2_stream = __w_pdfjs_require__(23);
+var _jpeg_stream = __w_pdfjs_require__(26);
+var _jpx_stream = __w_pdfjs_require__(29);
+var _lzw_stream = __w_pdfjs_require__(31);
+var _stream = __w_pdfjs_require__(8);
+var _predictor_stream = __w_pdfjs_require__(32);
+var _run_length_stream = __w_pdfjs_require__(33);
+const MAX_LENGTH_TO_CACHE = 1000;
+function getInlineImageCacheKey(bytes) {
+  const strBuf = [],
+    ii = bytes.length;
+  let i = 0;
+  while (i < ii - 1) {
+    strBuf.push(bytes[i++] << 8 | bytes[i++]);
+  }
+  if (i < ii) {
+    strBuf.push(bytes[i]);
+  }
+  return ii + "_" + String.fromCharCode.apply(null, strBuf);
+}
+class Parser {
+  constructor({
+    lexer,
+    xref,
+    allowStreams = false,
+    recoveryMode = false
+  }) {
+    this.lexer = lexer;
+    this.xref = xref;
+    this.allowStreams = allowStreams;
+    this.recoveryMode = recoveryMode;
+    this.imageCache = Object.create(null);
+    this._imageId = 0;
+    this.refill();
+  }
+  refill() {
+    this.buf1 = this.lexer.getObj();
+    this.buf2 = this.lexer.getObj();
+  }
+  shift() {
+    if (this.buf2 instanceof _primitives.Cmd && this.buf2.cmd === "ID") {
+      this.buf1 = this.buf2;
+      this.buf2 = null;
+    } else {
+      this.buf1 = this.buf2;
+      this.buf2 = this.lexer.getObj();
+    }
+  }
+  tryShift() {
+    try {
+      this.shift();
+      return true;
+    } catch (e) {
+      if (e instanceof _core_utils.MissingDataException) {
+        throw e;
+      }
+      return false;
+    }
+  }
+  getObj(cipherTransform = null) {
+    const buf1 = this.buf1;
+    this.shift();
+    if (buf1 instanceof _primitives.Cmd) {
+      switch (buf1.cmd) {
+        case "BI":
+          return this.makeInlineImage(cipherTransform);
+        case "[":
+          const array = [];
+          while (!(0, _primitives.isCmd)(this.buf1, "]") && this.buf1 !== _primitives.EOF) {
+            array.push(this.getObj(cipherTransform));
+          }
+          if (this.buf1 === _primitives.EOF) {
+            if (this.recoveryMode) {
+              return array;
+            }
+            throw new _core_utils.ParserEOFException("End of file inside array.");
+          }
+          this.shift();
+          return array;
+        case "<<":
+          const dict = new _primitives.Dict(this.xref);
+          while (!(0, _primitives.isCmd)(this.buf1, ">>") && this.buf1 !== _primitives.EOF) {
+            if (!(this.buf1 instanceof _primitives.Name)) {
+              (0, _util.info)("Malformed dictionary: key must be a name object");
+              this.shift();
+              continue;
+            }
+            const key = this.buf1.name;
+            this.shift();
+            if (this.buf1 === _primitives.EOF) {
+              break;
+            }
+            dict.set(key, this.getObj(cipherTransform));
+          }
+          if (this.buf1 === _primitives.EOF) {
+            if (this.recoveryMode) {
+              return dict;
+            }
+            throw new _core_utils.ParserEOFException("End of file inside dictionary.");
+          }
+          if ((0, _primitives.isCmd)(this.buf2, "stream")) {
+            return this.allowStreams ? this.makeStream(dict, cipherTransform) : dict;
+          }
+          this.shift();
+          return dict;
+        default:
+          return buf1;
+      }
+    }
+    if (Number.isInteger(buf1)) {
+      if (Number.isInteger(this.buf1) && (0, _primitives.isCmd)(this.buf2, "R")) {
+        const ref = _primitives.Ref.get(buf1, this.buf1);
+        this.shift();
+        this.shift();
+        return ref;
+      }
+      return buf1;
+    }
+    if (typeof buf1 === "string") {
+      if (cipherTransform) {
+        return cipherTransform.decryptString(buf1);
+      }
+      return buf1;
+    }
+    return buf1;
+  }
+  findDefaultInlineStreamEnd(stream) {
+    const E = 0x45,
+      I = 0x49,
+      SPACE = 0x20,
+      LF = 0xa,
+      CR = 0xd,
+      NUL = 0x0;
+    const lexer = this.lexer,
+      startPos = stream.pos,
+      n = 10;
+    let state = 0,
+      ch,
+      maybeEIPos;
+    while ((ch = stream.getByte()) !== -1) {
+      if (state === 0) {
+        state = ch === E ? 1 : 0;
+      } else if (state === 1) {
+        state = ch === I ? 2 : 0;
+      } else {
+        if (ch === SPACE || ch === LF || ch === CR) {
+          maybeEIPos = stream.pos;
+          const followingBytes = stream.peekBytes(n);
+          for (let i = 0, ii = followingBytes.length; i < ii; i++) {
+            ch = followingBytes[i];
+            if (ch === NUL && followingBytes[i + 1] !== NUL) {
+              continue;
+            }
+            if (ch !== LF && ch !== CR && (ch < SPACE || ch > 0x7f)) {
+              state = 0;
+              break;
+            }
+          }
+          if (state !== 2) {
+            continue;
+          }
+          if (lexer.knownCommands) {
+            const nextObj = lexer.peekObj();
+            if (nextObj instanceof _primitives.Cmd && !lexer.knownCommands[nextObj.cmd]) {
+              state = 0;
+            }
+          } else {
+            (0, _util.warn)("findDefaultInlineStreamEnd - `lexer.knownCommands` is undefined.");
+          }
+          if (state === 2) {
+            break;
+          }
+        } else {
+          state = 0;
+        }
+      }
+    }
+    if (ch === -1) {
+      (0, _util.warn)("findDefaultInlineStreamEnd: " + "Reached the end of the stream without finding a valid EI marker");
+      if (maybeEIPos) {
+        (0, _util.warn)('... trying to recover by using the last "EI" occurrence.');
+        stream.skip(-(stream.pos - maybeEIPos));
+      }
+    }
+    let endOffset = 4;
+    stream.skip(-endOffset);
+    ch = stream.peekByte();
+    stream.skip(endOffset);
+    if (!(0, _core_utils.isWhiteSpace)(ch)) {
+      endOffset--;
+    }
+    return stream.pos - endOffset - startPos;
+  }
+  findDCTDecodeInlineStreamEnd(stream) {
+    const startPos = stream.pos;
+    let foundEOI = false,
+      b,
+      markerLength;
+    while ((b = stream.getByte()) !== -1) {
+      if (b !== 0xff) {
+        continue;
+      }
+      switch (stream.getByte()) {
+        case 0x00:
+          break;
+        case 0xff:
+          stream.skip(-1);
+          break;
+        case 0xd9:
+          foundEOI = true;
+          break;
+        case 0xc0:
+        case 0xc1:
+        case 0xc2:
+        case 0xc3:
+        case 0xc5:
+        case 0xc6:
+        case 0xc7:
+        case 0xc9:
+        case 0xca:
+        case 0xcb:
+        case 0xcd:
+        case 0xce:
+        case 0xcf:
+        case 0xc4:
+        case 0xcc:
+        case 0xda:
+        case 0xdb:
+        case 0xdc:
+        case 0xdd:
+        case 0xde:
+        case 0xdf:
+        case 0xe0:
+        case 0xe1:
+        case 0xe2:
+        case 0xe3:
+        case 0xe4:
+        case 0xe5:
+        case 0xe6:
+        case 0xe7:
+        case 0xe8:
+        case 0xe9:
+        case 0xea:
+        case 0xeb:
+        case 0xec:
+        case 0xed:
+        case 0xee:
+        case 0xef:
+        case 0xfe:
+          markerLength = stream.getUint16();
+          if (markerLength > 2) {
+            stream.skip(markerLength - 2);
+          } else {
+            stream.skip(-2);
+          }
+          break;
+      }
+      if (foundEOI) {
+        break;
+      }
+    }
+    const length = stream.pos - startPos;
+    if (b === -1) {
+      (0, _util.warn)("Inline DCTDecode image stream: " + "EOI marker not found, searching for /EI/ instead.");
+      stream.skip(-length);
+      return this.findDefaultInlineStreamEnd(stream);
+    }
+    this.inlineStreamSkipEI(stream);
+    return length;
+  }
+  findASCII85DecodeInlineStreamEnd(stream) {
+    const TILDE = 0x7e,
+      GT = 0x3e;
+    const startPos = stream.pos;
+    let ch;
+    while ((ch = stream.getByte()) !== -1) {
+      if (ch === TILDE) {
+        const tildePos = stream.pos;
+        ch = stream.peekByte();
+        while ((0, _core_utils.isWhiteSpace)(ch)) {
+          stream.skip();
+          ch = stream.peekByte();
+        }
+        if (ch === GT) {
+          stream.skip();
+          break;
+        }
+        if (stream.pos > tildePos) {
+          const maybeEI = stream.peekBytes(2);
+          if (maybeEI[0] === 0x45 && maybeEI[1] === 0x49) {
+            break;
+          }
+        }
+      }
+    }
+    const length = stream.pos - startPos;
+    if (ch === -1) {
+      (0, _util.warn)("Inline ASCII85Decode image stream: " + "EOD marker not found, searching for /EI/ instead.");
+      stream.skip(-length);
+      return this.findDefaultInlineStreamEnd(stream);
+    }
+    this.inlineStreamSkipEI(stream);
+    return length;
+  }
+  findASCIIHexDecodeInlineStreamEnd(stream) {
+    const GT = 0x3e;
+    const startPos = stream.pos;
+    let ch;
+    while ((ch = stream.getByte()) !== -1) {
+      if (ch === GT) {
+        break;
+      }
+    }
+    const length = stream.pos - startPos;
+    if (ch === -1) {
+      (0, _util.warn)("Inline ASCIIHexDecode image stream: " + "EOD marker not found, searching for /EI/ instead.");
+      stream.skip(-length);
+      return this.findDefaultInlineStreamEnd(stream);
+    }
+    this.inlineStreamSkipEI(stream);
+    return length;
+  }
+  inlineStreamSkipEI(stream) {
+    const E = 0x45,
+      I = 0x49;
+    let state = 0,
+      ch;
+    while ((ch = stream.getByte()) !== -1) {
+      if (state === 0) {
+        state = ch === E ? 1 : 0;
+      } else if (state === 1) {
+        state = ch === I ? 2 : 0;
+      } else if (state === 2) {
+        break;
+      }
+    }
+  }
+  makeInlineImage(cipherTransform) {
+    const lexer = this.lexer;
+    const stream = lexer.stream;
+    const dictMap = Object.create(null);
+    let dictLength;
+    while (!(0, _primitives.isCmd)(this.buf1, "ID") && this.buf1 !== _primitives.EOF) {
+      if (!(this.buf1 instanceof _primitives.Name)) {
+        throw new _util.FormatError("Dictionary key must be a name object");
+      }
+      const key = this.buf1.name;
+      this.shift();
+      if (this.buf1 === _primitives.EOF) {
+        break;
+      }
+      dictMap[key] = this.getObj(cipherTransform);
+    }
+    if (lexer.beginInlineImagePos !== -1) {
+      dictLength = stream.pos - lexer.beginInlineImagePos;
+    }
+    const filter = this.xref.fetchIfRef(dictMap.F || dictMap.Filter);
+    let filterName;
+    if (filter instanceof _primitives.Name) {
+      filterName = filter.name;
+    } else if (Array.isArray(filter)) {
+      const filterZero = this.xref.fetchIfRef(filter[0]);
+      if (filterZero instanceof _primitives.Name) {
+        filterName = filterZero.name;
+      }
+    }
+    const startPos = stream.pos;
+    let length;
+    switch (filterName) {
+      case "DCT":
+      case "DCTDecode":
+        length = this.findDCTDecodeInlineStreamEnd(stream);
+        break;
+      case "A85":
+      case "ASCII85Decode":
+        length = this.findASCII85DecodeInlineStreamEnd(stream);
+        break;
+      case "AHx":
+      case "ASCIIHexDecode":
+        length = this.findASCIIHexDecodeInlineStreamEnd(stream);
+        break;
+      default:
+        length = this.findDefaultInlineStreamEnd(stream);
+    }
+    let cacheKey;
+    if (length < MAX_LENGTH_TO_CACHE && dictLength > 0) {
+      const initialStreamPos = stream.pos;
+      stream.pos = lexer.beginInlineImagePos;
+      cacheKey = getInlineImageCacheKey(stream.getBytes(dictLength + length));
+      stream.pos = initialStreamPos;
+      const cacheEntry = this.imageCache[cacheKey];
+      if (cacheEntry !== undefined) {
+        this.buf2 = _primitives.Cmd.get("EI");
+        this.shift();
+        cacheEntry.reset();
+        return cacheEntry;
+      }
+    }
+    const dict = new _primitives.Dict(this.xref);
+    for (const key in dictMap) {
+      dict.set(key, dictMap[key]);
+    }
+    let imageStream = stream.makeSubStream(startPos, length, dict);
+    if (cipherTransform) {
+      imageStream = cipherTransform.createStream(imageStream, length);
+    }
+    imageStream = this.filter(imageStream, dict, length);
+    imageStream.dict = dict;
+    if (cacheKey !== undefined) {
+      imageStream.cacheKey = `inline_img_${++this._imageId}`;
+      this.imageCache[cacheKey] = imageStream;
+    }
+    this.buf2 = _primitives.Cmd.get("EI");
+    this.shift();
+    return imageStream;
+  }
+  _findStreamLength(startPos, signature) {
+    const {
+      stream
+    } = this.lexer;
+    stream.pos = startPos;
+    const SCAN_BLOCK_LENGTH = 2048;
+    const signatureLength = signature.length;
+    while (stream.pos < stream.end) {
+      const scanBytes = stream.peekBytes(SCAN_BLOCK_LENGTH);
+      const scanLength = scanBytes.length - signatureLength;
+      if (scanLength <= 0) {
+        break;
+      }
+      let pos = 0;
+      while (pos < scanLength) {
+        let j = 0;
+        while (j < signatureLength && scanBytes[pos + j] === signature[j]) {
+          j++;
+        }
+        if (j >= signatureLength) {
+          stream.pos += pos;
+          return stream.pos - startPos;
+        }
+        pos++;
+      }
+      stream.pos += scanLength;
+    }
+    return -1;
+  }
+  makeStream(dict, cipherTransform) {
+    const lexer = this.lexer;
+    let stream = lexer.stream;
+    lexer.skipToNextLine();
+    const startPos = stream.pos - 1;
+    let length = dict.get("Length");
+    if (!Number.isInteger(length)) {
+      (0, _util.info)(`Bad length "${length && length.toString()}" in stream.`);
+      length = 0;
+    }
+    stream.pos = startPos + length;
+    lexer.nextChar();
+    if (this.tryShift() && (0, _primitives.isCmd)(this.buf2, "endstream")) {
+      this.shift();
+    } else {
+      const ENDSTREAM_SIGNATURE = new Uint8Array([0x65, 0x6e, 0x64, 0x73, 0x74, 0x72, 0x65, 0x61, 0x6d]);
+      let actualLength = this._findStreamLength(startPos, ENDSTREAM_SIGNATURE);
+      if (actualLength < 0) {
+        const MAX_TRUNCATION = 1;
+        for (let i = 1; i <= MAX_TRUNCATION; i++) {
+          const end = ENDSTREAM_SIGNATURE.length - i;
+          const TRUNCATED_SIGNATURE = ENDSTREAM_SIGNATURE.slice(0, end);
+          const maybeLength = this._findStreamLength(startPos, TRUNCATED_SIGNATURE);
+          if (maybeLength >= 0) {
+            const lastByte = stream.peekBytes(end + 1)[end];
+            if (!(0, _core_utils.isWhiteSpace)(lastByte)) {
+              break;
+            }
+            (0, _util.info)(`Found "${(0, _util.bytesToString)(TRUNCATED_SIGNATURE)}" when ` + "searching for endstream command.");
+            actualLength = maybeLength;
+            break;
+          }
+        }
+        if (actualLength < 0) {
+          throw new _util.FormatError("Missing endstream command.");
+        }
+      }
+      length = actualLength;
+      lexer.nextChar();
+      this.shift();
+      this.shift();
+    }
+    this.shift();
+    stream = stream.makeSubStream(startPos, length, dict);
+    if (cipherTransform) {
+      stream = cipherTransform.createStream(stream, length);
+    }
+    stream = this.filter(stream, dict, length);
+    stream.dict = dict;
+    return stream;
+  }
+  filter(stream, dict, length) {
+    let filter = dict.get("F", "Filter");
+    let params = dict.get("DP", "DecodeParms");
+    if (filter instanceof _primitives.Name) {
+      if (Array.isArray(params)) {
+        (0, _util.warn)("/DecodeParms should not be an Array, when /Filter is a Name.");
+      }
+      return this.makeFilter(stream, filter.name, length, params);
+    }
+    let maybeLength = length;
+    if (Array.isArray(filter)) {
+      const filterArray = filter;
+      const paramsArray = params;
+      for (let i = 0, ii = filterArray.length; i < ii; ++i) {
+        filter = this.xref.fetchIfRef(filterArray[i]);
+        if (!(filter instanceof _primitives.Name)) {
+          throw new _util.FormatError(`Bad filter name "${filter}"`);
+        }
+        params = null;
+        if (Array.isArray(paramsArray) && i in paramsArray) {
+          params = this.xref.fetchIfRef(paramsArray[i]);
+        }
+        stream = this.makeFilter(stream, filter.name, maybeLength, params);
+        maybeLength = null;
+      }
+    }
+    return stream;
+  }
+  makeFilter(stream, name, maybeLength, params) {
+    if (maybeLength === 0) {
+      (0, _util.warn)(`Empty "${name}" stream.`);
+      return new _stream.NullStream();
+    }
+    try {
+      switch (name) {
+        case "Fl":
+        case "FlateDecode":
+          if (params) {
+            return new _predictor_stream.PredictorStream(new _flate_stream.FlateStream(stream, maybeLength), maybeLength, params);
+          }
+          return new _flate_stream.FlateStream(stream, maybeLength);
+        case "LZW":
+        case "LZWDecode":
+          let earlyChange = 1;
+          if (params) {
+            if (params.has("EarlyChange")) {
+              earlyChange = params.get("EarlyChange");
+            }
+            return new _predictor_stream.PredictorStream(new _lzw_stream.LZWStream(stream, maybeLength, earlyChange), maybeLength, params);
+          }
+          return new _lzw_stream.LZWStream(stream, maybeLength, earlyChange);
+        case "DCT":
+        case "DCTDecode":
+          return new _jpeg_stream.JpegStream(stream, maybeLength, params);
+        case "JPX":
+        case "JPXDecode":
+          return new _jpx_stream.JpxStream(stream, maybeLength, params);
+        case "A85":
+        case "ASCII85Decode":
+          return new _ascii_85_stream.Ascii85Stream(stream, maybeLength);
+        case "AHx":
+        case "ASCIIHexDecode":
+          return new _ascii_hex_stream.AsciiHexStream(stream, maybeLength);
+        case "CCF":
+        case "CCITTFaxDecode":
+          return new _ccitt_stream.CCITTFaxStream(stream, maybeLength, params);
+        case "RL":
+        case "RunLengthDecode":
+          return new _run_length_stream.RunLengthStream(stream, maybeLength);
+        case "JBIG2Decode":
+          return new _jbig2_stream.Jbig2Stream(stream, maybeLength, params);
+      }
+      (0, _util.warn)(`Filter "${name}" is not supported.`);
+      return stream;
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`Invalid stream: "${ex}"`);
+      return new _stream.NullStream();
+    }
+  }
+}
+exports.Parser = Parser;
+const specialChars = [1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+function toHexDigit(ch) {
+  if (ch >= 0x30 && ch <= 0x39) {
+    return ch & 0x0f;
+  }
+  if (ch >= 0x41 && ch <= 0x46 || ch >= 0x61 && ch <= 0x66) {
+    return (ch & 0x0f) + 9;
+  }
+  return -1;
+}
+class Lexer {
+  constructor(stream, knownCommands = null) {
+    this.stream = stream;
+    this.nextChar();
+    this.strBuf = [];
+    this.knownCommands = knownCommands;
+    this._hexStringNumWarn = 0;
+    this.beginInlineImagePos = -1;
+  }
+  nextChar() {
+    return this.currentChar = this.stream.getByte();
+  }
+  peekChar() {
+    return this.stream.peekByte();
+  }
+  getNumber() {
+    let ch = this.currentChar;
+    let eNotation = false;
+    let divideBy = 0;
+    let sign = 0;
+    if (ch === 0x2d) {
+      sign = -1;
+      ch = this.nextChar();
+      if (ch === 0x2d) {
+        ch = this.nextChar();
+      }
+    } else if (ch === 0x2b) {
+      sign = 1;
+      ch = this.nextChar();
+    }
+    if (ch === 0x0a || ch === 0x0d) {
+      do {
+        ch = this.nextChar();
+      } while (ch === 0x0a || ch === 0x0d);
+    }
+    if (ch === 0x2e) {
+      divideBy = 10;
+      ch = this.nextChar();
+    }
+    if (ch < 0x30 || ch > 0x39) {
+      const msg = `Invalid number: ${String.fromCharCode(ch)} (charCode ${ch})`;
+      if ((0, _core_utils.isWhiteSpace)(ch) || ch === -1) {
+        (0, _util.info)(`Lexer.getNumber - "${msg}".`);
+        return 0;
+      }
+      throw new _util.FormatError(msg);
+    }
+    sign ||= 1;
+    let baseValue = ch - 0x30;
+    let powerValue = 0;
+    let powerValueSign = 1;
+    while ((ch = this.nextChar()) >= 0) {
+      if (ch >= 0x30 && ch <= 0x39) {
+        const currentDigit = ch - 0x30;
+        if (eNotation) {
+          powerValue = powerValue * 10 + currentDigit;
+        } else {
+          if (divideBy !== 0) {
+            divideBy *= 10;
+          }
+          baseValue = baseValue * 10 + currentDigit;
+        }
+      } else if (ch === 0x2e) {
+        if (divideBy === 0) {
+          divideBy = 1;
+        } else {
+          break;
+        }
+      } else if (ch === 0x2d) {
+        (0, _util.warn)("Badly formatted number: minus sign in the middle");
+      } else if (ch === 0x45 || ch === 0x65) {
+        ch = this.peekChar();
+        if (ch === 0x2b || ch === 0x2d) {
+          powerValueSign = ch === 0x2d ? -1 : 1;
+          this.nextChar();
+        } else if (ch < 0x30 || ch > 0x39) {
+          break;
+        }
+        eNotation = true;
+      } else {
+        break;
+      }
+    }
+    if (divideBy !== 0) {
+      baseValue /= divideBy;
+    }
+    if (eNotation) {
+      baseValue *= 10 ** (powerValueSign * powerValue);
+    }
+    return sign * baseValue;
+  }
+  getString() {
+    let numParen = 1;
+    let done = false;
+    const strBuf = this.strBuf;
+    strBuf.length = 0;
+    let ch = this.nextChar();
+    while (true) {
+      let charBuffered = false;
+      switch (ch | 0) {
+        case -1:
+          (0, _util.warn)("Unterminated string");
+          done = true;
+          break;
+        case 0x28:
+          ++numParen;
+          strBuf.push("(");
+          break;
+        case 0x29:
+          if (--numParen === 0) {
+            this.nextChar();
+            done = true;
+          } else {
+            strBuf.push(")");
+          }
+          break;
+        case 0x5c:
+          ch = this.nextChar();
+          switch (ch) {
+            case -1:
+              (0, _util.warn)("Unterminated string");
+              done = true;
+              break;
+            case 0x6e:
+              strBuf.push("\n");
+              break;
+            case 0x72:
+              strBuf.push("\r");
+              break;
+            case 0x74:
+              strBuf.push("\t");
+              break;
+            case 0x62:
+              strBuf.push("\b");
+              break;
+            case 0x66:
+              strBuf.push("\f");
+              break;
+            case 0x5c:
+            case 0x28:
+            case 0x29:
+              strBuf.push(String.fromCharCode(ch));
+              break;
+            case 0x30:
+            case 0x31:
+            case 0x32:
+            case 0x33:
+            case 0x34:
+            case 0x35:
+            case 0x36:
+            case 0x37:
+              let x = ch & 0x0f;
+              ch = this.nextChar();
+              charBuffered = true;
+              if (ch >= 0x30 && ch <= 0x37) {
+                x = (x << 3) + (ch & 0x0f);
+                ch = this.nextChar();
+                if (ch >= 0x30 && ch <= 0x37) {
+                  charBuffered = false;
+                  x = (x << 3) + (ch & 0x0f);
+                }
+              }
+              strBuf.push(String.fromCharCode(x));
+              break;
+            case 0x0d:
+              if (this.peekChar() === 0x0a) {
+                this.nextChar();
+              }
+              break;
+            case 0x0a:
+              break;
+            default:
+              strBuf.push(String.fromCharCode(ch));
+              break;
+          }
+          break;
+        default:
+          strBuf.push(String.fromCharCode(ch));
+          break;
+      }
+      if (done) {
+        break;
+      }
+      if (!charBuffered) {
+        ch = this.nextChar();
+      }
+    }
+    return strBuf.join("");
+  }
+  getName() {
+    let ch, previousCh;
+    const strBuf = this.strBuf;
+    strBuf.length = 0;
+    while ((ch = this.nextChar()) >= 0 && !specialChars[ch]) {
+      if (ch === 0x23) {
+        ch = this.nextChar();
+        if (specialChars[ch]) {
+          (0, _util.warn)("Lexer_getName: " + "NUMBER SIGN (#) should be followed by a hexadecimal number.");
+          strBuf.push("#");
+          break;
+        }
+        const x = toHexDigit(ch);
+        if (x !== -1) {
+          previousCh = ch;
+          ch = this.nextChar();
+          const x2 = toHexDigit(ch);
+          if (x2 === -1) {
+            (0, _util.warn)(`Lexer_getName: Illegal digit (${String.fromCharCode(ch)}) ` + "in hexadecimal number.");
+            strBuf.push("#", String.fromCharCode(previousCh));
+            if (specialChars[ch]) {
+              break;
+            }
+            strBuf.push(String.fromCharCode(ch));
+            continue;
+          }
+          strBuf.push(String.fromCharCode(x << 4 | x2));
+        } else {
+          strBuf.push("#", String.fromCharCode(ch));
+        }
+      } else {
+        strBuf.push(String.fromCharCode(ch));
+      }
+    }
+    if (strBuf.length > 127) {
+      (0, _util.warn)(`Name token is longer than allowed by the spec: ${strBuf.length}`);
+    }
+    return _primitives.Name.get(strBuf.join(""));
+  }
+  _hexStringWarn(ch) {
+    const MAX_HEX_STRING_NUM_WARN = 5;
+    if (this._hexStringNumWarn++ === MAX_HEX_STRING_NUM_WARN) {
+      (0, _util.warn)("getHexString - ignoring additional invalid characters.");
+      return;
+    }
+    if (this._hexStringNumWarn > MAX_HEX_STRING_NUM_WARN) {
+      return;
+    }
+    (0, _util.warn)(`getHexString - ignoring invalid character: ${ch}`);
+  }
+  getHexString() {
+    const strBuf = this.strBuf;
+    strBuf.length = 0;
+    let ch = this.currentChar;
+    let isFirstHex = true;
+    let firstDigit, secondDigit;
+    this._hexStringNumWarn = 0;
+    while (true) {
+      if (ch < 0) {
+        (0, _util.warn)("Unterminated hex string");
+        break;
+      } else if (ch === 0x3e) {
+        this.nextChar();
+        break;
+      } else if (specialChars[ch] === 1) {
+        ch = this.nextChar();
+        continue;
+      } else {
+        if (isFirstHex) {
+          firstDigit = toHexDigit(ch);
+          if (firstDigit === -1) {
+            this._hexStringWarn(ch);
+            ch = this.nextChar();
+            continue;
+          }
+        } else {
+          secondDigit = toHexDigit(ch);
+          if (secondDigit === -1) {
+            this._hexStringWarn(ch);
+            ch = this.nextChar();
+            continue;
+          }
+          strBuf.push(String.fromCharCode(firstDigit << 4 | secondDigit));
+        }
+        isFirstHex = !isFirstHex;
+        ch = this.nextChar();
+      }
+    }
+    return strBuf.join("");
+  }
+  getObj() {
+    let comment = false;
+    let ch = this.currentChar;
+    while (true) {
+      if (ch < 0) {
+        return _primitives.EOF;
+      }
+      if (comment) {
+        if (ch === 0x0a || ch === 0x0d) {
+          comment = false;
+        }
+      } else if (ch === 0x25) {
+        comment = true;
+      } else if (specialChars[ch] !== 1) {
+        break;
+      }
+      ch = this.nextChar();
+    }
+    switch (ch | 0) {
+      case 0x30:
+      case 0x31:
+      case 0x32:
+      case 0x33:
+      case 0x34:
+      case 0x35:
+      case 0x36:
+      case 0x37:
+      case 0x38:
+      case 0x39:
+      case 0x2b:
+      case 0x2d:
+      case 0x2e:
+        return this.getNumber();
+      case 0x28:
+        return this.getString();
+      case 0x2f:
+        return this.getName();
+      case 0x5b:
+        this.nextChar();
+        return _primitives.Cmd.get("[");
+      case 0x5d:
+        this.nextChar();
+        return _primitives.Cmd.get("]");
+      case 0x3c:
+        ch = this.nextChar();
+        if (ch === 0x3c) {
+          this.nextChar();
+          return _primitives.Cmd.get("<<");
+        }
+        return this.getHexString();
+      case 0x3e:
+        ch = this.nextChar();
+        if (ch === 0x3e) {
+          this.nextChar();
+          return _primitives.Cmd.get(">>");
+        }
+        return _primitives.Cmd.get(">");
+      case 0x7b:
+        this.nextChar();
+        return _primitives.Cmd.get("{");
+      case 0x7d:
+        this.nextChar();
+        return _primitives.Cmd.get("}");
+      case 0x29:
+        this.nextChar();
+        throw new _util.FormatError(`Illegal character: ${ch}`);
+    }
+    let str = String.fromCharCode(ch);
+    if (ch < 0x20 || ch > 0x7f) {
+      const nextCh = this.peekChar();
+      if (nextCh >= 0x20 && nextCh <= 0x7f) {
+        this.nextChar();
+        return _primitives.Cmd.get(str);
+      }
+    }
+    const knownCommands = this.knownCommands;
+    let knownCommandFound = knownCommands && knownCommands[str] !== undefined;
+    while ((ch = this.nextChar()) >= 0 && !specialChars[ch]) {
+      const possibleCommand = str + String.fromCharCode(ch);
+      if (knownCommandFound && knownCommands[possibleCommand] === undefined) {
+        break;
+      }
+      if (str.length === 128) {
+        throw new _util.FormatError(`Command token too long: ${str.length}`);
+      }
+      str = possibleCommand;
+      knownCommandFound = knownCommands && knownCommands[str] !== undefined;
+    }
+    if (str === "true") {
+      return true;
+    }
+    if (str === "false") {
+      return false;
+    }
+    if (str === "null") {
+      return null;
+    }
+    if (str === "BI") {
+      this.beginInlineImagePos = this.stream.pos;
+    }
+    return _primitives.Cmd.get(str);
+  }
+  peekObj() {
+    const streamPos = this.stream.pos,
+      currentChar = this.currentChar,
+      beginInlineImagePos = this.beginInlineImagePos;
+    let nextObj;
+    try {
+      nextObj = this.getObj();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`peekObj: ${ex}`);
+    }
+    this.stream.pos = streamPos;
+    this.currentChar = currentChar;
+    this.beginInlineImagePos = beginInlineImagePos;
+    return nextObj;
+  }
+  skipToNextLine() {
+    let ch = this.currentChar;
+    while (ch >= 0) {
+      if (ch === 0x0d) {
+        ch = this.nextChar();
+        if (ch === 0x0a) {
+          this.nextChar();
+        }
+        break;
+      } else if (ch === 0x0a) {
+        this.nextChar();
+        break;
+      }
+      ch = this.nextChar();
+    }
+  }
+}
+exports.Lexer = Lexer;
+class Linearization {
+  static create(stream) {
+    function getInt(linDict, name, allowZeroValue = false) {
+      const obj = linDict.get(name);
+      if (Number.isInteger(obj) && (allowZeroValue ? obj >= 0 : obj > 0)) {
+        return obj;
+      }
+      throw new Error(`The "${name}" parameter in the linearization ` + "dictionary is invalid.");
+    }
+    function getHints(linDict) {
+      const hints = linDict.get("H");
+      let hintsLength;
+      if (Array.isArray(hints) && ((hintsLength = hints.length) === 2 || hintsLength === 4)) {
+        for (let index = 0; index < hintsLength; index++) {
+          const hint = hints[index];
+          if (!(Number.isInteger(hint) && hint > 0)) {
+            throw new Error(`Hint (${index}) in the linearization dictionary is invalid.`);
+          }
+        }
+        return hints;
+      }
+      throw new Error("Hint array in the linearization dictionary is invalid.");
+    }
+    const parser = new Parser({
+      lexer: new Lexer(stream),
+      xref: null
+    });
+    const obj1 = parser.getObj();
+    const obj2 = parser.getObj();
+    const obj3 = parser.getObj();
+    const linDict = parser.getObj();
+    let obj, length;
+    if (!(Number.isInteger(obj1) && Number.isInteger(obj2) && (0, _primitives.isCmd)(obj3, "obj") && linDict instanceof _primitives.Dict && typeof (obj = linDict.get("Linearized")) === "number" && obj > 0)) {
+      return null;
+    } else if ((length = getInt(linDict, "L")) !== stream.length) {
+      throw new Error('The "L" parameter in the linearization dictionary ' + "does not equal the stream length.");
+    }
+    return {
+      length,
+      hints: getHints(linDict),
+      objectNumberFirst: getInt(linDict, "O"),
+      endFirst: getInt(linDict, "E"),
+      numPages: getInt(linDict, "N"),
+      mainXRefEntriesOffset: getInt(linDict, "T"),
+      pageFirst: linDict.has("P") ? getInt(linDict, "P", true) : 0
+    };
+  }
+}
+exports.Linearization = Linearization;
+
+/***/ }),
+/* 17 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Ascii85Stream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+var _core_utils = __w_pdfjs_require__(3);
+class Ascii85Stream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength) {
+    if (maybeLength) {
+      maybeLength *= 0.8;
+    }
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    this.input = new Uint8Array(5);
+  }
+  readBlock() {
+    const TILDA_CHAR = 0x7e;
+    const Z_LOWER_CHAR = 0x7a;
+    const EOF = -1;
+    const str = this.str;
+    let c = str.getByte();
+    while ((0, _core_utils.isWhiteSpace)(c)) {
+      c = str.getByte();
+    }
+    if (c === EOF || c === TILDA_CHAR) {
+      this.eof = true;
+      return;
+    }
+    const bufferLength = this.bufferLength;
+    let buffer, i;
+    if (c === Z_LOWER_CHAR) {
+      buffer = this.ensureBuffer(bufferLength + 4);
+      for (i = 0; i < 4; ++i) {
+        buffer[bufferLength + i] = 0;
+      }
+      this.bufferLength += 4;
+    } else {
+      const input = this.input;
+      input[0] = c;
+      for (i = 1; i < 5; ++i) {
+        c = str.getByte();
+        while ((0, _core_utils.isWhiteSpace)(c)) {
+          c = str.getByte();
+        }
+        input[i] = c;
+        if (c === EOF || c === TILDA_CHAR) {
+          break;
+        }
+      }
+      buffer = this.ensureBuffer(bufferLength + i - 1);
+      this.bufferLength += i - 1;
+      if (i < 5) {
+        for (; i < 5; ++i) {
+          input[i] = 0x21 + 84;
+        }
+        this.eof = true;
+      }
+      let t = 0;
+      for (i = 0; i < 5; ++i) {
+        t = t * 85 + (input[i] - 0x21);
+      }
+      for (i = 3; i >= 0; --i) {
+        buffer[bufferLength + i] = t & 0xff;
+        t >>= 8;
+      }
+    }
+  }
+}
+exports.Ascii85Stream = Ascii85Stream;
+
+/***/ }),
+/* 18 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.StreamsSequenceStream = exports.DecodeStream = void 0;
+var _base_stream = __w_pdfjs_require__(5);
+var _stream = __w_pdfjs_require__(8);
+const emptyBuffer = new Uint8Array(0);
+class DecodeStream extends _base_stream.BaseStream {
+  constructor(maybeMinBufferLength) {
+    super();
+    this._rawMinBufferLength = maybeMinBufferLength || 0;
+    this.pos = 0;
+    this.bufferLength = 0;
+    this.eof = false;
+    this.buffer = emptyBuffer;
+    this.minBufferLength = 512;
+    if (maybeMinBufferLength) {
+      while (this.minBufferLength < maybeMinBufferLength) {
+        this.minBufferLength *= 2;
+      }
+    }
+  }
+  get isEmpty() {
+    while (!this.eof && this.bufferLength === 0) {
+      this.readBlock();
+    }
+    return this.bufferLength === 0;
+  }
+  ensureBuffer(requested) {
+    const buffer = this.buffer;
+    if (requested <= buffer.byteLength) {
+      return buffer;
+    }
+    let size = this.minBufferLength;
+    while (size < requested) {
+      size *= 2;
+    }
+    const buffer2 = new Uint8Array(size);
+    buffer2.set(buffer);
+    return this.buffer = buffer2;
+  }
+  getByte() {
+    const pos = this.pos;
+    while (this.bufferLength <= pos) {
+      if (this.eof) {
+        return -1;
+      }
+      this.readBlock();
+    }
+    return this.buffer[this.pos++];
+  }
+  getBytes(length) {
+    const pos = this.pos;
+    let end;
+    if (length) {
+      this.ensureBuffer(pos + length);
+      end = pos + length;
+      while (!this.eof && this.bufferLength < end) {
+        this.readBlock();
+      }
+      const bufEnd = this.bufferLength;
+      if (end > bufEnd) {
+        end = bufEnd;
+      }
+    } else {
+      while (!this.eof) {
+        this.readBlock();
+      }
+      end = this.bufferLength;
+    }
+    this.pos = end;
+    return this.buffer.subarray(pos, end);
+  }
+  reset() {
+    this.pos = 0;
+  }
+  makeSubStream(start, length, dict = null) {
+    if (length === undefined) {
+      while (!this.eof) {
+        this.readBlock();
+      }
+    } else {
+      const end = start + length;
+      while (this.bufferLength <= end && !this.eof) {
+        this.readBlock();
+      }
+    }
+    return new _stream.Stream(this.buffer, start, length, dict);
+  }
+  getBaseStreams() {
+    return this.str ? this.str.getBaseStreams() : null;
+  }
+}
+exports.DecodeStream = DecodeStream;
+class StreamsSequenceStream extends DecodeStream {
+  constructor(streams, onError = null) {
+    let maybeLength = 0;
+    for (const stream of streams) {
+      maybeLength += stream instanceof DecodeStream ? stream._rawMinBufferLength : stream.length;
+    }
+    super(maybeLength);
+    this.streams = streams;
+    this._onError = onError;
+  }
+  readBlock() {
+    const streams = this.streams;
+    if (streams.length === 0) {
+      this.eof = true;
+      return;
+    }
+    const stream = streams.shift();
+    let chunk;
+    try {
+      chunk = stream.getBytes();
+    } catch (reason) {
+      if (this._onError) {
+        this._onError(reason, stream.dict && stream.dict.objId);
+        return;
+      }
+      throw reason;
+    }
+    const bufferLength = this.bufferLength;
+    const newLength = bufferLength + chunk.length;
+    const buffer = this.ensureBuffer(newLength);
+    buffer.set(chunk, bufferLength);
+    this.bufferLength = newLength;
+  }
+  getBaseStreams() {
+    const baseStreamsBuf = [];
+    for (const stream of this.streams) {
+      const baseStreams = stream.getBaseStreams();
+      if (baseStreams) {
+        baseStreamsBuf.push(...baseStreams);
+      }
+    }
+    return baseStreamsBuf.length > 0 ? baseStreamsBuf : null;
+  }
+}
+exports.StreamsSequenceStream = StreamsSequenceStream;
+
+/***/ }),
+/* 19 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.AsciiHexStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+class AsciiHexStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength) {
+    if (maybeLength) {
+      maybeLength *= 0.5;
+    }
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    this.firstDigit = -1;
+  }
+  readBlock() {
+    const UPSTREAM_BLOCK_SIZE = 8000;
+    const bytes = this.str.getBytes(UPSTREAM_BLOCK_SIZE);
+    if (!bytes.length) {
+      this.eof = true;
+      return;
+    }
+    const maxDecodeLength = bytes.length + 1 >> 1;
+    const buffer = this.ensureBuffer(this.bufferLength + maxDecodeLength);
+    let bufferLength = this.bufferLength;
+    let firstDigit = this.firstDigit;
+    for (const ch of bytes) {
+      let digit;
+      if (ch >= 0x30 && ch <= 0x39) {
+        digit = ch & 0x0f;
+      } else if (ch >= 0x41 && ch <= 0x46 || ch >= 0x61 && ch <= 0x66) {
+        digit = (ch & 0x0f) + 9;
+      } else if (ch === 0x3e) {
+        this.eof = true;
+        break;
+      } else {
+        continue;
+      }
+      if (firstDigit < 0) {
+        firstDigit = digit;
+      } else {
+        buffer[bufferLength++] = firstDigit << 4 | digit;
+        firstDigit = -1;
+      }
+    }
+    if (firstDigit >= 0 && this.eof) {
+      buffer[bufferLength++] = firstDigit << 4;
+      firstDigit = -1;
+    }
+    this.firstDigit = firstDigit;
+    this.bufferLength = bufferLength;
+  }
+}
+exports.AsciiHexStream = AsciiHexStream;
+
+/***/ }),
+/* 20 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.CCITTFaxStream = void 0;
+var _ccitt = __w_pdfjs_require__(21);
+var _decode_stream = __w_pdfjs_require__(18);
+var _primitives = __w_pdfjs_require__(4);
+class CCITTFaxStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength, params) {
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    if (!(params instanceof _primitives.Dict)) {
+      params = _primitives.Dict.empty;
+    }
+    const source = {
+      next() {
+        return str.getByte();
+      }
+    };
+    this.ccittFaxDecoder = new _ccitt.CCITTFaxDecoder(source, {
+      K: params.get("K"),
+      EndOfLine: params.get("EndOfLine"),
+      EncodedByteAlign: params.get("EncodedByteAlign"),
+      Columns: params.get("Columns"),
+      Rows: params.get("Rows"),
+      EndOfBlock: params.get("EndOfBlock"),
+      BlackIs1: params.get("BlackIs1")
+    });
+  }
+  readBlock() {
+    while (!this.eof) {
+      const c = this.ccittFaxDecoder.readNextChar();
+      if (c === -1) {
+        this.eof = true;
+        return;
+      }
+      this.ensureBuffer(this.bufferLength + 1);
+      this.buffer[this.bufferLength++] = c;
+    }
+  }
+}
+exports.CCITTFaxStream = CCITTFaxStream;
+
+/***/ }),
+/* 21 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.CCITTFaxDecoder = void 0;
+var _util = __w_pdfjs_require__(2);
+const ccittEOL = -2;
+const ccittEOF = -1;
+const twoDimPass = 0;
+const twoDimHoriz = 1;
+const twoDimVert0 = 2;
+const twoDimVertR1 = 3;
+const twoDimVertL1 = 4;
+const twoDimVertR2 = 5;
+const twoDimVertL2 = 6;
+const twoDimVertR3 = 7;
+const twoDimVertL3 = 8;
+const twoDimTable = [[-1, -1], [-1, -1], [7, twoDimVertL3], [7, twoDimVertR3], [6, twoDimVertL2], [6, twoDimVertL2], [6, twoDimVertR2], [6, twoDimVertR2], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [4, twoDimPass], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimHoriz], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertL1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [3, twoDimVertR1], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0], [1, twoDimVert0]];
+const whiteTable1 = [[-1, -1], [12, ccittEOL], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [11, 1792], [11, 1792], [12, 1984], [12, 2048], [12, 2112], [12, 2176], [12, 2240], [12, 2304], [11, 1856], [11, 1856], [11, 1920], [11, 1920], [12, 2368], [12, 2432], [12, 2496], [12, 2560]];
+const whiteTable2 = [[-1, -1], [-1, -1], [-1, -1], [-1, -1], [8, 29], [8, 29], [8, 30], [8, 30], [8, 45], [8, 45], [8, 46], [8, 46], [7, 22], [7, 22], [7, 22], [7, 22], [7, 23], [7, 23], [7, 23], [7, 23], [8, 47], [8, 47], [8, 48], [8, 48], [6, 13], [6, 13], [6, 13], [6, 13], [6, 13], [6, 13], [6, 13], [6, 13], [7, 20], [7, 20], [7, 20], [7, 20], [8, 33], [8, 33], [8, 34], [8, 34], [8, 35], [8, 35], [8, 36], [8, 36], [8, 37], [8, 37], [8, 38], [8, 38], [7, 19], [7, 19], [7, 19], [7, 19], [8, 31], [8, 31], [8, 32], [8, 32], [6, 1], [6, 1], [6, 1], [6, 1], [6, 1], [6, 1], [6, 1], [6, 1], [6, 12], [6, 12], [6, 12], [6, 12], [6, 12], [6, 12], [6, 12], [6, 12], [8, 53], [8, 53], [8, 54], [8, 54], [7, 26], [7, 26], [7, 26], [7, 26], [8, 39], [8, 39], [8, 40], [8, 40], [8, 41], [8, 41], [8, 42], [8, 42], [8, 43], [8, 43], [8, 44], [8, 44], [7, 21], [7, 21], [7, 21], [7, 21], [7, 28], [7, 28], [7, 28], [7, 28], [8, 61], [8, 61], [8, 62], [8, 62], [8, 63], [8, 63], [8, 0], [8, 0], [8, 320], [8, 320], [8, 384], [8, 384], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 10], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [5, 11], [7, 27], [7, 27], [7, 27], [7, 27], [8, 59], [8, 59], [8, 60], [8, 60], [9, 1472], [9, 1536], [9, 1600], [9, 1728], [7, 18], [7, 18], [7, 18], [7, 18], [7, 24], [7, 24], [7, 24], [7, 24], [8, 49], [8, 49], [8, 50], [8, 50], [8, 51], [8, 51], [8, 52], [8, 52], [7, 25], [7, 25], [7, 25], [7, 25], [8, 55], [8, 55], [8, 56], [8, 56], [8, 57], [8, 57], [8, 58], [8, 58], [6, 192], [6, 192], [6, 192], [6, 192], [6, 192], [6, 192], [6, 192], [6, 192], [6, 1664], [6, 1664], [6, 1664], [6, 1664], [6, 1664], [6, 1664], [6, 1664], [6, 1664], [8, 448], [8, 448], [8, 512], [8, 512], [9, 704], [9, 768], [8, 640], [8, 640], [8, 576], [8, 576], [9, 832], [9, 896], [9, 960], [9, 1024], [9, 1088], [9, 1152], [9, 1216], [9, 1280], [9, 1344], [9, 1408], [7, 256], [7, 256], [7, 256], [7, 256], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 2], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [4, 3], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 128], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 8], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [5, 9], [6, 16], [6, 16], [6, 16], [6, 16], [6, 16], [6, 16], [6, 16], [6, 16], [6, 17], [6, 17], [6, 17], [6, 17], [6, 17], [6, 17], [6, 17], [6, 17], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 4], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [4, 5], [6, 14], [6, 14], [6, 14], [6, 14], [6, 14], [6, 14], [6, 14], [6, 14], [6, 15], [6, 15], [6, 15], [6, 15], [6, 15], [6, 15], [6, 15], [6, 15], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [5, 64], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 6], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7], [4, 7]];
+const blackTable1 = [[-1, -1], [-1, -1], [12, ccittEOL], [12, ccittEOL], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [-1, -1], [11, 1792], [11, 1792], [11, 1792], [11, 1792], [12, 1984], [12, 1984], [12, 2048], [12, 2048], [12, 2112], [12, 2112], [12, 2176], [12, 2176], [12, 2240], [12, 2240], [12, 2304], [12, 2304], [11, 1856], [11, 1856], [11, 1856], [11, 1856], [11, 1920], [11, 1920], [11, 1920], [11, 1920], [12, 2368], [12, 2368], [12, 2432], [12, 2432], [12, 2496], [12, 2496], [12, 2560], [12, 2560], [10, 18], [10, 18], [10, 18], [10, 18], [10, 18], [10, 18], [10, 18], [10, 18], [12, 52], [12, 52], [13, 640], [13, 704], [13, 768], [13, 832], [12, 55], [12, 55], [12, 56], [12, 56], [13, 1280], [13, 1344], [13, 1408], [13, 1472], [12, 59], [12, 59], [12, 60], [12, 60], [13, 1536], [13, 1600], [11, 24], [11, 24], [11, 24], [11, 24], [11, 25], [11, 25], [11, 25], [11, 25], [13, 1664], [13, 1728], [12, 320], [12, 320], [12, 384], [12, 384], [12, 448], [12, 448], [13, 512], [13, 576], [12, 53], [12, 53], [12, 54], [12, 54], [13, 896], [13, 960], [13, 1024], [13, 1088], [13, 1152], [13, 1216], [10, 64], [10, 64], [10, 64], [10, 64], [10, 64], [10, 64], [10, 64], [10, 64]];
+const blackTable2 = [[8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [8, 13], [11, 23], [11, 23], [12, 50], [12, 51], [12, 44], [12, 45], [12, 46], [12, 47], [12, 57], [12, 58], [12, 61], [12, 256], [10, 16], [10, 16], [10, 16], [10, 16], [10, 17], [10, 17], [10, 17], [10, 17], [12, 48], [12, 49], [12, 62], [12, 63], [12, 30], [12, 31], [12, 32], [12, 33], [12, 40], [12, 41], [11, 22], [11, 22], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [8, 14], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 10], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [7, 11], [9, 15], [9, 15], [9, 15], [9, 15], [9, 15], [9, 15], [9, 15], [9, 15], [12, 128], [12, 192], [12, 26], [12, 27], [12, 28], [12, 29], [11, 19], [11, 19], [11, 20], [11, 20], [12, 34], [12, 35], [12, 36], [12, 37], [12, 38], [12, 39], [11, 21], [11, 21], [12, 42], [12, 43], [10, 0], [10, 0], [10, 0], [10, 0], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12], [7, 12]];
+const blackTable3 = [[-1, -1], [-1, -1], [-1, -1], [-1, -1], [6, 9], [6, 8], [5, 7], [5, 7], [4, 6], [4, 6], [4, 6], [4, 6], [4, 5], [4, 5], [4, 5], [4, 5], [3, 1], [3, 1], [3, 1], [3, 1], [3, 1], [3, 1], [3, 1], [3, 1], [3, 4], [3, 4], [3, 4], [3, 4], [3, 4], [3, 4], [3, 4], [3, 4], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 3], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2], [2, 2]];
+class CCITTFaxDecoder {
+  constructor(source, options = {}) {
+    if (!source || typeof source.next !== "function") {
+      throw new Error('CCITTFaxDecoder - invalid "source" parameter.');
+    }
+    this.source = source;
+    this.eof = false;
+    this.encoding = options.K || 0;
+    this.eoline = options.EndOfLine || false;
+    this.byteAlign = options.EncodedByteAlign || false;
+    this.columns = options.Columns || 1728;
+    this.rows = options.Rows || 0;
+    let eoblock = options.EndOfBlock;
+    if (eoblock === null || eoblock === undefined) {
+      eoblock = true;
+    }
+    this.eoblock = eoblock;
+    this.black = options.BlackIs1 || false;
+    this.codingLine = new Uint32Array(this.columns + 1);
+    this.refLine = new Uint32Array(this.columns + 2);
+    this.codingLine[0] = this.columns;
+    this.codingPos = 0;
+    this.row = 0;
+    this.nextLine2D = this.encoding < 0;
+    this.inputBits = 0;
+    this.inputBuf = 0;
+    this.outputBits = 0;
+    this.rowsDone = false;
+    let code1;
+    while ((code1 = this._lookBits(12)) === 0) {
+      this._eatBits(1);
+    }
+    if (code1 === 1) {
+      this._eatBits(12);
+    }
+    if (this.encoding > 0) {
+      this.nextLine2D = !this._lookBits(1);
+      this._eatBits(1);
+    }
+  }
+  readNextChar() {
+    if (this.eof) {
+      return -1;
+    }
+    const refLine = this.refLine;
+    const codingLine = this.codingLine;
+    const columns = this.columns;
+    let refPos, blackPixels, bits, i;
+    if (this.outputBits === 0) {
+      if (this.rowsDone) {
+        this.eof = true;
+      }
+      if (this.eof) {
+        return -1;
+      }
+      this.err = false;
+      let code1, code2, code3;
+      if (this.nextLine2D) {
+        for (i = 0; codingLine[i] < columns; ++i) {
+          refLine[i] = codingLine[i];
+        }
+        refLine[i++] = columns;
+        refLine[i] = columns;
+        codingLine[0] = 0;
+        this.codingPos = 0;
+        refPos = 0;
+        blackPixels = 0;
+        while (codingLine[this.codingPos] < columns) {
+          code1 = this._getTwoDimCode();
+          switch (code1) {
+            case twoDimPass:
+              this._addPixels(refLine[refPos + 1], blackPixels);
+              if (refLine[refPos + 1] < columns) {
+                refPos += 2;
+              }
+              break;
+            case twoDimHoriz:
+              code1 = code2 = 0;
+              if (blackPixels) {
+                do {
+                  code1 += code3 = this._getBlackCode();
+                } while (code3 >= 64);
+                do {
+                  code2 += code3 = this._getWhiteCode();
+                } while (code3 >= 64);
+              } else {
+                do {
+                  code1 += code3 = this._getWhiteCode();
+                } while (code3 >= 64);
+                do {
+                  code2 += code3 = this._getBlackCode();
+                } while (code3 >= 64);
+              }
+              this._addPixels(codingLine[this.codingPos] + code1, blackPixels);
+              if (codingLine[this.codingPos] < columns) {
+                this._addPixels(codingLine[this.codingPos] + code2, blackPixels ^ 1);
+              }
+              while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                refPos += 2;
+              }
+              break;
+            case twoDimVertR3:
+              this._addPixels(refLine[refPos] + 3, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                ++refPos;
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVertR2:
+              this._addPixels(refLine[refPos] + 2, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                ++refPos;
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVertR1:
+              this._addPixels(refLine[refPos] + 1, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                ++refPos;
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVert0:
+              this._addPixels(refLine[refPos], blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                ++refPos;
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVertL3:
+              this._addPixelsNeg(refLine[refPos] - 3, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                if (refPos > 0) {
+                  --refPos;
+                } else {
+                  ++refPos;
+                }
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVertL2:
+              this._addPixelsNeg(refLine[refPos] - 2, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                if (refPos > 0) {
+                  --refPos;
+                } else {
+                  ++refPos;
+                }
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case twoDimVertL1:
+              this._addPixelsNeg(refLine[refPos] - 1, blackPixels);
+              blackPixels ^= 1;
+              if (codingLine[this.codingPos] < columns) {
+                if (refPos > 0) {
+                  --refPos;
+                } else {
+                  ++refPos;
+                }
+                while (refLine[refPos] <= codingLine[this.codingPos] && refLine[refPos] < columns) {
+                  refPos += 2;
+                }
+              }
+              break;
+            case ccittEOF:
+              this._addPixels(columns, 0);
+              this.eof = true;
+              break;
+            default:
+              (0, _util.info)("bad 2d code");
+              this._addPixels(columns, 0);
+              this.err = true;
+          }
+        }
+      } else {
+        codingLine[0] = 0;
+        this.codingPos = 0;
+        blackPixels = 0;
+        while (codingLine[this.codingPos] < columns) {
+          code1 = 0;
+          if (blackPixels) {
+            do {
+              code1 += code3 = this._getBlackCode();
+            } while (code3 >= 64);
+          } else {
+            do {
+              code1 += code3 = this._getWhiteCode();
+            } while (code3 >= 64);
+          }
+          this._addPixels(codingLine[this.codingPos] + code1, blackPixels);
+          blackPixels ^= 1;
+        }
+      }
+      let gotEOL = false;
+      if (this.byteAlign) {
+        this.inputBits &= ~7;
+      }
+      if (!this.eoblock && this.row === this.rows - 1) {
+        this.rowsDone = true;
+      } else {
+        code1 = this._lookBits(12);
+        if (this.eoline) {
+          while (code1 !== ccittEOF && code1 !== 1) {
+            this._eatBits(1);
+            code1 = this._lookBits(12);
+          }
+        } else {
+          while (code1 === 0) {
+            this._eatBits(1);
+            code1 = this._lookBits(12);
+          }
+        }
+        if (code1 === 1) {
+          this._eatBits(12);
+          gotEOL = true;
+        } else if (code1 === ccittEOF) {
+          this.eof = true;
+        }
+      }
+      if (!this.eof && this.encoding > 0 && !this.rowsDone) {
+        this.nextLine2D = !this._lookBits(1);
+        this._eatBits(1);
+      }
+      if (this.eoblock && gotEOL && this.byteAlign) {
+        code1 = this._lookBits(12);
+        if (code1 === 1) {
+          this._eatBits(12);
+          if (this.encoding > 0) {
+            this._lookBits(1);
+            this._eatBits(1);
+          }
+          if (this.encoding >= 0) {
+            for (i = 0; i < 4; ++i) {
+              code1 = this._lookBits(12);
+              if (code1 !== 1) {
+                (0, _util.info)("bad rtc code: " + code1);
+              }
+              this._eatBits(12);
+              if (this.encoding > 0) {
+                this._lookBits(1);
+                this._eatBits(1);
+              }
+            }
+          }
+          this.eof = true;
+        }
+      } else if (this.err && this.eoline) {
+        while (true) {
+          code1 = this._lookBits(13);
+          if (code1 === ccittEOF) {
+            this.eof = true;
+            return -1;
+          }
+          if (code1 >> 1 === 1) {
+            break;
+          }
+          this._eatBits(1);
+        }
+        this._eatBits(12);
+        if (this.encoding > 0) {
+          this._eatBits(1);
+          this.nextLine2D = !(code1 & 1);
+        }
+      }
+      if (codingLine[0] > 0) {
+        this.outputBits = codingLine[this.codingPos = 0];
+      } else {
+        this.outputBits = codingLine[this.codingPos = 1];
+      }
+      this.row++;
+    }
+    let c;
+    if (this.outputBits >= 8) {
+      c = this.codingPos & 1 ? 0 : 0xff;
+      this.outputBits -= 8;
+      if (this.outputBits === 0 && codingLine[this.codingPos] < columns) {
+        this.codingPos++;
+        this.outputBits = codingLine[this.codingPos] - codingLine[this.codingPos - 1];
+      }
+    } else {
+      bits = 8;
+      c = 0;
+      do {
+        if (typeof this.outputBits !== "number") {
+          throw new _util.FormatError('Invalid /CCITTFaxDecode data, "outputBits" must be a number.');
+        }
+        if (this.outputBits > bits) {
+          c <<= bits;
+          if (!(this.codingPos & 1)) {
+            c |= 0xff >> 8 - bits;
+          }
+          this.outputBits -= bits;
+          bits = 0;
+        } else {
+          c <<= this.outputBits;
+          if (!(this.codingPos & 1)) {
+            c |= 0xff >> 8 - this.outputBits;
+          }
+          bits -= this.outputBits;
+          this.outputBits = 0;
+          if (codingLine[this.codingPos] < columns) {
+            this.codingPos++;
+            this.outputBits = codingLine[this.codingPos] - codingLine[this.codingPos - 1];
+          } else if (bits > 0) {
+            c <<= bits;
+            bits = 0;
+          }
+        }
+      } while (bits);
+    }
+    if (this.black) {
+      c ^= 0xff;
+    }
+    return c;
+  }
+  _addPixels(a1, blackPixels) {
+    const codingLine = this.codingLine;
+    let codingPos = this.codingPos;
+    if (a1 > codingLine[codingPos]) {
+      if (a1 > this.columns) {
+        (0, _util.info)("row is wrong length");
+        this.err = true;
+        a1 = this.columns;
+      }
+      if (codingPos & 1 ^ blackPixels) {
+        ++codingPos;
+      }
+      codingLine[codingPos] = a1;
+    }
+    this.codingPos = codingPos;
+  }
+  _addPixelsNeg(a1, blackPixels) {
+    const codingLine = this.codingLine;
+    let codingPos = this.codingPos;
+    if (a1 > codingLine[codingPos]) {
+      if (a1 > this.columns) {
+        (0, _util.info)("row is wrong length");
+        this.err = true;
+        a1 = this.columns;
+      }
+      if (codingPos & 1 ^ blackPixels) {
+        ++codingPos;
+      }
+      codingLine[codingPos] = a1;
+    } else if (a1 < codingLine[codingPos]) {
+      if (a1 < 0) {
+        (0, _util.info)("invalid code");
+        this.err = true;
+        a1 = 0;
+      }
+      while (codingPos > 0 && a1 < codingLine[codingPos - 1]) {
+        --codingPos;
+      }
+      codingLine[codingPos] = a1;
+    }
+    this.codingPos = codingPos;
+  }
+  _findTableCode(start, end, table, limit) {
+    const limitValue = limit || 0;
+    for (let i = start; i <= end; ++i) {
+      let code = this._lookBits(i);
+      if (code === ccittEOF) {
+        return [true, 1, false];
+      }
+      if (i < end) {
+        code <<= end - i;
+      }
+      if (!limitValue || code >= limitValue) {
+        const p = table[code - limitValue];
+        if (p[0] === i) {
+          this._eatBits(i);
+          return [true, p[1], true];
+        }
+      }
+    }
+    return [false, 0, false];
+  }
+  _getTwoDimCode() {
+    let code = 0;
+    let p;
+    if (this.eoblock) {
+      code = this._lookBits(7);
+      p = twoDimTable[code];
+      if (p && p[0] > 0) {
+        this._eatBits(p[0]);
+        return p[1];
+      }
+    } else {
+      const result = this._findTableCode(1, 7, twoDimTable);
+      if (result[0] && result[2]) {
+        return result[1];
+      }
+    }
+    (0, _util.info)("Bad two dim code");
+    return ccittEOF;
+  }
+  _getWhiteCode() {
+    let code = 0;
+    let p;
+    if (this.eoblock) {
+      code = this._lookBits(12);
+      if (code === ccittEOF) {
+        return 1;
+      }
+      if (code >> 5 === 0) {
+        p = whiteTable1[code];
+      } else {
+        p = whiteTable2[code >> 3];
+      }
+      if (p[0] > 0) {
+        this._eatBits(p[0]);
+        return p[1];
+      }
+    } else {
+      let result = this._findTableCode(1, 9, whiteTable2);
+      if (result[0]) {
+        return result[1];
+      }
+      result = this._findTableCode(11, 12, whiteTable1);
+      if (result[0]) {
+        return result[1];
+      }
+    }
+    (0, _util.info)("bad white code");
+    this._eatBits(1);
+    return 1;
+  }
+  _getBlackCode() {
+    let code, p;
+    if (this.eoblock) {
+      code = this._lookBits(13);
+      if (code === ccittEOF) {
+        return 1;
+      }
+      if (code >> 7 === 0) {
+        p = blackTable1[code];
+      } else if (code >> 9 === 0 && code >> 7 !== 0) {
+        p = blackTable2[(code >> 1) - 64];
+      } else {
+        p = blackTable3[code >> 7];
+      }
+      if (p[0] > 0) {
+        this._eatBits(p[0]);
+        return p[1];
+      }
+    } else {
+      let result = this._findTableCode(2, 6, blackTable3);
+      if (result[0]) {
+        return result[1];
+      }
+      result = this._findTableCode(7, 12, blackTable2, 64);
+      if (result[0]) {
+        return result[1];
+      }
+      result = this._findTableCode(10, 13, blackTable1);
+      if (result[0]) {
+        return result[1];
+      }
+    }
+    (0, _util.info)("bad black code");
+    this._eatBits(1);
+    return 1;
+  }
+  _lookBits(n) {
+    let c;
+    while (this.inputBits < n) {
+      if ((c = this.source.next()) === -1) {
+        if (this.inputBits === 0) {
+          return ccittEOF;
+        }
+        return this.inputBuf << n - this.inputBits & 0xffff >> 16 - n;
+      }
+      this.inputBuf = this.inputBuf << 8 | c;
+      this.inputBits += 8;
+    }
+    return this.inputBuf >> this.inputBits - n & 0xffff >> 16 - n;
+  }
+  _eatBits(n) {
+    if ((this.inputBits -= n) < 0) {
+      this.inputBits = 0;
+    }
+  }
+}
+exports.CCITTFaxDecoder = CCITTFaxDecoder;
+
+/***/ }),
+/* 22 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.FlateStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+var _util = __w_pdfjs_require__(2);
+const codeLenCodeMap = new Int32Array([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
+const lengthDecode = new Int32Array([0x00003, 0x00004, 0x00005, 0x00006, 0x00007, 0x00008, 0x00009, 0x0000a, 0x1000b, 0x1000d, 0x1000f, 0x10011, 0x20013, 0x20017, 0x2001b, 0x2001f, 0x30023, 0x3002b, 0x30033, 0x3003b, 0x40043, 0x40053, 0x40063, 0x40073, 0x50083, 0x500a3, 0x500c3, 0x500e3, 0x00102, 0x00102, 0x00102]);
+const distDecode = new Int32Array([0x00001, 0x00002, 0x00003, 0x00004, 0x10005, 0x10007, 0x20009, 0x2000d, 0x30011, 0x30019, 0x40021, 0x40031, 0x50041, 0x50061, 0x60081, 0x600c1, 0x70101, 0x70181, 0x80201, 0x80301, 0x90401, 0x90601, 0xa0801, 0xa0c01, 0xb1001, 0xb1801, 0xc2001, 0xc3001, 0xd4001, 0xd6001]);
+const fixedLitCodeTab = [new Int32Array([0x70100, 0x80050, 0x80010, 0x80118, 0x70110, 0x80070, 0x80030, 0x900c0, 0x70108, 0x80060, 0x80020, 0x900a0, 0x80000, 0x80080, 0x80040, 0x900e0, 0x70104, 0x80058, 0x80018, 0x90090, 0x70114, 0x80078, 0x80038, 0x900d0, 0x7010c, 0x80068, 0x80028, 0x900b0, 0x80008, 0x80088, 0x80048, 0x900f0, 0x70102, 0x80054, 0x80014, 0x8011c, 0x70112, 0x80074, 0x80034, 0x900c8, 0x7010a, 0x80064, 0x80024, 0x900a8, 0x80004, 0x80084, 0x80044, 0x900e8, 0x70106, 0x8005c, 0x8001c, 0x90098, 0x70116, 0x8007c, 0x8003c, 0x900d8, 0x7010e, 0x8006c, 0x8002c, 0x900b8, 0x8000c, 0x8008c, 0x8004c, 0x900f8, 0x70101, 0x80052, 0x80012, 0x8011a, 0x70111, 0x80072, 0x80032, 0x900c4, 0x70109, 0x80062, 0x80022, 0x900a4, 0x80002, 0x80082, 0x80042, 0x900e4, 0x70105, 0x8005a, 0x8001a, 0x90094, 0x70115, 0x8007a, 0x8003a, 0x900d4, 0x7010d, 0x8006a, 0x8002a, 0x900b4, 0x8000a, 0x8008a, 0x8004a, 0x900f4, 0x70103, 0x80056, 0x80016, 0x8011e, 0x70113, 0x80076, 0x80036, 0x900cc, 0x7010b, 0x80066, 0x80026, 0x900ac, 0x80006, 0x80086, 0x80046, 0x900ec, 0x70107, 0x8005e, 0x8001e, 0x9009c, 0x70117, 0x8007e, 0x8003e, 0x900dc, 0x7010f, 0x8006e, 0x8002e, 0x900bc, 0x8000e, 0x8008e, 0x8004e, 0x900fc, 0x70100, 0x80051, 0x80011, 0x80119, 0x70110, 0x80071, 0x80031, 0x900c2, 0x70108, 0x80061, 0x80021, 0x900a2, 0x80001, 0x80081, 0x80041, 0x900e2, 0x70104, 0x80059, 0x80019, 0x90092, 0x70114, 0x80079, 0x80039, 0x900d2, 0x7010c, 0x80069, 0x80029, 0x900b2, 0x80009, 0x80089, 0x80049, 0x900f2, 0x70102, 0x80055, 0x80015, 0x8011d, 0x70112, 0x80075, 0x80035, 0x900ca, 0x7010a, 0x80065, 0x80025, 0x900aa, 0x80005, 0x80085, 0x80045, 0x900ea, 0x70106, 0x8005d, 0x8001d, 0x9009a, 0x70116, 0x8007d, 0x8003d, 0x900da, 0x7010e, 0x8006d, 0x8002d, 0x900ba, 0x8000d, 0x8008d, 0x8004d, 0x900fa, 0x70101, 0x80053, 0x80013, 0x8011b, 0x70111, 0x80073, 0x80033, 0x900c6, 0x70109, 0x80063, 0x80023, 0x900a6, 0x80003, 0x80083, 0x80043, 0x900e6, 0x70105, 0x8005b, 0x8001b, 0x90096, 0x70115, 0x8007b, 0x8003b, 0x900d6, 0x7010d, 0x8006b, 0x8002b, 0x900b6, 0x8000b, 0x8008b, 0x8004b, 0x900f6, 0x70103, 0x80057, 0x80017, 0x8011f, 0x70113, 0x80077, 0x80037, 0x900ce, 0x7010b, 0x80067, 0x80027, 0x900ae, 0x80007, 0x80087, 0x80047, 0x900ee, 0x70107, 0x8005f, 0x8001f, 0x9009e, 0x70117, 0x8007f, 0x8003f, 0x900de, 0x7010f, 0x8006f, 0x8002f, 0x900be, 0x8000f, 0x8008f, 0x8004f, 0x900fe, 0x70100, 0x80050, 0x80010, 0x80118, 0x70110, 0x80070, 0x80030, 0x900c1, 0x70108, 0x80060, 0x80020, 0x900a1, 0x80000, 0x80080, 0x80040, 0x900e1, 0x70104, 0x80058, 0x80018, 0x90091, 0x70114, 0x80078, 0x80038, 0x900d1, 0x7010c, 0x80068, 0x80028, 0x900b1, 0x80008, 0x80088, 0x80048, 0x900f1, 0x70102, 0x80054, 0x80014, 0x8011c, 0x70112, 0x80074, 0x80034, 0x900c9, 0x7010a, 0x80064, 0x80024, 0x900a9, 0x80004, 0x80084, 0x80044, 0x900e9, 0x70106, 0x8005c, 0x8001c, 0x90099, 0x70116, 0x8007c, 0x8003c, 0x900d9, 0x7010e, 0x8006c, 0x8002c, 0x900b9, 0x8000c, 0x8008c, 0x8004c, 0x900f9, 0x70101, 0x80052, 0x80012, 0x8011a, 0x70111, 0x80072, 0x80032, 0x900c5, 0x70109, 0x80062, 0x80022, 0x900a5, 0x80002, 0x80082, 0x80042, 0x900e5, 0x70105, 0x8005a, 0x8001a, 0x90095, 0x70115, 0x8007a, 0x8003a, 0x900d5, 0x7010d, 0x8006a, 0x8002a, 0x900b5, 0x8000a, 0x8008a, 0x8004a, 0x900f5, 0x70103, 0x80056, 0x80016, 0x8011e, 0x70113, 0x80076, 0x80036, 0x900cd, 0x7010b, 0x80066, 0x80026, 0x900ad, 0x80006, 0x80086, 0x80046, 0x900ed, 0x70107, 0x8005e, 0x8001e, 0x9009d, 0x70117, 0x8007e, 0x8003e, 0x900dd, 0x7010f, 0x8006e, 0x8002e, 0x900bd, 0x8000e, 0x8008e, 0x8004e, 0x900fd, 0x70100, 0x80051, 0x80011, 0x80119, 0x70110, 0x80071, 0x80031, 0x900c3, 0x70108, 0x80061, 0x80021, 0x900a3, 0x80001, 0x80081, 0x80041, 0x900e3, 0x70104, 0x80059, 0x80019, 0x90093, 0x70114, 0x80079, 0x80039, 0x900d3, 0x7010c, 0x80069, 0x80029, 0x900b3, 0x80009, 0x80089, 0x80049, 0x900f3, 0x70102, 0x80055, 0x80015, 0x8011d, 0x70112, 0x80075, 0x80035, 0x900cb, 0x7010a, 0x80065, 0x80025, 0x900ab, 0x80005, 0x80085, 0x80045, 0x900eb, 0x70106, 0x8005d, 0x8001d, 0x9009b, 0x70116, 0x8007d, 0x8003d, 0x900db, 0x7010e, 0x8006d, 0x8002d, 0x900bb, 0x8000d, 0x8008d, 0x8004d, 0x900fb, 0x70101, 0x80053, 0x80013, 0x8011b, 0x70111, 0x80073, 0x80033, 0x900c7, 0x70109, 0x80063, 0x80023, 0x900a7, 0x80003, 0x80083, 0x80043, 0x900e7, 0x70105, 0x8005b, 0x8001b, 0x90097, 0x70115, 0x8007b, 0x8003b, 0x900d7, 0x7010d, 0x8006b, 0x8002b, 0x900b7, 0x8000b, 0x8008b, 0x8004b, 0x900f7, 0x70103, 0x80057, 0x80017, 0x8011f, 0x70113, 0x80077, 0x80037, 0x900cf, 0x7010b, 0x80067, 0x80027, 0x900af, 0x80007, 0x80087, 0x80047, 0x900ef, 0x70107, 0x8005f, 0x8001f, 0x9009f, 0x70117, 0x8007f, 0x8003f, 0x900df, 0x7010f, 0x8006f, 0x8002f, 0x900bf, 0x8000f, 0x8008f, 0x8004f, 0x900ff]), 9];
+const fixedDistCodeTab = [new Int32Array([0x50000, 0x50010, 0x50008, 0x50018, 0x50004, 0x50014, 0x5000c, 0x5001c, 0x50002, 0x50012, 0x5000a, 0x5001a, 0x50006, 0x50016, 0x5000e, 0x00000, 0x50001, 0x50011, 0x50009, 0x50019, 0x50005, 0x50015, 0x5000d, 0x5001d, 0x50003, 0x50013, 0x5000b, 0x5001b, 0x50007, 0x50017, 0x5000f, 0x00000]), 5];
+class FlateStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength) {
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    const cmf = str.getByte();
+    const flg = str.getByte();
+    if (cmf === -1 || flg === -1) {
+      throw new _util.FormatError(`Invalid header in flate stream: ${cmf}, ${flg}`);
+    }
+    if ((cmf & 0x0f) !== 0x08) {
+      throw new _util.FormatError(`Unknown compression method in flate stream: ${cmf}, ${flg}`);
+    }
+    if (((cmf << 8) + flg) % 31 !== 0) {
+      throw new _util.FormatError(`Bad FCHECK in flate stream: ${cmf}, ${flg}`);
+    }
+    if (flg & 0x20) {
+      throw new _util.FormatError(`FDICT bit set in flate stream: ${cmf}, ${flg}`);
+    }
+    this.codeSize = 0;
+    this.codeBuf = 0;
+  }
+  getBits(bits) {
+    const str = this.str;
+    let codeSize = this.codeSize;
+    let codeBuf = this.codeBuf;
+    let b;
+    while (codeSize < bits) {
+      if ((b = str.getByte()) === -1) {
+        throw new _util.FormatError("Bad encoding in flate stream");
+      }
+      codeBuf |= b << codeSize;
+      codeSize += 8;
+    }
+    b = codeBuf & (1 << bits) - 1;
+    this.codeBuf = codeBuf >> bits;
+    this.codeSize = codeSize -= bits;
+    return b;
+  }
+  getCode(table) {
+    const str = this.str;
+    const codes = table[0];
+    const maxLen = table[1];
+    let codeSize = this.codeSize;
+    let codeBuf = this.codeBuf;
+    let b;
+    while (codeSize < maxLen) {
+      if ((b = str.getByte()) === -1) {
+        break;
+      }
+      codeBuf |= b << codeSize;
+      codeSize += 8;
+    }
+    const code = codes[codeBuf & (1 << maxLen) - 1];
+    const codeLen = code >> 16;
+    const codeVal = code & 0xffff;
+    if (codeLen < 1 || codeSize < codeLen) {
+      throw new _util.FormatError("Bad encoding in flate stream");
+    }
+    this.codeBuf = codeBuf >> codeLen;
+    this.codeSize = codeSize - codeLen;
+    return codeVal;
+  }
+  generateHuffmanTable(lengths) {
+    const n = lengths.length;
+    let maxLen = 0;
+    let i;
+    for (i = 0; i < n; ++i) {
+      if (lengths[i] > maxLen) {
+        maxLen = lengths[i];
+      }
+    }
+    const size = 1 << maxLen;
+    const codes = new Int32Array(size);
+    for (let len = 1, code = 0, skip = 2; len <= maxLen; ++len, code <<= 1, skip <<= 1) {
+      for (let val = 0; val < n; ++val) {
+        if (lengths[val] === len) {
+          let code2 = 0;
+          let t = code;
+          for (i = 0; i < len; ++i) {
+            code2 = code2 << 1 | t & 1;
+            t >>= 1;
+          }
+          for (i = code2; i < size; i += skip) {
+            codes[i] = len << 16 | val;
+          }
+          ++code;
+        }
+      }
+    }
+    return [codes, maxLen];
+  }
+  readBlock() {
+    let buffer, len;
+    const str = this.str;
+    let hdr = this.getBits(3);
+    if (hdr & 1) {
+      this.eof = true;
+    }
+    hdr >>= 1;
+    if (hdr === 0) {
+      let b;
+      if ((b = str.getByte()) === -1) {
+        throw new _util.FormatError("Bad block header in flate stream");
+      }
+      let blockLen = b;
+      if ((b = str.getByte()) === -1) {
+        throw new _util.FormatError("Bad block header in flate stream");
+      }
+      blockLen |= b << 8;
+      if ((b = str.getByte()) === -1) {
+        throw new _util.FormatError("Bad block header in flate stream");
+      }
+      let check = b;
+      if ((b = str.getByte()) === -1) {
+        throw new _util.FormatError("Bad block header in flate stream");
+      }
+      check |= b << 8;
+      if (check !== (~blockLen & 0xffff) && (blockLen !== 0 || check !== 0)) {
+        throw new _util.FormatError("Bad uncompressed block length in flate stream");
+      }
+      this.codeBuf = 0;
+      this.codeSize = 0;
+      const bufferLength = this.bufferLength,
+        end = bufferLength + blockLen;
+      buffer = this.ensureBuffer(end);
+      this.bufferLength = end;
+      if (blockLen === 0) {
+        if (str.peekByte() === -1) {
+          this.eof = true;
+        }
+      } else {
+        const block = str.getBytes(blockLen);
+        buffer.set(block, bufferLength);
+        if (block.length < blockLen) {
+          this.eof = true;
+        }
+      }
+      return;
+    }
+    let litCodeTable;
+    let distCodeTable;
+    if (hdr === 1) {
+      litCodeTable = fixedLitCodeTab;
+      distCodeTable = fixedDistCodeTab;
+    } else if (hdr === 2) {
+      const numLitCodes = this.getBits(5) + 257;
+      const numDistCodes = this.getBits(5) + 1;
+      const numCodeLenCodes = this.getBits(4) + 4;
+      const codeLenCodeLengths = new Uint8Array(codeLenCodeMap.length);
+      let i;
+      for (i = 0; i < numCodeLenCodes; ++i) {
+        codeLenCodeLengths[codeLenCodeMap[i]] = this.getBits(3);
+      }
+      const codeLenCodeTab = this.generateHuffmanTable(codeLenCodeLengths);
+      len = 0;
+      i = 0;
+      const codes = numLitCodes + numDistCodes;
+      const codeLengths = new Uint8Array(codes);
+      let bitsLength, bitsOffset, what;
+      while (i < codes) {
+        const code = this.getCode(codeLenCodeTab);
+        if (code === 16) {
+          bitsLength = 2;
+          bitsOffset = 3;
+          what = len;
+        } else if (code === 17) {
+          bitsLength = 3;
+          bitsOffset = 3;
+          what = len = 0;
+        } else if (code === 18) {
+          bitsLength = 7;
+          bitsOffset = 11;
+          what = len = 0;
+        } else {
+          codeLengths[i++] = len = code;
+          continue;
+        }
+        let repeatLength = this.getBits(bitsLength) + bitsOffset;
+        while (repeatLength-- > 0) {
+          codeLengths[i++] = what;
+        }
+      }
+      litCodeTable = this.generateHuffmanTable(codeLengths.subarray(0, numLitCodes));
+      distCodeTable = this.generateHuffmanTable(codeLengths.subarray(numLitCodes, codes));
+    } else {
+      throw new _util.FormatError("Unknown block type in flate stream");
+    }
+    buffer = this.buffer;
+    let limit = buffer ? buffer.length : 0;
+    let pos = this.bufferLength;
+    while (true) {
+      let code1 = this.getCode(litCodeTable);
+      if (code1 < 256) {
+        if (pos + 1 >= limit) {
+          buffer = this.ensureBuffer(pos + 1);
+          limit = buffer.length;
+        }
+        buffer[pos++] = code1;
+        continue;
+      }
+      if (code1 === 256) {
+        this.bufferLength = pos;
+        return;
+      }
+      code1 -= 257;
+      code1 = lengthDecode[code1];
+      let code2 = code1 >> 16;
+      if (code2 > 0) {
+        code2 = this.getBits(code2);
+      }
+      len = (code1 & 0xffff) + code2;
+      code1 = this.getCode(distCodeTable);
+      code1 = distDecode[code1];
+      code2 = code1 >> 16;
+      if (code2 > 0) {
+        code2 = this.getBits(code2);
+      }
+      const dist = (code1 & 0xffff) + code2;
+      if (pos + len >= limit) {
+        buffer = this.ensureBuffer(pos + len);
+        limit = buffer.length;
+      }
+      for (let k = 0; k < len; ++k, ++pos) {
+        buffer[pos] = buffer[pos - dist];
+      }
+    }
+  }
+}
+exports.FlateStream = FlateStream;
+
+/***/ }),
+/* 23 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Jbig2Stream = void 0;
+var _base_stream = __w_pdfjs_require__(5);
+var _decode_stream = __w_pdfjs_require__(18);
+var _primitives = __w_pdfjs_require__(4);
+var _jbig = __w_pdfjs_require__(24);
+var _util = __w_pdfjs_require__(2);
+class Jbig2Stream extends _decode_stream.DecodeStream {
+  constructor(stream, maybeLength, params) {
+    super(maybeLength);
+    this.stream = stream;
+    this.dict = stream.dict;
+    this.maybeLength = maybeLength;
+    this.params = params;
+  }
+  get bytes() {
+    return (0, _util.shadow)(this, "bytes", this.stream.getBytes(this.maybeLength));
+  }
+  ensureBuffer(requested) {}
+  readBlock() {
+    if (this.eof) {
+      return;
+    }
+    const jbig2Image = new _jbig.Jbig2Image();
+    const chunks = [];
+    if (this.params instanceof _primitives.Dict) {
+      const globalsStream = this.params.get("JBIG2Globals");
+      if (globalsStream instanceof _base_stream.BaseStream) {
+        const globals = globalsStream.getBytes();
+        chunks.push({
+          data: globals,
+          start: 0,
+          end: globals.length
+        });
+      }
+    }
+    chunks.push({
+      data: this.bytes,
+      start: 0,
+      end: this.bytes.length
+    });
+    const data = jbig2Image.parseChunks(chunks);
+    const dataLength = data.length;
+    for (let i = 0; i < dataLength; i++) {
+      data[i] ^= 0xff;
+    }
+    this.buffer = data;
+    this.bufferLength = dataLength;
+    this.eof = true;
+  }
+}
+exports.Jbig2Stream = Jbig2Stream;
+
+/***/ }),
+/* 24 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Jbig2Image = void 0;
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _arithmetic_decoder = __w_pdfjs_require__(25);
+var _ccitt = __w_pdfjs_require__(21);
+class Jbig2Error extends _util.BaseException {
+  constructor(msg) {
+    super(`JBIG2 error: ${msg}`, "Jbig2Error");
+  }
+}
+class ContextCache {
+  getContexts(id) {
+    if (id in this) {
+      return this[id];
+    }
+    return this[id] = new Int8Array(1 << 16);
+  }
+}
+class DecodingContext {
+  constructor(data, start, end) {
+    this.data = data;
+    this.start = start;
+    this.end = end;
+  }
+  get decoder() {
+    const decoder = new _arithmetic_decoder.ArithmeticDecoder(this.data, this.start, this.end);
+    return (0, _util.shadow)(this, "decoder", decoder);
+  }
+  get contextCache() {
+    const cache = new ContextCache();
+    return (0, _util.shadow)(this, "contextCache", cache);
+  }
+}
+const MAX_INT_32 = 2 ** 31 - 1;
+const MIN_INT_32 = -(2 ** 31);
+function decodeInteger(contextCache, procedure, decoder) {
+  const contexts = contextCache.getContexts(procedure);
+  let prev = 1;
+  function readBits(length) {
+    let v = 0;
+    for (let i = 0; i < length; i++) {
+      const bit = decoder.readBit(contexts, prev);
+      prev = prev < 256 ? prev << 1 | bit : (prev << 1 | bit) & 511 | 256;
+      v = v << 1 | bit;
+    }
+    return v >>> 0;
+  }
+  const sign = readBits(1);
+  const value = readBits(1) ? readBits(1) ? readBits(1) ? readBits(1) ? readBits(1) ? readBits(32) + 4436 : readBits(12) + 340 : readBits(8) + 84 : readBits(6) + 20 : readBits(4) + 4 : readBits(2);
+  let signedValue;
+  if (sign === 0) {
+    signedValue = value;
+  } else if (value > 0) {
+    signedValue = -value;
+  }
+  if (signedValue >= MIN_INT_32 && signedValue <= MAX_INT_32) {
+    return signedValue;
+  }
+  return null;
+}
+function decodeIAID(contextCache, decoder, codeLength) {
+  const contexts = contextCache.getContexts("IAID");
+  let prev = 1;
+  for (let i = 0; i < codeLength; i++) {
+    const bit = decoder.readBit(contexts, prev);
+    prev = prev << 1 | bit;
+  }
+  if (codeLength < 31) {
+    return prev & (1 << codeLength) - 1;
+  }
+  return prev & 0x7fffffff;
+}
+const SegmentTypes = ["SymbolDictionary", null, null, null, "IntermediateTextRegion", null, "ImmediateTextRegion", "ImmediateLosslessTextRegion", null, null, null, null, null, null, null, null, "PatternDictionary", null, null, null, "IntermediateHalftoneRegion", null, "ImmediateHalftoneRegion", "ImmediateLosslessHalftoneRegion", null, null, null, null, null, null, null, null, null, null, null, null, "IntermediateGenericRegion", null, "ImmediateGenericRegion", "ImmediateLosslessGenericRegion", "IntermediateGenericRefinementRegion", null, "ImmediateGenericRefinementRegion", "ImmediateLosslessGenericRefinementRegion", null, null, null, null, "PageInformation", "EndOfPage", "EndOfStripe", "EndOfFile", "Profiles", "Tables", null, null, null, null, null, null, null, null, "Extension"];
+const CodingTemplates = [[{
+  x: -1,
+  y: -2
+}, {
+  x: 0,
+  y: -2
+}, {
+  x: 1,
+  y: -2
+}, {
+  x: -2,
+  y: -1
+}, {
+  x: -1,
+  y: -1
+}, {
+  x: 0,
+  y: -1
+}, {
+  x: 1,
+  y: -1
+}, {
+  x: 2,
+  y: -1
+}, {
+  x: -4,
+  y: 0
+}, {
+  x: -3,
+  y: 0
+}, {
+  x: -2,
+  y: 0
+}, {
+  x: -1,
+  y: 0
+}], [{
+  x: -1,
+  y: -2
+}, {
+  x: 0,
+  y: -2
+}, {
+  x: 1,
+  y: -2
+}, {
+  x: 2,
+  y: -2
+}, {
+  x: -2,
+  y: -1
+}, {
+  x: -1,
+  y: -1
+}, {
+  x: 0,
+  y: -1
+}, {
+  x: 1,
+  y: -1
+}, {
+  x: 2,
+  y: -1
+}, {
+  x: -3,
+  y: 0
+}, {
+  x: -2,
+  y: 0
+}, {
+  x: -1,
+  y: 0
+}], [{
+  x: -1,
+  y: -2
+}, {
+  x: 0,
+  y: -2
+}, {
+  x: 1,
+  y: -2
+}, {
+  x: -2,
+  y: -1
+}, {
+  x: -1,
+  y: -1
+}, {
+  x: 0,
+  y: -1
+}, {
+  x: 1,
+  y: -1
+}, {
+  x: -2,
+  y: 0
+}, {
+  x: -1,
+  y: 0
+}], [{
+  x: -3,
+  y: -1
+}, {
+  x: -2,
+  y: -1
+}, {
+  x: -1,
+  y: -1
+}, {
+  x: 0,
+  y: -1
+}, {
+  x: 1,
+  y: -1
+}, {
+  x: -4,
+  y: 0
+}, {
+  x: -3,
+  y: 0
+}, {
+  x: -2,
+  y: 0
+}, {
+  x: -1,
+  y: 0
+}]];
+const RefinementTemplates = [{
+  coding: [{
+    x: 0,
+    y: -1
+  }, {
+    x: 1,
+    y: -1
+  }, {
+    x: -1,
+    y: 0
+  }],
+  reference: [{
+    x: 0,
+    y: -1
+  }, {
+    x: 1,
+    y: -1
+  }, {
+    x: -1,
+    y: 0
+  }, {
+    x: 0,
+    y: 0
+  }, {
+    x: 1,
+    y: 0
+  }, {
+    x: -1,
+    y: 1
+  }, {
+    x: 0,
+    y: 1
+  }, {
+    x: 1,
+    y: 1
+  }]
+}, {
+  coding: [{
+    x: -1,
+    y: -1
+  }, {
+    x: 0,
+    y: -1
+  }, {
+    x: 1,
+    y: -1
+  }, {
+    x: -1,
+    y: 0
+  }],
+  reference: [{
+    x: 0,
+    y: -1
+  }, {
+    x: -1,
+    y: 0
+  }, {
+    x: 0,
+    y: 0
+  }, {
+    x: 1,
+    y: 0
+  }, {
+    x: 0,
+    y: 1
+  }, {
+    x: 1,
+    y: 1
+  }]
+}];
+const ReusedContexts = [0x9b25, 0x0795, 0x00e5, 0x0195];
+const RefinementReusedContexts = [0x0020, 0x0008];
+function decodeBitmapTemplate0(width, height, decodingContext) {
+  const decoder = decodingContext.decoder;
+  const contexts = decodingContext.contextCache.getContexts("GB");
+  const bitmap = [];
+  let contextLabel, i, j, pixel, row, row1, row2;
+  const OLD_PIXEL_MASK = 0x7bf7;
+  for (i = 0; i < height; i++) {
+    row = bitmap[i] = new Uint8Array(width);
+    row1 = i < 1 ? row : bitmap[i - 1];
+    row2 = i < 2 ? row : bitmap[i - 2];
+    contextLabel = row2[0] << 13 | row2[1] << 12 | row2[2] << 11 | row1[0] << 7 | row1[1] << 6 | row1[2] << 5 | row1[3] << 4;
+    for (j = 0; j < width; j++) {
+      row[j] = pixel = decoder.readBit(contexts, contextLabel);
+      contextLabel = (contextLabel & OLD_PIXEL_MASK) << 1 | (j + 3 < width ? row2[j + 3] << 11 : 0) | (j + 4 < width ? row1[j + 4] << 4 : 0) | pixel;
+    }
+  }
+  return bitmap;
+}
+function decodeBitmap(mmr, width, height, templateIndex, prediction, skip, at, decodingContext) {
+  if (mmr) {
+    const input = new Reader(decodingContext.data, decodingContext.start, decodingContext.end);
+    return decodeMMRBitmap(input, width, height, false);
+  }
+  if (templateIndex === 0 && !skip && !prediction && at.length === 4 && at[0].x === 3 && at[0].y === -1 && at[1].x === -3 && at[1].y === -1 && at[2].x === 2 && at[2].y === -2 && at[3].x === -2 && at[3].y === -2) {
+    return decodeBitmapTemplate0(width, height, decodingContext);
+  }
+  const useskip = !!skip;
+  const template = CodingTemplates[templateIndex].concat(at);
+  template.sort(function (a, b) {
+    return a.y - b.y || a.x - b.x;
+  });
+  const templateLength = template.length;
+  const templateX = new Int8Array(templateLength);
+  const templateY = new Int8Array(templateLength);
+  const changingTemplateEntries = [];
+  let reuseMask = 0,
+    minX = 0,
+    maxX = 0,
+    minY = 0;
+  let c, k;
+  for (k = 0; k < templateLength; k++) {
+    templateX[k] = template[k].x;
+    templateY[k] = template[k].y;
+    minX = Math.min(minX, template[k].x);
+    maxX = Math.max(maxX, template[k].x);
+    minY = Math.min(minY, template[k].y);
+    if (k < templateLength - 1 && template[k].y === template[k + 1].y && template[k].x === template[k + 1].x - 1) {
+      reuseMask |= 1 << templateLength - 1 - k;
+    } else {
+      changingTemplateEntries.push(k);
+    }
+  }
+  const changingEntriesLength = changingTemplateEntries.length;
+  const changingTemplateX = new Int8Array(changingEntriesLength);
+  const changingTemplateY = new Int8Array(changingEntriesLength);
+  const changingTemplateBit = new Uint16Array(changingEntriesLength);
+  for (c = 0; c < changingEntriesLength; c++) {
+    k = changingTemplateEntries[c];
+    changingTemplateX[c] = template[k].x;
+    changingTemplateY[c] = template[k].y;
+    changingTemplateBit[c] = 1 << templateLength - 1 - k;
+  }
+  const sbb_left = -minX;
+  const sbb_top = -minY;
+  const sbb_right = width - maxX;
+  const pseudoPixelContext = ReusedContexts[templateIndex];
+  let row = new Uint8Array(width);
+  const bitmap = [];
+  const decoder = decodingContext.decoder;
+  const contexts = decodingContext.contextCache.getContexts("GB");
+  let ltp = 0,
+    j,
+    i0,
+    j0,
+    contextLabel = 0,
+    bit,
+    shift;
+  for (let i = 0; i < height; i++) {
+    if (prediction) {
+      const sltp = decoder.readBit(contexts, pseudoPixelContext);
+      ltp ^= sltp;
+      if (ltp) {
+        bitmap.push(row);
+        continue;
+      }
+    }
+    row = new Uint8Array(row);
+    bitmap.push(row);
+    for (j = 0; j < width; j++) {
+      if (useskip && skip[i][j]) {
+        row[j] = 0;
+        continue;
+      }
+      if (j >= sbb_left && j < sbb_right && i >= sbb_top) {
+        contextLabel = contextLabel << 1 & reuseMask;
+        for (k = 0; k < changingEntriesLength; k++) {
+          i0 = i + changingTemplateY[k];
+          j0 = j + changingTemplateX[k];
+          bit = bitmap[i0][j0];
+          if (bit) {
+            bit = changingTemplateBit[k];
+            contextLabel |= bit;
+          }
+        }
+      } else {
+        contextLabel = 0;
+        shift = templateLength - 1;
+        for (k = 0; k < templateLength; k++, shift--) {
+          j0 = j + templateX[k];
+          if (j0 >= 0 && j0 < width) {
+            i0 = i + templateY[k];
+            if (i0 >= 0) {
+              bit = bitmap[i0][j0];
+              if (bit) {
+                contextLabel |= bit << shift;
+              }
+            }
+          }
+        }
+      }
+      const pixel = decoder.readBit(contexts, contextLabel);
+      row[j] = pixel;
+    }
+  }
+  return bitmap;
+}
+function decodeRefinement(width, height, templateIndex, referenceBitmap, offsetX, offsetY, prediction, at, decodingContext) {
+  let codingTemplate = RefinementTemplates[templateIndex].coding;
+  if (templateIndex === 0) {
+    codingTemplate = codingTemplate.concat([at[0]]);
+  }
+  const codingTemplateLength = codingTemplate.length;
+  const codingTemplateX = new Int32Array(codingTemplateLength);
+  const codingTemplateY = new Int32Array(codingTemplateLength);
+  let k;
+  for (k = 0; k < codingTemplateLength; k++) {
+    codingTemplateX[k] = codingTemplate[k].x;
+    codingTemplateY[k] = codingTemplate[k].y;
+  }
+  let referenceTemplate = RefinementTemplates[templateIndex].reference;
+  if (templateIndex === 0) {
+    referenceTemplate = referenceTemplate.concat([at[1]]);
+  }
+  const referenceTemplateLength = referenceTemplate.length;
+  const referenceTemplateX = new Int32Array(referenceTemplateLength);
+  const referenceTemplateY = new Int32Array(referenceTemplateLength);
+  for (k = 0; k < referenceTemplateLength; k++) {
+    referenceTemplateX[k] = referenceTemplate[k].x;
+    referenceTemplateY[k] = referenceTemplate[k].y;
+  }
+  const referenceWidth = referenceBitmap[0].length;
+  const referenceHeight = referenceBitmap.length;
+  const pseudoPixelContext = RefinementReusedContexts[templateIndex];
+  const bitmap = [];
+  const decoder = decodingContext.decoder;
+  const contexts = decodingContext.contextCache.getContexts("GR");
+  let ltp = 0;
+  for (let i = 0; i < height; i++) {
+    if (prediction) {
+      const sltp = decoder.readBit(contexts, pseudoPixelContext);
+      ltp ^= sltp;
+      if (ltp) {
+        throw new Jbig2Error("prediction is not supported");
+      }
+    }
+    const row = new Uint8Array(width);
+    bitmap.push(row);
+    for (let j = 0; j < width; j++) {
+      let i0, j0;
+      let contextLabel = 0;
+      for (k = 0; k < codingTemplateLength; k++) {
+        i0 = i + codingTemplateY[k];
+        j0 = j + codingTemplateX[k];
+        if (i0 < 0 || j0 < 0 || j0 >= width) {
+          contextLabel <<= 1;
+        } else {
+          contextLabel = contextLabel << 1 | bitmap[i0][j0];
+        }
+      }
+      for (k = 0; k < referenceTemplateLength; k++) {
+        i0 = i + referenceTemplateY[k] - offsetY;
+        j0 = j + referenceTemplateX[k] - offsetX;
+        if (i0 < 0 || i0 >= referenceHeight || j0 < 0 || j0 >= referenceWidth) {
+          contextLabel <<= 1;
+        } else {
+          contextLabel = contextLabel << 1 | referenceBitmap[i0][j0];
+        }
+      }
+      const pixel = decoder.readBit(contexts, contextLabel);
+      row[j] = pixel;
+    }
+  }
+  return bitmap;
+}
+function decodeSymbolDictionary(huffman, refinement, symbols, numberOfNewSymbols, numberOfExportedSymbols, huffmanTables, templateIndex, at, refinementTemplateIndex, refinementAt, decodingContext, huffmanInput) {
+  if (huffman && refinement) {
+    throw new Jbig2Error("symbol refinement with Huffman is not supported");
+  }
+  const newSymbols = [];
+  let currentHeight = 0;
+  let symbolCodeLength = (0, _core_utils.log2)(symbols.length + numberOfNewSymbols);
+  const decoder = decodingContext.decoder;
+  const contextCache = decodingContext.contextCache;
+  let tableB1, symbolWidths;
+  if (huffman) {
+    tableB1 = getStandardTable(1);
+    symbolWidths = [];
+    symbolCodeLength = Math.max(symbolCodeLength, 1);
+  }
+  while (newSymbols.length < numberOfNewSymbols) {
+    const deltaHeight = huffman ? huffmanTables.tableDeltaHeight.decode(huffmanInput) : decodeInteger(contextCache, "IADH", decoder);
+    currentHeight += deltaHeight;
+    let currentWidth = 0,
+      totalWidth = 0;
+    const firstSymbol = huffman ? symbolWidths.length : 0;
+    while (true) {
+      const deltaWidth = huffman ? huffmanTables.tableDeltaWidth.decode(huffmanInput) : decodeInteger(contextCache, "IADW", decoder);
+      if (deltaWidth === null) {
+        break;
+      }
+      currentWidth += deltaWidth;
+      totalWidth += currentWidth;
+      let bitmap;
+      if (refinement) {
+        const numberOfInstances = decodeInteger(contextCache, "IAAI", decoder);
+        if (numberOfInstances > 1) {
+          bitmap = decodeTextRegion(huffman, refinement, currentWidth, currentHeight, 0, numberOfInstances, 1, symbols.concat(newSymbols), symbolCodeLength, 0, 0, 1, 0, huffmanTables, refinementTemplateIndex, refinementAt, decodingContext, 0, huffmanInput);
+        } else {
+          const symbolId = decodeIAID(contextCache, decoder, symbolCodeLength);
+          const rdx = decodeInteger(contextCache, "IARDX", decoder);
+          const rdy = decodeInteger(contextCache, "IARDY", decoder);
+          const symbol = symbolId < symbols.length ? symbols[symbolId] : newSymbols[symbolId - symbols.length];
+          bitmap = decodeRefinement(currentWidth, currentHeight, refinementTemplateIndex, symbol, rdx, rdy, false, refinementAt, decodingContext);
+        }
+        newSymbols.push(bitmap);
+      } else if (huffman) {
+        symbolWidths.push(currentWidth);
+      } else {
+        bitmap = decodeBitmap(false, currentWidth, currentHeight, templateIndex, false, null, at, decodingContext);
+        newSymbols.push(bitmap);
+      }
+    }
+    if (huffman && !refinement) {
+      const bitmapSize = huffmanTables.tableBitmapSize.decode(huffmanInput);
+      huffmanInput.byteAlign();
+      let collectiveBitmap;
+      if (bitmapSize === 0) {
+        collectiveBitmap = readUncompressedBitmap(huffmanInput, totalWidth, currentHeight);
+      } else {
+        const originalEnd = huffmanInput.end;
+        const bitmapEnd = huffmanInput.position + bitmapSize;
+        huffmanInput.end = bitmapEnd;
+        collectiveBitmap = decodeMMRBitmap(huffmanInput, totalWidth, currentHeight, false);
+        huffmanInput.end = originalEnd;
+        huffmanInput.position = bitmapEnd;
+      }
+      const numberOfSymbolsDecoded = symbolWidths.length;
+      if (firstSymbol === numberOfSymbolsDecoded - 1) {
+        newSymbols.push(collectiveBitmap);
+      } else {
+        let i,
+          y,
+          xMin = 0,
+          xMax,
+          bitmapWidth,
+          symbolBitmap;
+        for (i = firstSymbol; i < numberOfSymbolsDecoded; i++) {
+          bitmapWidth = symbolWidths[i];
+          xMax = xMin + bitmapWidth;
+          symbolBitmap = [];
+          for (y = 0; y < currentHeight; y++) {
+            symbolBitmap.push(collectiveBitmap[y].subarray(xMin, xMax));
+          }
+          newSymbols.push(symbolBitmap);
+          xMin = xMax;
+        }
+      }
+    }
+  }
+  const exportedSymbols = [],
+    flags = [];
+  let currentFlag = false,
+    i,
+    ii;
+  const totalSymbolsLength = symbols.length + numberOfNewSymbols;
+  while (flags.length < totalSymbolsLength) {
+    let runLength = huffman ? tableB1.decode(huffmanInput) : decodeInteger(contextCache, "IAEX", decoder);
+    while (runLength--) {
+      flags.push(currentFlag);
+    }
+    currentFlag = !currentFlag;
+  }
+  for (i = 0, ii = symbols.length; i < ii; i++) {
+    if (flags[i]) {
+      exportedSymbols.push(symbols[i]);
+    }
+  }
+  for (let j = 0; j < numberOfNewSymbols; i++, j++) {
+    if (flags[i]) {
+      exportedSymbols.push(newSymbols[j]);
+    }
+  }
+  return exportedSymbols;
+}
+function decodeTextRegion(huffman, refinement, width, height, defaultPixelValue, numberOfSymbolInstances, stripSize, inputSymbols, symbolCodeLength, transposed, dsOffset, referenceCorner, combinationOperator, huffmanTables, refinementTemplateIndex, refinementAt, decodingContext, logStripSize, huffmanInput) {
+  if (huffman && refinement) {
+    throw new Jbig2Error("refinement with Huffman is not supported");
+  }
+  const bitmap = [];
+  let i, row;
+  for (i = 0; i < height; i++) {
+    row = new Uint8Array(width);
+    if (defaultPixelValue) {
+      for (let j = 0; j < width; j++) {
+        row[j] = defaultPixelValue;
+      }
+    }
+    bitmap.push(row);
+  }
+  const decoder = decodingContext.decoder;
+  const contextCache = decodingContext.contextCache;
+  let stripT = huffman ? -huffmanTables.tableDeltaT.decode(huffmanInput) : -decodeInteger(contextCache, "IADT", decoder);
+  let firstS = 0;
+  i = 0;
+  while (i < numberOfSymbolInstances) {
+    const deltaT = huffman ? huffmanTables.tableDeltaT.decode(huffmanInput) : decodeInteger(contextCache, "IADT", decoder);
+    stripT += deltaT;
+    const deltaFirstS = huffman ? huffmanTables.tableFirstS.decode(huffmanInput) : decodeInteger(contextCache, "IAFS", decoder);
+    firstS += deltaFirstS;
+    let currentS = firstS;
+    do {
+      let currentT = 0;
+      if (stripSize > 1) {
+        currentT = huffman ? huffmanInput.readBits(logStripSize) : decodeInteger(contextCache, "IAIT", decoder);
+      }
+      const t = stripSize * stripT + currentT;
+      const symbolId = huffman ? huffmanTables.symbolIDTable.decode(huffmanInput) : decodeIAID(contextCache, decoder, symbolCodeLength);
+      const applyRefinement = refinement && (huffman ? huffmanInput.readBit() : decodeInteger(contextCache, "IARI", decoder));
+      let symbolBitmap = inputSymbols[symbolId];
+      let symbolWidth = symbolBitmap[0].length;
+      let symbolHeight = symbolBitmap.length;
+      if (applyRefinement) {
+        const rdw = decodeInteger(contextCache, "IARDW", decoder);
+        const rdh = decodeInteger(contextCache, "IARDH", decoder);
+        const rdx = decodeInteger(contextCache, "IARDX", decoder);
+        const rdy = decodeInteger(contextCache, "IARDY", decoder);
+        symbolWidth += rdw;
+        symbolHeight += rdh;
+        symbolBitmap = decodeRefinement(symbolWidth, symbolHeight, refinementTemplateIndex, symbolBitmap, (rdw >> 1) + rdx, (rdh >> 1) + rdy, false, refinementAt, decodingContext);
+      }
+      const offsetT = t - (referenceCorner & 1 ? 0 : symbolHeight - 1);
+      const offsetS = currentS - (referenceCorner & 2 ? symbolWidth - 1 : 0);
+      let s2, t2, symbolRow;
+      if (transposed) {
+        for (s2 = 0; s2 < symbolHeight; s2++) {
+          row = bitmap[offsetS + s2];
+          if (!row) {
+            continue;
+          }
+          symbolRow = symbolBitmap[s2];
+          const maxWidth = Math.min(width - offsetT, symbolWidth);
+          switch (combinationOperator) {
+            case 0:
+              for (t2 = 0; t2 < maxWidth; t2++) {
+                row[offsetT + t2] |= symbolRow[t2];
+              }
+              break;
+            case 2:
+              for (t2 = 0; t2 < maxWidth; t2++) {
+                row[offsetT + t2] ^= symbolRow[t2];
+              }
+              break;
+            default:
+              throw new Jbig2Error(`operator ${combinationOperator} is not supported`);
+          }
+        }
+        currentS += symbolHeight - 1;
+      } else {
+        for (t2 = 0; t2 < symbolHeight; t2++) {
+          row = bitmap[offsetT + t2];
+          if (!row) {
+            continue;
+          }
+          symbolRow = symbolBitmap[t2];
+          switch (combinationOperator) {
+            case 0:
+              for (s2 = 0; s2 < symbolWidth; s2++) {
+                row[offsetS + s2] |= symbolRow[s2];
+              }
+              break;
+            case 2:
+              for (s2 = 0; s2 < symbolWidth; s2++) {
+                row[offsetS + s2] ^= symbolRow[s2];
+              }
+              break;
+            default:
+              throw new Jbig2Error(`operator ${combinationOperator} is not supported`);
+          }
+        }
+        currentS += symbolWidth - 1;
+      }
+      i++;
+      const deltaS = huffman ? huffmanTables.tableDeltaS.decode(huffmanInput) : decodeInteger(contextCache, "IADS", decoder);
+      if (deltaS === null) {
+        break;
+      }
+      currentS += deltaS + dsOffset;
+    } while (true);
+  }
+  return bitmap;
+}
+function decodePatternDictionary(mmr, patternWidth, patternHeight, maxPatternIndex, template, decodingContext) {
+  const at = [];
+  if (!mmr) {
+    at.push({
+      x: -patternWidth,
+      y: 0
+    });
+    if (template === 0) {
+      at.push({
+        x: -3,
+        y: -1
+      }, {
+        x: 2,
+        y: -2
+      }, {
+        x: -2,
+        y: -2
+      });
+    }
+  }
+  const collectiveWidth = (maxPatternIndex + 1) * patternWidth;
+  const collectiveBitmap = decodeBitmap(mmr, collectiveWidth, patternHeight, template, false, null, at, decodingContext);
+  const patterns = [];
+  for (let i = 0; i <= maxPatternIndex; i++) {
+    const patternBitmap = [];
+    const xMin = patternWidth * i;
+    const xMax = xMin + patternWidth;
+    for (let y = 0; y < patternHeight; y++) {
+      patternBitmap.push(collectiveBitmap[y].subarray(xMin, xMax));
+    }
+    patterns.push(patternBitmap);
+  }
+  return patterns;
+}
+function decodeHalftoneRegion(mmr, patterns, template, regionWidth, regionHeight, defaultPixelValue, enableSkip, combinationOperator, gridWidth, gridHeight, gridOffsetX, gridOffsetY, gridVectorX, gridVectorY, decodingContext) {
+  const skip = null;
+  if (enableSkip) {
+    throw new Jbig2Error("skip is not supported");
+  }
+  if (combinationOperator !== 0) {
+    throw new Jbig2Error(`operator "${combinationOperator}" is not supported in halftone region`);
+  }
+  const regionBitmap = [];
+  let i, j, row;
+  for (i = 0; i < regionHeight; i++) {
+    row = new Uint8Array(regionWidth);
+    if (defaultPixelValue) {
+      for (j = 0; j < regionWidth; j++) {
+        row[j] = defaultPixelValue;
+      }
+    }
+    regionBitmap.push(row);
+  }
+  const numberOfPatterns = patterns.length;
+  const pattern0 = patterns[0];
+  const patternWidth = pattern0[0].length,
+    patternHeight = pattern0.length;
+  const bitsPerValue = (0, _core_utils.log2)(numberOfPatterns);
+  const at = [];
+  if (!mmr) {
+    at.push({
+      x: template <= 1 ? 3 : 2,
+      y: -1
+    });
+    if (template === 0) {
+      at.push({
+        x: -3,
+        y: -1
+      }, {
+        x: 2,
+        y: -2
+      }, {
+        x: -2,
+        y: -2
+      });
+    }
+  }
+  const grayScaleBitPlanes = [];
+  let mmrInput, bitmap;
+  if (mmr) {
+    mmrInput = new Reader(decodingContext.data, decodingContext.start, decodingContext.end);
+  }
+  for (i = bitsPerValue - 1; i >= 0; i--) {
+    if (mmr) {
+      bitmap = decodeMMRBitmap(mmrInput, gridWidth, gridHeight, true);
+    } else {
+      bitmap = decodeBitmap(false, gridWidth, gridHeight, template, false, skip, at, decodingContext);
+    }
+    grayScaleBitPlanes[i] = bitmap;
+  }
+  let mg, ng, bit, patternIndex, patternBitmap, x, y, patternRow, regionRow;
+  for (mg = 0; mg < gridHeight; mg++) {
+    for (ng = 0; ng < gridWidth; ng++) {
+      bit = 0;
+      patternIndex = 0;
+      for (j = bitsPerValue - 1; j >= 0; j--) {
+        bit ^= grayScaleBitPlanes[j][mg][ng];
+        patternIndex |= bit << j;
+      }
+      patternBitmap = patterns[patternIndex];
+      x = gridOffsetX + mg * gridVectorY + ng * gridVectorX >> 8;
+      y = gridOffsetY + mg * gridVectorX - ng * gridVectorY >> 8;
+      if (x >= 0 && x + patternWidth <= regionWidth && y >= 0 && y + patternHeight <= regionHeight) {
+        for (i = 0; i < patternHeight; i++) {
+          regionRow = regionBitmap[y + i];
+          patternRow = patternBitmap[i];
+          for (j = 0; j < patternWidth; j++) {
+            regionRow[x + j] |= patternRow[j];
+          }
+        }
+      } else {
+        let regionX, regionY;
+        for (i = 0; i < patternHeight; i++) {
+          regionY = y + i;
+          if (regionY < 0 || regionY >= regionHeight) {
+            continue;
+          }
+          regionRow = regionBitmap[regionY];
+          patternRow = patternBitmap[i];
+          for (j = 0; j < patternWidth; j++) {
+            regionX = x + j;
+            if (regionX >= 0 && regionX < regionWidth) {
+              regionRow[regionX] |= patternRow[j];
+            }
+          }
+        }
+      }
+    }
+  }
+  return regionBitmap;
+}
+function readSegmentHeader(data, start) {
+  const segmentHeader = {};
+  segmentHeader.number = (0, _core_utils.readUint32)(data, start);
+  const flags = data[start + 4];
+  const segmentType = flags & 0x3f;
+  if (!SegmentTypes[segmentType]) {
+    throw new Jbig2Error("invalid segment type: " + segmentType);
+  }
+  segmentHeader.type = segmentType;
+  segmentHeader.typeName = SegmentTypes[segmentType];
+  segmentHeader.deferredNonRetain = !!(flags & 0x80);
+  const pageAssociationFieldSize = !!(flags & 0x40);
+  const referredFlags = data[start + 5];
+  let referredToCount = referredFlags >> 5 & 7;
+  const retainBits = [referredFlags & 31];
+  let position = start + 6;
+  if (referredFlags === 7) {
+    referredToCount = (0, _core_utils.readUint32)(data, position - 1) & 0x1fffffff;
+    position += 3;
+    let bytes = referredToCount + 7 >> 3;
+    retainBits[0] = data[position++];
+    while (--bytes > 0) {
+      retainBits.push(data[position++]);
+    }
+  } else if (referredFlags === 5 || referredFlags === 6) {
+    throw new Jbig2Error("invalid referred-to flags");
+  }
+  segmentHeader.retainBits = retainBits;
+  let referredToSegmentNumberSize = 4;
+  if (segmentHeader.number <= 256) {
+    referredToSegmentNumberSize = 1;
+  } else if (segmentHeader.number <= 65536) {
+    referredToSegmentNumberSize = 2;
+  }
+  const referredTo = [];
+  let i, ii;
+  for (i = 0; i < referredToCount; i++) {
+    let number;
+    if (referredToSegmentNumberSize === 1) {
+      number = data[position];
+    } else if (referredToSegmentNumberSize === 2) {
+      number = (0, _core_utils.readUint16)(data, position);
+    } else {
+      number = (0, _core_utils.readUint32)(data, position);
+    }
+    referredTo.push(number);
+    position += referredToSegmentNumberSize;
+  }
+  segmentHeader.referredTo = referredTo;
+  if (!pageAssociationFieldSize) {
+    segmentHeader.pageAssociation = data[position++];
+  } else {
+    segmentHeader.pageAssociation = (0, _core_utils.readUint32)(data, position);
+    position += 4;
+  }
+  segmentHeader.length = (0, _core_utils.readUint32)(data, position);
+  position += 4;
+  if (segmentHeader.length === 0xffffffff) {
+    if (segmentType === 38) {
+      const genericRegionInfo = readRegionSegmentInformation(data, position);
+      const genericRegionSegmentFlags = data[position + RegionSegmentInformationFieldLength];
+      const genericRegionMmr = !!(genericRegionSegmentFlags & 1);
+      const searchPatternLength = 6;
+      const searchPattern = new Uint8Array(searchPatternLength);
+      if (!genericRegionMmr) {
+        searchPattern[0] = 0xff;
+        searchPattern[1] = 0xac;
+      }
+      searchPattern[2] = genericRegionInfo.height >>> 24 & 0xff;
+      searchPattern[3] = genericRegionInfo.height >> 16 & 0xff;
+      searchPattern[4] = genericRegionInfo.height >> 8 & 0xff;
+      searchPattern[5] = genericRegionInfo.height & 0xff;
+      for (i = position, ii = data.length; i < ii; i++) {
+        let j = 0;
+        while (j < searchPatternLength && searchPattern[j] === data[i + j]) {
+          j++;
+        }
+        if (j === searchPatternLength) {
+          segmentHeader.length = i + searchPatternLength;
+          break;
+        }
+      }
+      if (segmentHeader.length === 0xffffffff) {
+        throw new Jbig2Error("segment end was not found");
+      }
+    } else {
+      throw new Jbig2Error("invalid unknown segment length");
+    }
+  }
+  segmentHeader.headerEnd = position;
+  return segmentHeader;
+}
+function readSegments(header, data, start, end) {
+  const segments = [];
+  let position = start;
+  while (position < end) {
+    const segmentHeader = readSegmentHeader(data, position);
+    position = segmentHeader.headerEnd;
+    const segment = {
+      header: segmentHeader,
+      data
+    };
+    if (!header.randomAccess) {
+      segment.start = position;
+      position += segmentHeader.length;
+      segment.end = position;
+    }
+    segments.push(segment);
+    if (segmentHeader.type === 51) {
+      break;
+    }
+  }
+  if (header.randomAccess) {
+    for (let i = 0, ii = segments.length; i < ii; i++) {
+      segments[i].start = position;
+      position += segments[i].header.length;
+      segments[i].end = position;
+    }
+  }
+  return segments;
+}
+function readRegionSegmentInformation(data, start) {
+  return {
+    width: (0, _core_utils.readUint32)(data, start),
+    height: (0, _core_utils.readUint32)(data, start + 4),
+    x: (0, _core_utils.readUint32)(data, start + 8),
+    y: (0, _core_utils.readUint32)(data, start + 12),
+    combinationOperator: data[start + 16] & 7
+  };
+}
+const RegionSegmentInformationFieldLength = 17;
+function processSegment(segment, visitor) {
+  const header = segment.header;
+  const data = segment.data,
+    end = segment.end;
+  let position = segment.start;
+  let args, at, i, atLength;
+  switch (header.type) {
+    case 0:
+      const dictionary = {};
+      const dictionaryFlags = (0, _core_utils.readUint16)(data, position);
+      dictionary.huffman = !!(dictionaryFlags & 1);
+      dictionary.refinement = !!(dictionaryFlags & 2);
+      dictionary.huffmanDHSelector = dictionaryFlags >> 2 & 3;
+      dictionary.huffmanDWSelector = dictionaryFlags >> 4 & 3;
+      dictionary.bitmapSizeSelector = dictionaryFlags >> 6 & 1;
+      dictionary.aggregationInstancesSelector = dictionaryFlags >> 7 & 1;
+      dictionary.bitmapCodingContextUsed = !!(dictionaryFlags & 256);
+      dictionary.bitmapCodingContextRetained = !!(dictionaryFlags & 512);
+      dictionary.template = dictionaryFlags >> 10 & 3;
+      dictionary.refinementTemplate = dictionaryFlags >> 12 & 1;
+      position += 2;
+      if (!dictionary.huffman) {
+        atLength = dictionary.template === 0 ? 4 : 1;
+        at = [];
+        for (i = 0; i < atLength; i++) {
+          at.push({
+            x: (0, _core_utils.readInt8)(data, position),
+            y: (0, _core_utils.readInt8)(data, position + 1)
+          });
+          position += 2;
+        }
+        dictionary.at = at;
+      }
+      if (dictionary.refinement && !dictionary.refinementTemplate) {
+        at = [];
+        for (i = 0; i < 2; i++) {
+          at.push({
+            x: (0, _core_utils.readInt8)(data, position),
+            y: (0, _core_utils.readInt8)(data, position + 1)
+          });
+          position += 2;
+        }
+        dictionary.refinementAt = at;
+      }
+      dictionary.numberOfExportedSymbols = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      dictionary.numberOfNewSymbols = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      args = [dictionary, header.number, header.referredTo, data, position, end];
+      break;
+    case 6:
+    case 7:
+      const textRegion = {};
+      textRegion.info = readRegionSegmentInformation(data, position);
+      position += RegionSegmentInformationFieldLength;
+      const textRegionSegmentFlags = (0, _core_utils.readUint16)(data, position);
+      position += 2;
+      textRegion.huffman = !!(textRegionSegmentFlags & 1);
+      textRegion.refinement = !!(textRegionSegmentFlags & 2);
+      textRegion.logStripSize = textRegionSegmentFlags >> 2 & 3;
+      textRegion.stripSize = 1 << textRegion.logStripSize;
+      textRegion.referenceCorner = textRegionSegmentFlags >> 4 & 3;
+      textRegion.transposed = !!(textRegionSegmentFlags & 64);
+      textRegion.combinationOperator = textRegionSegmentFlags >> 7 & 3;
+      textRegion.defaultPixelValue = textRegionSegmentFlags >> 9 & 1;
+      textRegion.dsOffset = textRegionSegmentFlags << 17 >> 27;
+      textRegion.refinementTemplate = textRegionSegmentFlags >> 15 & 1;
+      if (textRegion.huffman) {
+        const textRegionHuffmanFlags = (0, _core_utils.readUint16)(data, position);
+        position += 2;
+        textRegion.huffmanFS = textRegionHuffmanFlags & 3;
+        textRegion.huffmanDS = textRegionHuffmanFlags >> 2 & 3;
+        textRegion.huffmanDT = textRegionHuffmanFlags >> 4 & 3;
+        textRegion.huffmanRefinementDW = textRegionHuffmanFlags >> 6 & 3;
+        textRegion.huffmanRefinementDH = textRegionHuffmanFlags >> 8 & 3;
+        textRegion.huffmanRefinementDX = textRegionHuffmanFlags >> 10 & 3;
+        textRegion.huffmanRefinementDY = textRegionHuffmanFlags >> 12 & 3;
+        textRegion.huffmanRefinementSizeSelector = !!(textRegionHuffmanFlags & 0x4000);
+      }
+      if (textRegion.refinement && !textRegion.refinementTemplate) {
+        at = [];
+        for (i = 0; i < 2; i++) {
+          at.push({
+            x: (0, _core_utils.readInt8)(data, position),
+            y: (0, _core_utils.readInt8)(data, position + 1)
+          });
+          position += 2;
+        }
+        textRegion.refinementAt = at;
+      }
+      textRegion.numberOfSymbolInstances = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      args = [textRegion, header.referredTo, data, position, end];
+      break;
+    case 16:
+      const patternDictionary = {};
+      const patternDictionaryFlags = data[position++];
+      patternDictionary.mmr = !!(patternDictionaryFlags & 1);
+      patternDictionary.template = patternDictionaryFlags >> 1 & 3;
+      patternDictionary.patternWidth = data[position++];
+      patternDictionary.patternHeight = data[position++];
+      patternDictionary.maxPatternIndex = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      args = [patternDictionary, header.number, data, position, end];
+      break;
+    case 22:
+    case 23:
+      const halftoneRegion = {};
+      halftoneRegion.info = readRegionSegmentInformation(data, position);
+      position += RegionSegmentInformationFieldLength;
+      const halftoneRegionFlags = data[position++];
+      halftoneRegion.mmr = !!(halftoneRegionFlags & 1);
+      halftoneRegion.template = halftoneRegionFlags >> 1 & 3;
+      halftoneRegion.enableSkip = !!(halftoneRegionFlags & 8);
+      halftoneRegion.combinationOperator = halftoneRegionFlags >> 4 & 7;
+      halftoneRegion.defaultPixelValue = halftoneRegionFlags >> 7 & 1;
+      halftoneRegion.gridWidth = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      halftoneRegion.gridHeight = (0, _core_utils.readUint32)(data, position);
+      position += 4;
+      halftoneRegion.gridOffsetX = (0, _core_utils.readUint32)(data, position) & 0xffffffff;
+      position += 4;
+      halftoneRegion.gridOffsetY = (0, _core_utils.readUint32)(data, position) & 0xffffffff;
+      position += 4;
+      halftoneRegion.gridVectorX = (0, _core_utils.readUint16)(data, position);
+      position += 2;
+      halftoneRegion.gridVectorY = (0, _core_utils.readUint16)(data, position);
+      position += 2;
+      args = [halftoneRegion, header.referredTo, data, position, end];
+      break;
+    case 38:
+    case 39:
+      const genericRegion = {};
+      genericRegion.info = readRegionSegmentInformation(data, position);
+      position += RegionSegmentInformationFieldLength;
+      const genericRegionSegmentFlags = data[position++];
+      genericRegion.mmr = !!(genericRegionSegmentFlags & 1);
+      genericRegion.template = genericRegionSegmentFlags >> 1 & 3;
+      genericRegion.prediction = !!(genericRegionSegmentFlags & 8);
+      if (!genericRegion.mmr) {
+        atLength = genericRegion.template === 0 ? 4 : 1;
+        at = [];
+        for (i = 0; i < atLength; i++) {
+          at.push({
+            x: (0, _core_utils.readInt8)(data, position),
+            y: (0, _core_utils.readInt8)(data, position + 1)
+          });
+          position += 2;
+        }
+        genericRegion.at = at;
+      }
+      args = [genericRegion, data, position, end];
+      break;
+    case 48:
+      const pageInfo = {
+        width: (0, _core_utils.readUint32)(data, position),
+        height: (0, _core_utils.readUint32)(data, position + 4),
+        resolutionX: (0, _core_utils.readUint32)(data, position + 8),
+        resolutionY: (0, _core_utils.readUint32)(data, position + 12)
+      };
+      if (pageInfo.height === 0xffffffff) {
+        delete pageInfo.height;
+      }
+      const pageSegmentFlags = data[position + 16];
+      (0, _core_utils.readUint16)(data, position + 17);
+      pageInfo.lossless = !!(pageSegmentFlags & 1);
+      pageInfo.refinement = !!(pageSegmentFlags & 2);
+      pageInfo.defaultPixelValue = pageSegmentFlags >> 2 & 1;
+      pageInfo.combinationOperator = pageSegmentFlags >> 3 & 3;
+      pageInfo.requiresBuffer = !!(pageSegmentFlags & 32);
+      pageInfo.combinationOperatorOverride = !!(pageSegmentFlags & 64);
+      args = [pageInfo];
+      break;
+    case 49:
+      break;
+    case 50:
+      break;
+    case 51:
+      break;
+    case 53:
+      args = [header.number, data, position, end];
+      break;
+    case 62:
+      break;
+    default:
+      throw new Jbig2Error(`segment type ${header.typeName}(${header.type}) is not implemented`);
+  }
+  const callbackName = "on" + header.typeName;
+  if (callbackName in visitor) {
+    visitor[callbackName].apply(visitor, args);
+  }
+}
+function processSegments(segments, visitor) {
+  for (let i = 0, ii = segments.length; i < ii; i++) {
+    processSegment(segments[i], visitor);
+  }
+}
+function parseJbig2Chunks(chunks) {
+  const visitor = new SimpleSegmentVisitor();
+  for (let i = 0, ii = chunks.length; i < ii; i++) {
+    const chunk = chunks[i];
+    const segments = readSegments({}, chunk.data, chunk.start, chunk.end);
+    processSegments(segments, visitor);
+  }
+  return visitor.buffer;
+}
+function parseJbig2(data) {
+  throw new Error("Not implemented: parseJbig2");
+}
+class SimpleSegmentVisitor {
+  onPageInformation(info) {
+    this.currentPageInfo = info;
+    const rowSize = info.width + 7 >> 3;
+    const buffer = new Uint8ClampedArray(rowSize * info.height);
+    if (info.defaultPixelValue) {
+      buffer.fill(0xff);
+    }
+    this.buffer = buffer;
+  }
+  drawBitmap(regionInfo, bitmap) {
+    const pageInfo = this.currentPageInfo;
+    const width = regionInfo.width,
+      height = regionInfo.height;
+    const rowSize = pageInfo.width + 7 >> 3;
+    const combinationOperator = pageInfo.combinationOperatorOverride ? regionInfo.combinationOperator : pageInfo.combinationOperator;
+    const buffer = this.buffer;
+    const mask0 = 128 >> (regionInfo.x & 7);
+    let offset0 = regionInfo.y * rowSize + (regionInfo.x >> 3);
+    let i, j, mask, offset;
+    switch (combinationOperator) {
+      case 0:
+        for (i = 0; i < height; i++) {
+          mask = mask0;
+          offset = offset0;
+          for (j = 0; j < width; j++) {
+            if (bitmap[i][j]) {
+              buffer[offset] |= mask;
+            }
+            mask >>= 1;
+            if (!mask) {
+              mask = 128;
+              offset++;
+            }
+          }
+          offset0 += rowSize;
+        }
+        break;
+      case 2:
+        for (i = 0; i < height; i++) {
+          mask = mask0;
+          offset = offset0;
+          for (j = 0; j < width; j++) {
+            if (bitmap[i][j]) {
+              buffer[offset] ^= mask;
+            }
+            mask >>= 1;
+            if (!mask) {
+              mask = 128;
+              offset++;
+            }
+          }
+          offset0 += rowSize;
+        }
+        break;
+      default:
+        throw new Jbig2Error(`operator ${combinationOperator} is not supported`);
+    }
+  }
+  onImmediateGenericRegion(region, data, start, end) {
+    const regionInfo = region.info;
+    const decodingContext = new DecodingContext(data, start, end);
+    const bitmap = decodeBitmap(region.mmr, regionInfo.width, regionInfo.height, region.template, region.prediction, null, region.at, decodingContext);
+    this.drawBitmap(regionInfo, bitmap);
+  }
+  onImmediateLosslessGenericRegion() {
+    this.onImmediateGenericRegion(...arguments);
+  }
+  onSymbolDictionary(dictionary, currentSegment, referredSegments, data, start, end) {
+    let huffmanTables, huffmanInput;
+    if (dictionary.huffman) {
+      huffmanTables = getSymbolDictionaryHuffmanTables(dictionary, referredSegments, this.customTables);
+      huffmanInput = new Reader(data, start, end);
+    }
+    let symbols = this.symbols;
+    if (!symbols) {
+      this.symbols = symbols = {};
+    }
+    const inputSymbols = [];
+    for (const referredSegment of referredSegments) {
+      const referredSymbols = symbols[referredSegment];
+      if (referredSymbols) {
+        inputSymbols.push(...referredSymbols);
+      }
+    }
+    const decodingContext = new DecodingContext(data, start, end);
+    symbols[currentSegment] = decodeSymbolDictionary(dictionary.huffman, dictionary.refinement, inputSymbols, dictionary.numberOfNewSymbols, dictionary.numberOfExportedSymbols, huffmanTables, dictionary.template, dictionary.at, dictionary.refinementTemplate, dictionary.refinementAt, decodingContext, huffmanInput);
+  }
+  onImmediateTextRegion(region, referredSegments, data, start, end) {
+    const regionInfo = region.info;
+    let huffmanTables, huffmanInput;
+    const symbols = this.symbols;
+    const inputSymbols = [];
+    for (const referredSegment of referredSegments) {
+      const referredSymbols = symbols[referredSegment];
+      if (referredSymbols) {
+        inputSymbols.push(...referredSymbols);
+      }
+    }
+    const symbolCodeLength = (0, _core_utils.log2)(inputSymbols.length);
+    if (region.huffman) {
+      huffmanInput = new Reader(data, start, end);
+      huffmanTables = getTextRegionHuffmanTables(region, referredSegments, this.customTables, inputSymbols.length, huffmanInput);
+    }
+    const decodingContext = new DecodingContext(data, start, end);
+    const bitmap = decodeTextRegion(region.huffman, region.refinement, regionInfo.width, regionInfo.height, region.defaultPixelValue, region.numberOfSymbolInstances, region.stripSize, inputSymbols, symbolCodeLength, region.transposed, region.dsOffset, region.referenceCorner, region.combinationOperator, huffmanTables, region.refinementTemplate, region.refinementAt, decodingContext, region.logStripSize, huffmanInput);
+    this.drawBitmap(regionInfo, bitmap);
+  }
+  onImmediateLosslessTextRegion() {
+    this.onImmediateTextRegion(...arguments);
+  }
+  onPatternDictionary(dictionary, currentSegment, data, start, end) {
+    let patterns = this.patterns;
+    if (!patterns) {
+      this.patterns = patterns = {};
+    }
+    const decodingContext = new DecodingContext(data, start, end);
+    patterns[currentSegment] = decodePatternDictionary(dictionary.mmr, dictionary.patternWidth, dictionary.patternHeight, dictionary.maxPatternIndex, dictionary.template, decodingContext);
+  }
+  onImmediateHalftoneRegion(region, referredSegments, data, start, end) {
+    const patterns = this.patterns[referredSegments[0]];
+    const regionInfo = region.info;
+    const decodingContext = new DecodingContext(data, start, end);
+    const bitmap = decodeHalftoneRegion(region.mmr, patterns, region.template, regionInfo.width, regionInfo.height, region.defaultPixelValue, region.enableSkip, region.combinationOperator, region.gridWidth, region.gridHeight, region.gridOffsetX, region.gridOffsetY, region.gridVectorX, region.gridVectorY, decodingContext);
+    this.drawBitmap(regionInfo, bitmap);
+  }
+  onImmediateLosslessHalftoneRegion() {
+    this.onImmediateHalftoneRegion(...arguments);
+  }
+  onTables(currentSegment, data, start, end) {
+    let customTables = this.customTables;
+    if (!customTables) {
+      this.customTables = customTables = {};
+    }
+    customTables[currentSegment] = decodeTablesSegment(data, start, end);
+  }
+}
+class HuffmanLine {
+  constructor(lineData) {
+    if (lineData.length === 2) {
+      this.isOOB = true;
+      this.rangeLow = 0;
+      this.prefixLength = lineData[0];
+      this.rangeLength = 0;
+      this.prefixCode = lineData[1];
+      this.isLowerRange = false;
+    } else {
+      this.isOOB = false;
+      this.rangeLow = lineData[0];
+      this.prefixLength = lineData[1];
+      this.rangeLength = lineData[2];
+      this.prefixCode = lineData[3];
+      this.isLowerRange = lineData[4] === "lower";
+    }
+  }
+}
+class HuffmanTreeNode {
+  constructor(line) {
+    this.children = [];
+    if (line) {
+      this.isLeaf = true;
+      this.rangeLength = line.rangeLength;
+      this.rangeLow = line.rangeLow;
+      this.isLowerRange = line.isLowerRange;
+      this.isOOB = line.isOOB;
+    } else {
+      this.isLeaf = false;
+    }
+  }
+  buildTree(line, shift) {
+    const bit = line.prefixCode >> shift & 1;
+    if (shift <= 0) {
+      this.children[bit] = new HuffmanTreeNode(line);
+    } else {
+      let node = this.children[bit];
+      if (!node) {
+        this.children[bit] = node = new HuffmanTreeNode(null);
+      }
+      node.buildTree(line, shift - 1);
+    }
+  }
+  decodeNode(reader) {
+    if (this.isLeaf) {
+      if (this.isOOB) {
+        return null;
+      }
+      const htOffset = reader.readBits(this.rangeLength);
+      return this.rangeLow + (this.isLowerRange ? -htOffset : htOffset);
+    }
+    const node = this.children[reader.readBit()];
+    if (!node) {
+      throw new Jbig2Error("invalid Huffman data");
+    }
+    return node.decodeNode(reader);
+  }
+}
+class HuffmanTable {
+  constructor(lines, prefixCodesDone) {
+    if (!prefixCodesDone) {
+      this.assignPrefixCodes(lines);
+    }
+    this.rootNode = new HuffmanTreeNode(null);
+    for (let i = 0, ii = lines.length; i < ii; i++) {
+      const line = lines[i];
+      if (line.prefixLength > 0) {
+        this.rootNode.buildTree(line, line.prefixLength - 1);
+      }
+    }
+  }
+  decode(reader) {
+    return this.rootNode.decodeNode(reader);
+  }
+  assignPrefixCodes(lines) {
+    const linesLength = lines.length;
+    let prefixLengthMax = 0;
+    for (let i = 0; i < linesLength; i++) {
+      prefixLengthMax = Math.max(prefixLengthMax, lines[i].prefixLength);
+    }
+    const histogram = new Uint32Array(prefixLengthMax + 1);
+    for (let i = 0; i < linesLength; i++) {
+      histogram[lines[i].prefixLength]++;
+    }
+    let currentLength = 1,
+      firstCode = 0,
+      currentCode,
+      currentTemp,
+      line;
+    histogram[0] = 0;
+    while (currentLength <= prefixLengthMax) {
+      firstCode = firstCode + histogram[currentLength - 1] << 1;
+      currentCode = firstCode;
+      currentTemp = 0;
+      while (currentTemp < linesLength) {
+        line = lines[currentTemp];
+        if (line.prefixLength === currentLength) {
+          line.prefixCode = currentCode;
+          currentCode++;
+        }
+        currentTemp++;
+      }
+      currentLength++;
+    }
+  }
+}
+function decodeTablesSegment(data, start, end) {
+  const flags = data[start];
+  const lowestValue = (0, _core_utils.readUint32)(data, start + 1) & 0xffffffff;
+  const highestValue = (0, _core_utils.readUint32)(data, start + 5) & 0xffffffff;
+  const reader = new Reader(data, start + 9, end);
+  const prefixSizeBits = (flags >> 1 & 7) + 1;
+  const rangeSizeBits = (flags >> 4 & 7) + 1;
+  const lines = [];
+  let prefixLength,
+    rangeLength,
+    currentRangeLow = lowestValue;
+  do {
+    prefixLength = reader.readBits(prefixSizeBits);
+    rangeLength = reader.readBits(rangeSizeBits);
+    lines.push(new HuffmanLine([currentRangeLow, prefixLength, rangeLength, 0]));
+    currentRangeLow += 1 << rangeLength;
+  } while (currentRangeLow < highestValue);
+  prefixLength = reader.readBits(prefixSizeBits);
+  lines.push(new HuffmanLine([lowestValue - 1, prefixLength, 32, 0, "lower"]));
+  prefixLength = reader.readBits(prefixSizeBits);
+  lines.push(new HuffmanLine([highestValue, prefixLength, 32, 0]));
+  if (flags & 1) {
+    prefixLength = reader.readBits(prefixSizeBits);
+    lines.push(new HuffmanLine([prefixLength, 0]));
+  }
+  return new HuffmanTable(lines, false);
+}
+const standardTablesCache = {};
+function getStandardTable(number) {
+  let table = standardTablesCache[number];
+  if (table) {
+    return table;
+  }
+  let lines;
+  switch (number) {
+    case 1:
+      lines = [[0, 1, 4, 0x0], [16, 2, 8, 0x2], [272, 3, 16, 0x6], [65808, 3, 32, 0x7]];
+      break;
+    case 2:
+      lines = [[0, 1, 0, 0x0], [1, 2, 0, 0x2], [2, 3, 0, 0x6], [3, 4, 3, 0xe], [11, 5, 6, 0x1e], [75, 6, 32, 0x3e], [6, 0x3f]];
+      break;
+    case 3:
+      lines = [[-256, 8, 8, 0xfe], [0, 1, 0, 0x0], [1, 2, 0, 0x2], [2, 3, 0, 0x6], [3, 4, 3, 0xe], [11, 5, 6, 0x1e], [-257, 8, 32, 0xff, "lower"], [75, 7, 32, 0x7e], [6, 0x3e]];
+      break;
+    case 4:
+      lines = [[1, 1, 0, 0x0], [2, 2, 0, 0x2], [3, 3, 0, 0x6], [4, 4, 3, 0xe], [12, 5, 6, 0x1e], [76, 5, 32, 0x1f]];
+      break;
+    case 5:
+      lines = [[-255, 7, 8, 0x7e], [1, 1, 0, 0x0], [2, 2, 0, 0x2], [3, 3, 0, 0x6], [4, 4, 3, 0xe], [12, 5, 6, 0x1e], [-256, 7, 32, 0x7f, "lower"], [76, 6, 32, 0x3e]];
+      break;
+    case 6:
+      lines = [[-2048, 5, 10, 0x1c], [-1024, 4, 9, 0x8], [-512, 4, 8, 0x9], [-256, 4, 7, 0xa], [-128, 5, 6, 0x1d], [-64, 5, 5, 0x1e], [-32, 4, 5, 0xb], [0, 2, 7, 0x0], [128, 3, 7, 0x2], [256, 3, 8, 0x3], [512, 4, 9, 0xc], [1024, 4, 10, 0xd], [-2049, 6, 32, 0x3e, "lower"], [2048, 6, 32, 0x3f]];
+      break;
+    case 7:
+      lines = [[-1024, 4, 9, 0x8], [-512, 3, 8, 0x0], [-256, 4, 7, 0x9], [-128, 5, 6, 0x1a], [-64, 5, 5, 0x1b], [-32, 4, 5, 0xa], [0, 4, 5, 0xb], [32, 5, 5, 0x1c], [64, 5, 6, 0x1d], [128, 4, 7, 0xc], [256, 3, 8, 0x1], [512, 3, 9, 0x2], [1024, 3, 10, 0x3], [-1025, 5, 32, 0x1e, "lower"], [2048, 5, 32, 0x1f]];
+      break;
+    case 8:
+      lines = [[-15, 8, 3, 0xfc], [-7, 9, 1, 0x1fc], [-5, 8, 1, 0xfd], [-3, 9, 0, 0x1fd], [-2, 7, 0, 0x7c], [-1, 4, 0, 0xa], [0, 2, 1, 0x0], [2, 5, 0, 0x1a], [3, 6, 0, 0x3a], [4, 3, 4, 0x4], [20, 6, 1, 0x3b], [22, 4, 4, 0xb], [38, 4, 5, 0xc], [70, 5, 6, 0x1b], [134, 5, 7, 0x1c], [262, 6, 7, 0x3c], [390, 7, 8, 0x7d], [646, 6, 10, 0x3d], [-16, 9, 32, 0x1fe, "lower"], [1670, 9, 32, 0x1ff], [2, 0x1]];
+      break;
+    case 9:
+      lines = [[-31, 8, 4, 0xfc], [-15, 9, 2, 0x1fc], [-11, 8, 2, 0xfd], [-7, 9, 1, 0x1fd], [-5, 7, 1, 0x7c], [-3, 4, 1, 0xa], [-1, 3, 1, 0x2], [1, 3, 1, 0x3], [3, 5, 1, 0x1a], [5, 6, 1, 0x3a], [7, 3, 5, 0x4], [39, 6, 2, 0x3b], [43, 4, 5, 0xb], [75, 4, 6, 0xc], [139, 5, 7, 0x1b], [267, 5, 8, 0x1c], [523, 6, 8, 0x3c], [779, 7, 9, 0x7d], [1291, 6, 11, 0x3d], [-32, 9, 32, 0x1fe, "lower"], [3339, 9, 32, 0x1ff], [2, 0x0]];
+      break;
+    case 10:
+      lines = [[-21, 7, 4, 0x7a], [-5, 8, 0, 0xfc], [-4, 7, 0, 0x7b], [-3, 5, 0, 0x18], [-2, 2, 2, 0x0], [2, 5, 0, 0x19], [3, 6, 0, 0x36], [4, 7, 0, 0x7c], [5, 8, 0, 0xfd], [6, 2, 6, 0x1], [70, 5, 5, 0x1a], [102, 6, 5, 0x37], [134, 6, 6, 0x38], [198, 6, 7, 0x39], [326, 6, 8, 0x3a], [582, 6, 9, 0x3b], [1094, 6, 10, 0x3c], [2118, 7, 11, 0x7d], [-22, 8, 32, 0xfe, "lower"], [4166, 8, 32, 0xff], [2, 0x2]];
+      break;
+    case 11:
+      lines = [[1, 1, 0, 0x0], [2, 2, 1, 0x2], [4, 4, 0, 0xc], [5, 4, 1, 0xd], [7, 5, 1, 0x1c], [9, 5, 2, 0x1d], [13, 6, 2, 0x3c], [17, 7, 2, 0x7a], [21, 7, 3, 0x7b], [29, 7, 4, 0x7c], [45, 7, 5, 0x7d], [77, 7, 6, 0x7e], [141, 7, 32, 0x7f]];
+      break;
+    case 12:
+      lines = [[1, 1, 0, 0x0], [2, 2, 0, 0x2], [3, 3, 1, 0x6], [5, 5, 0, 0x1c], [6, 5, 1, 0x1d], [8, 6, 1, 0x3c], [10, 7, 0, 0x7a], [11, 7, 1, 0x7b], [13, 7, 2, 0x7c], [17, 7, 3, 0x7d], [25, 7, 4, 0x7e], [41, 8, 5, 0xfe], [73, 8, 32, 0xff]];
+      break;
+    case 13:
+      lines = [[1, 1, 0, 0x0], [2, 3, 0, 0x4], [3, 4, 0, 0xc], [4, 5, 0, 0x1c], [5, 4, 1, 0xd], [7, 3, 3, 0x5], [15, 6, 1, 0x3a], [17, 6, 2, 0x3b], [21, 6, 3, 0x3c], [29, 6, 4, 0x3d], [45, 6, 5, 0x3e], [77, 7, 6, 0x7e], [141, 7, 32, 0x7f]];
+      break;
+    case 14:
+      lines = [[-2, 3, 0, 0x4], [-1, 3, 0, 0x5], [0, 1, 0, 0x0], [1, 3, 0, 0x6], [2, 3, 0, 0x7]];
+      break;
+    case 15:
+      lines = [[-24, 7, 4, 0x7c], [-8, 6, 2, 0x3c], [-4, 5, 1, 0x1c], [-2, 4, 0, 0xc], [-1, 3, 0, 0x4], [0, 1, 0, 0x0], [1, 3, 0, 0x5], [2, 4, 0, 0xd], [3, 5, 1, 0x1d], [5, 6, 2, 0x3d], [9, 7, 4, 0x7d], [-25, 7, 32, 0x7e, "lower"], [25, 7, 32, 0x7f]];
+      break;
+    default:
+      throw new Jbig2Error(`standard table B.${number} does not exist`);
+  }
+  for (let i = 0, ii = lines.length; i < ii; i++) {
+    lines[i] = new HuffmanLine(lines[i]);
+  }
+  table = new HuffmanTable(lines, true);
+  standardTablesCache[number] = table;
+  return table;
+}
+class Reader {
+  constructor(data, start, end) {
+    this.data = data;
+    this.start = start;
+    this.end = end;
+    this.position = start;
+    this.shift = -1;
+    this.currentByte = 0;
+  }
+  readBit() {
+    if (this.shift < 0) {
+      if (this.position >= this.end) {
+        throw new Jbig2Error("end of data while reading bit");
+      }
+      this.currentByte = this.data[this.position++];
+      this.shift = 7;
+    }
+    const bit = this.currentByte >> this.shift & 1;
+    this.shift--;
+    return bit;
+  }
+  readBits(numBits) {
+    let result = 0,
+      i;
+    for (i = numBits - 1; i >= 0; i--) {
+      result |= this.readBit() << i;
+    }
+    return result;
+  }
+  byteAlign() {
+    this.shift = -1;
+  }
+  next() {
+    if (this.position >= this.end) {
+      return -1;
+    }
+    return this.data[this.position++];
+  }
+}
+function getCustomHuffmanTable(index, referredTo, customTables) {
+  let currentIndex = 0;
+  for (let i = 0, ii = referredTo.length; i < ii; i++) {
+    const table = customTables[referredTo[i]];
+    if (table) {
+      if (index === currentIndex) {
+        return table;
+      }
+      currentIndex++;
+    }
+  }
+  throw new Jbig2Error("can't find custom Huffman table");
+}
+function getTextRegionHuffmanTables(textRegion, referredTo, customTables, numberOfSymbols, reader) {
+  const codes = [];
+  for (let i = 0; i <= 34; i++) {
+    const codeLength = reader.readBits(4);
+    codes.push(new HuffmanLine([i, codeLength, 0, 0]));
+  }
+  const runCodesTable = new HuffmanTable(codes, false);
+  codes.length = 0;
+  for (let i = 0; i < numberOfSymbols;) {
+    const codeLength = runCodesTable.decode(reader);
+    if (codeLength >= 32) {
+      let repeatedLength, numberOfRepeats, j;
+      switch (codeLength) {
+        case 32:
+          if (i === 0) {
+            throw new Jbig2Error("no previous value in symbol ID table");
+          }
+          numberOfRepeats = reader.readBits(2) + 3;
+          repeatedLength = codes[i - 1].prefixLength;
+          break;
+        case 33:
+          numberOfRepeats = reader.readBits(3) + 3;
+          repeatedLength = 0;
+          break;
+        case 34:
+          numberOfRepeats = reader.readBits(7) + 11;
+          repeatedLength = 0;
+          break;
+        default:
+          throw new Jbig2Error("invalid code length in symbol ID table");
+      }
+      for (j = 0; j < numberOfRepeats; j++) {
+        codes.push(new HuffmanLine([i, repeatedLength, 0, 0]));
+        i++;
+      }
+    } else {
+      codes.push(new HuffmanLine([i, codeLength, 0, 0]));
+      i++;
+    }
+  }
+  reader.byteAlign();
+  const symbolIDTable = new HuffmanTable(codes, false);
+  let customIndex = 0,
+    tableFirstS,
+    tableDeltaS,
+    tableDeltaT;
+  switch (textRegion.huffmanFS) {
+    case 0:
+    case 1:
+      tableFirstS = getStandardTable(textRegion.huffmanFS + 6);
+      break;
+    case 3:
+      tableFirstS = getCustomHuffmanTable(customIndex, referredTo, customTables);
+      customIndex++;
+      break;
+    default:
+      throw new Jbig2Error("invalid Huffman FS selector");
+  }
+  switch (textRegion.huffmanDS) {
+    case 0:
+    case 1:
+    case 2:
+      tableDeltaS = getStandardTable(textRegion.huffmanDS + 8);
+      break;
+    case 3:
+      tableDeltaS = getCustomHuffmanTable(customIndex, referredTo, customTables);
+      customIndex++;
+      break;
+    default:
+      throw new Jbig2Error("invalid Huffman DS selector");
+  }
+  switch (textRegion.huffmanDT) {
+    case 0:
+    case 1:
+    case 2:
+      tableDeltaT = getStandardTable(textRegion.huffmanDT + 11);
+      break;
+    case 3:
+      tableDeltaT = getCustomHuffmanTable(customIndex, referredTo, customTables);
+      customIndex++;
+      break;
+    default:
+      throw new Jbig2Error("invalid Huffman DT selector");
+  }
+  if (textRegion.refinement) {
+    throw new Jbig2Error("refinement with Huffman is not supported");
+  }
+  return {
+    symbolIDTable,
+    tableFirstS,
+    tableDeltaS,
+    tableDeltaT
+  };
+}
+function getSymbolDictionaryHuffmanTables(dictionary, referredTo, customTables) {
+  let customIndex = 0,
+    tableDeltaHeight,
+    tableDeltaWidth;
+  switch (dictionary.huffmanDHSelector) {
+    case 0:
+    case 1:
+      tableDeltaHeight = getStandardTable(dictionary.huffmanDHSelector + 4);
+      break;
+    case 3:
+      tableDeltaHeight = getCustomHuffmanTable(customIndex, referredTo, customTables);
+      customIndex++;
+      break;
+    default:
+      throw new Jbig2Error("invalid Huffman DH selector");
+  }
+  switch (dictionary.huffmanDWSelector) {
+    case 0:
+    case 1:
+      tableDeltaWidth = getStandardTable(dictionary.huffmanDWSelector + 2);
+      break;
+    case 3:
+      tableDeltaWidth = getCustomHuffmanTable(customIndex, referredTo, customTables);
+      customIndex++;
+      break;
+    default:
+      throw new Jbig2Error("invalid Huffman DW selector");
+  }
+  let tableBitmapSize, tableAggregateInstances;
+  if (dictionary.bitmapSizeSelector) {
+    tableBitmapSize = getCustomHuffmanTable(customIndex, referredTo, customTables);
+    customIndex++;
+  } else {
+    tableBitmapSize = getStandardTable(1);
+  }
+  if (dictionary.aggregationInstancesSelector) {
+    tableAggregateInstances = getCustomHuffmanTable(customIndex, referredTo, customTables);
+  } else {
+    tableAggregateInstances = getStandardTable(1);
+  }
+  return {
+    tableDeltaHeight,
+    tableDeltaWidth,
+    tableBitmapSize,
+    tableAggregateInstances
+  };
+}
+function readUncompressedBitmap(reader, width, height) {
+  const bitmap = [];
+  for (let y = 0; y < height; y++) {
+    const row = new Uint8Array(width);
+    bitmap.push(row);
+    for (let x = 0; x < width; x++) {
+      row[x] = reader.readBit();
+    }
+    reader.byteAlign();
+  }
+  return bitmap;
+}
+function decodeMMRBitmap(input, width, height, endOfBlock) {
+  const params = {
+    K: -1,
+    Columns: width,
+    Rows: height,
+    BlackIs1: true,
+    EndOfBlock: endOfBlock
+  };
+  const decoder = new _ccitt.CCITTFaxDecoder(input, params);
+  const bitmap = [];
+  let currentByte,
+    eof = false;
+  for (let y = 0; y < height; y++) {
+    const row = new Uint8Array(width);
+    bitmap.push(row);
+    let shift = -1;
+    for (let x = 0; x < width; x++) {
+      if (shift < 0) {
+        currentByte = decoder.readNextChar();
+        if (currentByte === -1) {
+          currentByte = 0;
+          eof = true;
+        }
+        shift = 7;
+      }
+      row[x] = currentByte >> shift & 1;
+      shift--;
+    }
+  }
+  if (endOfBlock && !eof) {
+    const lookForEOFLimit = 5;
+    for (let i = 0; i < lookForEOFLimit; i++) {
+      if (decoder.readNextChar() === -1) {
+        break;
+      }
+    }
+  }
+  return bitmap;
+}
+class Jbig2Image {
+  parseChunks(chunks) {
+    return parseJbig2Chunks(chunks);
+  }
+  parse(data) {
+    throw new Error("Not implemented: Jbig2Image.parse");
+  }
+}
+exports.Jbig2Image = Jbig2Image;
+
+/***/ }),
+/* 25 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ArithmeticDecoder = void 0;
+const QeTable = [{
+  qe: 0x5601,
+  nmps: 1,
+  nlps: 1,
+  switchFlag: 1
+}, {
+  qe: 0x3401,
+  nmps: 2,
+  nlps: 6,
+  switchFlag: 0
+}, {
+  qe: 0x1801,
+  nmps: 3,
+  nlps: 9,
+  switchFlag: 0
+}, {
+  qe: 0x0ac1,
+  nmps: 4,
+  nlps: 12,
+  switchFlag: 0
+}, {
+  qe: 0x0521,
+  nmps: 5,
+  nlps: 29,
+  switchFlag: 0
+}, {
+  qe: 0x0221,
+  nmps: 38,
+  nlps: 33,
+  switchFlag: 0
+}, {
+  qe: 0x5601,
+  nmps: 7,
+  nlps: 6,
+  switchFlag: 1
+}, {
+  qe: 0x5401,
+  nmps: 8,
+  nlps: 14,
+  switchFlag: 0
+}, {
+  qe: 0x4801,
+  nmps: 9,
+  nlps: 14,
+  switchFlag: 0
+}, {
+  qe: 0x3801,
+  nmps: 10,
+  nlps: 14,
+  switchFlag: 0
+}, {
+  qe: 0x3001,
+  nmps: 11,
+  nlps: 17,
+  switchFlag: 0
+}, {
+  qe: 0x2401,
+  nmps: 12,
+  nlps: 18,
+  switchFlag: 0
+}, {
+  qe: 0x1c01,
+  nmps: 13,
+  nlps: 20,
+  switchFlag: 0
+}, {
+  qe: 0x1601,
+  nmps: 29,
+  nlps: 21,
+  switchFlag: 0
+}, {
+  qe: 0x5601,
+  nmps: 15,
+  nlps: 14,
+  switchFlag: 1
+}, {
+  qe: 0x5401,
+  nmps: 16,
+  nlps: 14,
+  switchFlag: 0
+}, {
+  qe: 0x5101,
+  nmps: 17,
+  nlps: 15,
+  switchFlag: 0
+}, {
+  qe: 0x4801,
+  nmps: 18,
+  nlps: 16,
+  switchFlag: 0
+}, {
+  qe: 0x3801,
+  nmps: 19,
+  nlps: 17,
+  switchFlag: 0
+}, {
+  qe: 0x3401,
+  nmps: 20,
+  nlps: 18,
+  switchFlag: 0
+}, {
+  qe: 0x3001,
+  nmps: 21,
+  nlps: 19,
+  switchFlag: 0
+}, {
+  qe: 0x2801,
+  nmps: 22,
+  nlps: 19,
+  switchFlag: 0
+}, {
+  qe: 0x2401,
+  nmps: 23,
+  nlps: 20,
+  switchFlag: 0
+}, {
+  qe: 0x2201,
+  nmps: 24,
+  nlps: 21,
+  switchFlag: 0
+}, {
+  qe: 0x1c01,
+  nmps: 25,
+  nlps: 22,
+  switchFlag: 0
+}, {
+  qe: 0x1801,
+  nmps: 26,
+  nlps: 23,
+  switchFlag: 0
+}, {
+  qe: 0x1601,
+  nmps: 27,
+  nlps: 24,
+  switchFlag: 0
+}, {
+  qe: 0x1401,
+  nmps: 28,
+  nlps: 25,
+  switchFlag: 0
+}, {
+  qe: 0x1201,
+  nmps: 29,
+  nlps: 26,
+  switchFlag: 0
+}, {
+  qe: 0x1101,
+  nmps: 30,
+  nlps: 27,
+  switchFlag: 0
+}, {
+  qe: 0x0ac1,
+  nmps: 31,
+  nlps: 28,
+  switchFlag: 0
+}, {
+  qe: 0x09c1,
+  nmps: 32,
+  nlps: 29,
+  switchFlag: 0
+}, {
+  qe: 0x08a1,
+  nmps: 33,
+  nlps: 30,
+  switchFlag: 0
+}, {
+  qe: 0x0521,
+  nmps: 34,
+  nlps: 31,
+  switchFlag: 0
+}, {
+  qe: 0x0441,
+  nmps: 35,
+  nlps: 32,
+  switchFlag: 0
+}, {
+  qe: 0x02a1,
+  nmps: 36,
+  nlps: 33,
+  switchFlag: 0
+}, {
+  qe: 0x0221,
+  nmps: 37,
+  nlps: 34,
+  switchFlag: 0
+}, {
+  qe: 0x0141,
+  nmps: 38,
+  nlps: 35,
+  switchFlag: 0
+}, {
+  qe: 0x0111,
+  nmps: 39,
+  nlps: 36,
+  switchFlag: 0
+}, {
+  qe: 0x0085,
+  nmps: 40,
+  nlps: 37,
+  switchFlag: 0
+}, {
+  qe: 0x0049,
+  nmps: 41,
+  nlps: 38,
+  switchFlag: 0
+}, {
+  qe: 0x0025,
+  nmps: 42,
+  nlps: 39,
+  switchFlag: 0
+}, {
+  qe: 0x0015,
+  nmps: 43,
+  nlps: 40,
+  switchFlag: 0
+}, {
+  qe: 0x0009,
+  nmps: 44,
+  nlps: 41,
+  switchFlag: 0
+}, {
+  qe: 0x0005,
+  nmps: 45,
+  nlps: 42,
+  switchFlag: 0
+}, {
+  qe: 0x0001,
+  nmps: 45,
+  nlps: 43,
+  switchFlag: 0
+}, {
+  qe: 0x5601,
+  nmps: 46,
+  nlps: 46,
+  switchFlag: 0
+}];
+class ArithmeticDecoder {
+  constructor(data, start, end) {
+    this.data = data;
+    this.bp = start;
+    this.dataEnd = end;
+    this.chigh = data[start];
+    this.clow = 0;
+    this.byteIn();
+    this.chigh = this.chigh << 7 & 0xffff | this.clow >> 9 & 0x7f;
+    this.clow = this.clow << 7 & 0xffff;
+    this.ct -= 7;
+    this.a = 0x8000;
+  }
+  byteIn() {
+    const data = this.data;
+    let bp = this.bp;
+    if (data[bp] === 0xff) {
+      if (data[bp + 1] > 0x8f) {
+        this.clow += 0xff00;
+        this.ct = 8;
+      } else {
+        bp++;
+        this.clow += data[bp] << 9;
+        this.ct = 7;
+        this.bp = bp;
+      }
+    } else {
+      bp++;
+      this.clow += bp < this.dataEnd ? data[bp] << 8 : 0xff00;
+      this.ct = 8;
+      this.bp = bp;
+    }
+    if (this.clow > 0xffff) {
+      this.chigh += this.clow >> 16;
+      this.clow &= 0xffff;
+    }
+  }
+  readBit(contexts, pos) {
+    let cx_index = contexts[pos] >> 1,
+      cx_mps = contexts[pos] & 1;
+    const qeTableIcx = QeTable[cx_index];
+    const qeIcx = qeTableIcx.qe;
+    let d;
+    let a = this.a - qeIcx;
+    if (this.chigh < qeIcx) {
+      if (a < qeIcx) {
+        a = qeIcx;
+        d = cx_mps;
+        cx_index = qeTableIcx.nmps;
+      } else {
+        a = qeIcx;
+        d = 1 ^ cx_mps;
+        if (qeTableIcx.switchFlag === 1) {
+          cx_mps = d;
+        }
+        cx_index = qeTableIcx.nlps;
+      }
+    } else {
+      this.chigh -= qeIcx;
+      if ((a & 0x8000) !== 0) {
+        this.a = a;
+        return cx_mps;
+      }
+      if (a < qeIcx) {
+        d = 1 ^ cx_mps;
+        if (qeTableIcx.switchFlag === 1) {
+          cx_mps = d;
+        }
+        cx_index = qeTableIcx.nlps;
+      } else {
+        d = cx_mps;
+        cx_index = qeTableIcx.nmps;
+      }
+    }
+    do {
+      if (this.ct === 0) {
+        this.byteIn();
+      }
+      a <<= 1;
+      this.chigh = this.chigh << 1 & 0xffff | this.clow >> 15 & 1;
+      this.clow = this.clow << 1 & 0xffff;
+      this.ct--;
+    } while ((a & 0x8000) === 0);
+    this.a = a;
+    contexts[pos] = cx_index << 1 | cx_mps;
+    return d;
+  }
+}
+exports.ArithmeticDecoder = ArithmeticDecoder;
+
+/***/ }),
+/* 26 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.JpegStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+var _primitives = __w_pdfjs_require__(4);
+var _jpg = __w_pdfjs_require__(27);
+var _util = __w_pdfjs_require__(2);
+class JpegStream extends _decode_stream.DecodeStream {
+  constructor(stream, maybeLength, params) {
+    let ch;
+    while ((ch = stream.getByte()) !== -1) {
+      if (ch === 0xff) {
+        stream.skip(-1);
+        break;
+      }
+    }
+    super(maybeLength);
+    this.stream = stream;
+    this.dict = stream.dict;
+    this.maybeLength = maybeLength;
+    this.params = params;
+  }
+  get bytes() {
+    return (0, _util.shadow)(this, "bytes", this.stream.getBytes(this.maybeLength));
+  }
+  ensureBuffer(requested) {}
+  readBlock() {
+    if (this.eof) {
+      return;
+    }
+    const jpegOptions = {
+      decodeTransform: undefined,
+      colorTransform: undefined
+    };
+    const decodeArr = this.dict.getArray("D", "Decode");
+    if ((this.forceRGBA || this.forceRGB) && Array.isArray(decodeArr)) {
+      const bitsPerComponent = this.dict.get("BPC", "BitsPerComponent") || 8;
+      const decodeArrLength = decodeArr.length;
+      const transform = new Int32Array(decodeArrLength);
+      let transformNeeded = false;
+      const maxValue = (1 << bitsPerComponent) - 1;
+      for (let i = 0; i < decodeArrLength; i += 2) {
+        transform[i] = (decodeArr[i + 1] - decodeArr[i]) * 256 | 0;
+        transform[i + 1] = decodeArr[i] * maxValue | 0;
+        if (transform[i] !== 256 || transform[i + 1] !== 0) {
+          transformNeeded = true;
+        }
+      }
+      if (transformNeeded) {
+        jpegOptions.decodeTransform = transform;
+      }
+    }
+    if (this.params instanceof _primitives.Dict) {
+      const colorTransform = this.params.get("ColorTransform");
+      if (Number.isInteger(colorTransform)) {
+        jpegOptions.colorTransform = colorTransform;
+      }
+    }
+    const jpegImage = new _jpg.JpegImage(jpegOptions);
+    jpegImage.parse(this.bytes);
+    const data = jpegImage.getData({
+      width: this.drawWidth,
+      height: this.drawHeight,
+      forceRGBA: this.forceRGBA,
+      forceRGB: this.forceRGB,
+      isSourcePDF: true
+    });
+    this.buffer = data;
+    this.bufferLength = data.length;
+    this.eof = true;
+  }
+}
+exports.JpegStream = JpegStream;
+
+/***/ }),
+/* 27 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.JpegImage = void 0;
+var _util = __w_pdfjs_require__(2);
+var _image_utils = __w_pdfjs_require__(28);
+var _core_utils = __w_pdfjs_require__(3);
+class JpegError extends _util.BaseException {
+  constructor(msg) {
+    super(`JPEG error: ${msg}`, "JpegError");
+  }
+}
+class DNLMarkerError extends _util.BaseException {
+  constructor(message, scanLines) {
+    super(message, "DNLMarkerError");
+    this.scanLines = scanLines;
+  }
+}
+class EOIMarkerError extends _util.BaseException {
+  constructor(msg) {
+    super(msg, "EOIMarkerError");
+  }
+}
+const dctZigZag = new Uint8Array([0, 1, 8, 16, 9, 2, 3, 10, 17, 24, 32, 25, 18, 11, 4, 5, 12, 19, 26, 33, 40, 48, 41, 34, 27, 20, 13, 6, 7, 14, 21, 28, 35, 42, 49, 56, 57, 50, 43, 36, 29, 22, 15, 23, 30, 37, 44, 51, 58, 59, 52, 45, 38, 31, 39, 46, 53, 60, 61, 54, 47, 55, 62, 63]);
+const dctCos1 = 4017;
+const dctSin1 = 799;
+const dctCos3 = 3406;
+const dctSin3 = 2276;
+const dctCos6 = 1567;
+const dctSin6 = 3784;
+const dctSqrt2 = 5793;
+const dctSqrt1d2 = 2896;
+function buildHuffmanTable(codeLengths, values) {
+  let k = 0,
+    i,
+    j,
+    length = 16;
+  while (length > 0 && !codeLengths[length - 1]) {
+    length--;
+  }
+  const code = [{
+    children: [],
+    index: 0
+  }];
+  let p = code[0],
+    q;
+  for (i = 0; i < length; i++) {
+    for (j = 0; j < codeLengths[i]; j++) {
+      p = code.pop();
+      p.children[p.index] = values[k];
+      while (p.index > 0) {
+        p = code.pop();
+      }
+      p.index++;
+      code.push(p);
+      while (code.length <= i) {
+        code.push(q = {
+          children: [],
+          index: 0
+        });
+        p.children[p.index] = q.children;
+        p = q;
+      }
+      k++;
+    }
+    if (i + 1 < length) {
+      code.push(q = {
+        children: [],
+        index: 0
+      });
+      p.children[p.index] = q.children;
+      p = q;
+    }
+  }
+  return code[0].children;
+}
+function getBlockBufferOffset(component, row, col) {
+  return 64 * ((component.blocksPerLine + 1) * row + col);
+}
+function decodeScan(data, offset, frame, components, resetInterval, spectralStart, spectralEnd, successivePrev, successive, parseDNLMarker = false) {
+  const mcusPerLine = frame.mcusPerLine;
+  const progressive = frame.progressive;
+  const startOffset = offset;
+  let bitsData = 0,
+    bitsCount = 0;
+  function readBit() {
+    if (bitsCount > 0) {
+      bitsCount--;
+      return bitsData >> bitsCount & 1;
+    }
+    bitsData = data[offset++];
+    if (bitsData === 0xff) {
+      const nextByte = data[offset++];
+      if (nextByte) {
+        if (nextByte === 0xdc && parseDNLMarker) {
+          offset += 2;
+          const scanLines = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          if (scanLines > 0 && scanLines !== frame.scanLines) {
+            throw new DNLMarkerError("Found DNL marker (0xFFDC) while parsing scan data", scanLines);
+          }
+        } else if (nextByte === 0xd9) {
+          if (parseDNLMarker) {
+            const maybeScanLines = blockRow * (frame.precision === 8 ? 8 : 0);
+            if (maybeScanLines > 0 && Math.round(frame.scanLines / maybeScanLines) >= 5) {
+              throw new DNLMarkerError("Found EOI marker (0xFFD9) while parsing scan data, " + "possibly caused by incorrect `scanLines` parameter", maybeScanLines);
+            }
+          }
+          throw new EOIMarkerError("Found EOI marker (0xFFD9) while parsing scan data");
+        }
+        throw new JpegError(`unexpected marker ${(bitsData << 8 | nextByte).toString(16)}`);
+      }
+    }
+    bitsCount = 7;
+    return bitsData >>> 7;
+  }
+  function decodeHuffman(tree) {
+    let node = tree;
+    while (true) {
+      node = node[readBit()];
+      switch (typeof node) {
+        case "number":
+          return node;
+        case "object":
+          continue;
+      }
+      throw new JpegError("invalid huffman sequence");
+    }
+  }
+  function receive(length) {
+    let n = 0;
+    while (length > 0) {
+      n = n << 1 | readBit();
+      length--;
+    }
+    return n;
+  }
+  function receiveAndExtend(length) {
+    if (length === 1) {
+      return readBit() === 1 ? 1 : -1;
+    }
+    const n = receive(length);
+    if (n >= 1 << length - 1) {
+      return n;
+    }
+    return n + (-1 << length) + 1;
+  }
+  function decodeBaseline(component, blockOffset) {
+    const t = decodeHuffman(component.huffmanTableDC);
+    const diff = t === 0 ? 0 : receiveAndExtend(t);
+    component.blockData[blockOffset] = component.pred += diff;
+    let k = 1;
+    while (k < 64) {
+      const rs = decodeHuffman(component.huffmanTableAC);
+      const s = rs & 15,
+        r = rs >> 4;
+      if (s === 0) {
+        if (r < 15) {
+          break;
+        }
+        k += 16;
+        continue;
+      }
+      k += r;
+      const z = dctZigZag[k];
+      component.blockData[blockOffset + z] = receiveAndExtend(s);
+      k++;
+    }
+  }
+  function decodeDCFirst(component, blockOffset) {
+    const t = decodeHuffman(component.huffmanTableDC);
+    const diff = t === 0 ? 0 : receiveAndExtend(t) << successive;
+    component.blockData[blockOffset] = component.pred += diff;
+  }
+  function decodeDCSuccessive(component, blockOffset) {
+    component.blockData[blockOffset] |= readBit() << successive;
+  }
+  let eobrun = 0;
+  function decodeACFirst(component, blockOffset) {
+    if (eobrun > 0) {
+      eobrun--;
+      return;
+    }
+    let k = spectralStart;
+    const e = spectralEnd;
+    while (k <= e) {
+      const rs = decodeHuffman(component.huffmanTableAC);
+      const s = rs & 15,
+        r = rs >> 4;
+      if (s === 0) {
+        if (r < 15) {
+          eobrun = receive(r) + (1 << r) - 1;
+          break;
+        }
+        k += 16;
+        continue;
+      }
+      k += r;
+      const z = dctZigZag[k];
+      component.blockData[blockOffset + z] = receiveAndExtend(s) * (1 << successive);
+      k++;
+    }
+  }
+  let successiveACState = 0,
+    successiveACNextValue;
+  function decodeACSuccessive(component, blockOffset) {
+    let k = spectralStart;
+    const e = spectralEnd;
+    let r = 0;
+    let s;
+    let rs;
+    while (k <= e) {
+      const offsetZ = blockOffset + dctZigZag[k];
+      const sign = component.blockData[offsetZ] < 0 ? -1 : 1;
+      switch (successiveACState) {
+        case 0:
+          rs = decodeHuffman(component.huffmanTableAC);
+          s = rs & 15;
+          r = rs >> 4;
+          if (s === 0) {
+            if (r < 15) {
+              eobrun = receive(r) + (1 << r);
+              successiveACState = 4;
+            } else {
+              r = 16;
+              successiveACState = 1;
+            }
+          } else {
+            if (s !== 1) {
+              throw new JpegError("invalid ACn encoding");
+            }
+            successiveACNextValue = receiveAndExtend(s);
+            successiveACState = r ? 2 : 3;
+          }
+          continue;
+        case 1:
+        case 2:
+          if (component.blockData[offsetZ]) {
+            component.blockData[offsetZ] += sign * (readBit() << successive);
+          } else {
+            r--;
+            if (r === 0) {
+              successiveACState = successiveACState === 2 ? 3 : 0;
+            }
+          }
+          break;
+        case 3:
+          if (component.blockData[offsetZ]) {
+            component.blockData[offsetZ] += sign * (readBit() << successive);
+          } else {
+            component.blockData[offsetZ] = successiveACNextValue << successive;
+            successiveACState = 0;
+          }
+          break;
+        case 4:
+          if (component.blockData[offsetZ]) {
+            component.blockData[offsetZ] += sign * (readBit() << successive);
+          }
+          break;
+      }
+      k++;
+    }
+    if (successiveACState === 4) {
+      eobrun--;
+      if (eobrun === 0) {
+        successiveACState = 0;
+      }
+    }
+  }
+  let blockRow = 0;
+  function decodeMcu(component, decode, mcu, row, col) {
+    const mcuRow = mcu / mcusPerLine | 0;
+    const mcuCol = mcu % mcusPerLine;
+    blockRow = mcuRow * component.v + row;
+    const blockCol = mcuCol * component.h + col;
+    const blockOffset = getBlockBufferOffset(component, blockRow, blockCol);
+    decode(component, blockOffset);
+  }
+  function decodeBlock(component, decode, mcu) {
+    blockRow = mcu / component.blocksPerLine | 0;
+    const blockCol = mcu % component.blocksPerLine;
+    const blockOffset = getBlockBufferOffset(component, blockRow, blockCol);
+    decode(component, blockOffset);
+  }
+  const componentsLength = components.length;
+  let component, i, j, k, n;
+  let decodeFn;
+  if (progressive) {
+    if (spectralStart === 0) {
+      decodeFn = successivePrev === 0 ? decodeDCFirst : decodeDCSuccessive;
+    } else {
+      decodeFn = successivePrev === 0 ? decodeACFirst : decodeACSuccessive;
+    }
+  } else {
+    decodeFn = decodeBaseline;
+  }
+  let mcu = 0,
+    fileMarker;
+  let mcuExpected;
+  if (componentsLength === 1) {
+    mcuExpected = components[0].blocksPerLine * components[0].blocksPerColumn;
+  } else {
+    mcuExpected = mcusPerLine * frame.mcusPerColumn;
+  }
+  let h, v;
+  while (mcu <= mcuExpected) {
+    const mcuToRead = resetInterval ? Math.min(mcuExpected - mcu, resetInterval) : mcuExpected;
+    if (mcuToRead > 0) {
+      for (i = 0; i < componentsLength; i++) {
+        components[i].pred = 0;
+      }
+      eobrun = 0;
+      if (componentsLength === 1) {
+        component = components[0];
+        for (n = 0; n < mcuToRead; n++) {
+          decodeBlock(component, decodeFn, mcu);
+          mcu++;
+        }
+      } else {
+        for (n = 0; n < mcuToRead; n++) {
+          for (i = 0; i < componentsLength; i++) {
+            component = components[i];
+            h = component.h;
+            v = component.v;
+            for (j = 0; j < v; j++) {
+              for (k = 0; k < h; k++) {
+                decodeMcu(component, decodeFn, mcu, j, k);
+              }
+            }
+          }
+          mcu++;
+        }
+      }
+    }
+    bitsCount = 0;
+    fileMarker = findNextFileMarker(data, offset);
+    if (!fileMarker) {
+      break;
+    }
+    if (fileMarker.invalid) {
+      const partialMsg = mcuToRead > 0 ? "unexpected" : "excessive";
+      (0, _util.warn)(`decodeScan - ${partialMsg} MCU data, current marker is: ${fileMarker.invalid}`);
+      offset = fileMarker.offset;
+    }
+    if (fileMarker.marker >= 0xffd0 && fileMarker.marker <= 0xffd7) {
+      offset += 2;
+    } else {
+      break;
+    }
+  }
+  return offset - startOffset;
+}
+function quantizeAndInverse(component, blockBufferOffset, p) {
+  const qt = component.quantizationTable,
+    blockData = component.blockData;
+  let v0, v1, v2, v3, v4, v5, v6, v7;
+  let p0, p1, p2, p3, p4, p5, p6, p7;
+  let t;
+  if (!qt) {
+    throw new JpegError("missing required Quantization Table.");
+  }
+  for (let row = 0; row < 64; row += 8) {
+    p0 = blockData[blockBufferOffset + row];
+    p1 = blockData[blockBufferOffset + row + 1];
+    p2 = blockData[blockBufferOffset + row + 2];
+    p3 = blockData[blockBufferOffset + row + 3];
+    p4 = blockData[blockBufferOffset + row + 4];
+    p5 = blockData[blockBufferOffset + row + 5];
+    p6 = blockData[blockBufferOffset + row + 6];
+    p7 = blockData[blockBufferOffset + row + 7];
+    p0 *= qt[row];
+    if ((p1 | p2 | p3 | p4 | p5 | p6 | p7) === 0) {
+      t = dctSqrt2 * p0 + 512 >> 10;
+      p[row] = t;
+      p[row + 1] = t;
+      p[row + 2] = t;
+      p[row + 3] = t;
+      p[row + 4] = t;
+      p[row + 5] = t;
+      p[row + 6] = t;
+      p[row + 7] = t;
+      continue;
+    }
+    p1 *= qt[row + 1];
+    p2 *= qt[row + 2];
+    p3 *= qt[row + 3];
+    p4 *= qt[row + 4];
+    p5 *= qt[row + 5];
+    p6 *= qt[row + 6];
+    p7 *= qt[row + 7];
+    v0 = dctSqrt2 * p0 + 128 >> 8;
+    v1 = dctSqrt2 * p4 + 128 >> 8;
+    v2 = p2;
+    v3 = p6;
+    v4 = dctSqrt1d2 * (p1 - p7) + 128 >> 8;
+    v7 = dctSqrt1d2 * (p1 + p7) + 128 >> 8;
+    v5 = p3 << 4;
+    v6 = p5 << 4;
+    v0 = v0 + v1 + 1 >> 1;
+    v1 = v0 - v1;
+    t = v2 * dctSin6 + v3 * dctCos6 + 128 >> 8;
+    v2 = v2 * dctCos6 - v3 * dctSin6 + 128 >> 8;
+    v3 = t;
+    v4 = v4 + v6 + 1 >> 1;
+    v6 = v4 - v6;
+    v7 = v7 + v5 + 1 >> 1;
+    v5 = v7 - v5;
+    v0 = v0 + v3 + 1 >> 1;
+    v3 = v0 - v3;
+    v1 = v1 + v2 + 1 >> 1;
+    v2 = v1 - v2;
+    t = v4 * dctSin3 + v7 * dctCos3 + 2048 >> 12;
+    v4 = v4 * dctCos3 - v7 * dctSin3 + 2048 >> 12;
+    v7 = t;
+    t = v5 * dctSin1 + v6 * dctCos1 + 2048 >> 12;
+    v5 = v5 * dctCos1 - v6 * dctSin1 + 2048 >> 12;
+    v6 = t;
+    p[row] = v0 + v7;
+    p[row + 7] = v0 - v7;
+    p[row + 1] = v1 + v6;
+    p[row + 6] = v1 - v6;
+    p[row + 2] = v2 + v5;
+    p[row + 5] = v2 - v5;
+    p[row + 3] = v3 + v4;
+    p[row + 4] = v3 - v4;
+  }
+  for (let col = 0; col < 8; ++col) {
+    p0 = p[col];
+    p1 = p[col + 8];
+    p2 = p[col + 16];
+    p3 = p[col + 24];
+    p4 = p[col + 32];
+    p5 = p[col + 40];
+    p6 = p[col + 48];
+    p7 = p[col + 56];
+    if ((p1 | p2 | p3 | p4 | p5 | p6 | p7) === 0) {
+      t = dctSqrt2 * p0 + 8192 >> 14;
+      if (t < -2040) {
+        t = 0;
+      } else if (t >= 2024) {
+        t = 255;
+      } else {
+        t = t + 2056 >> 4;
+      }
+      blockData[blockBufferOffset + col] = t;
+      blockData[blockBufferOffset + col + 8] = t;
+      blockData[blockBufferOffset + col + 16] = t;
+      blockData[blockBufferOffset + col + 24] = t;
+      blockData[blockBufferOffset + col + 32] = t;
+      blockData[blockBufferOffset + col + 40] = t;
+      blockData[blockBufferOffset + col + 48] = t;
+      blockData[blockBufferOffset + col + 56] = t;
+      continue;
+    }
+    v0 = dctSqrt2 * p0 + 2048 >> 12;
+    v1 = dctSqrt2 * p4 + 2048 >> 12;
+    v2 = p2;
+    v3 = p6;
+    v4 = dctSqrt1d2 * (p1 - p7) + 2048 >> 12;
+    v7 = dctSqrt1d2 * (p1 + p7) + 2048 >> 12;
+    v5 = p3;
+    v6 = p5;
+    v0 = (v0 + v1 + 1 >> 1) + 4112;
+    v1 = v0 - v1;
+    t = v2 * dctSin6 + v3 * dctCos6 + 2048 >> 12;
+    v2 = v2 * dctCos6 - v3 * dctSin6 + 2048 >> 12;
+    v3 = t;
+    v4 = v4 + v6 + 1 >> 1;
+    v6 = v4 - v6;
+    v7 = v7 + v5 + 1 >> 1;
+    v5 = v7 - v5;
+    v0 = v0 + v3 + 1 >> 1;
+    v3 = v0 - v3;
+    v1 = v1 + v2 + 1 >> 1;
+    v2 = v1 - v2;
+    t = v4 * dctSin3 + v7 * dctCos3 + 2048 >> 12;
+    v4 = v4 * dctCos3 - v7 * dctSin3 + 2048 >> 12;
+    v7 = t;
+    t = v5 * dctSin1 + v6 * dctCos1 + 2048 >> 12;
+    v5 = v5 * dctCos1 - v6 * dctSin1 + 2048 >> 12;
+    v6 = t;
+    p0 = v0 + v7;
+    p7 = v0 - v7;
+    p1 = v1 + v6;
+    p6 = v1 - v6;
+    p2 = v2 + v5;
+    p5 = v2 - v5;
+    p3 = v3 + v4;
+    p4 = v3 - v4;
+    if (p0 < 16) {
+      p0 = 0;
+    } else if (p0 >= 4080) {
+      p0 = 255;
+    } else {
+      p0 >>= 4;
+    }
+    if (p1 < 16) {
+      p1 = 0;
+    } else if (p1 >= 4080) {
+      p1 = 255;
+    } else {
+      p1 >>= 4;
+    }
+    if (p2 < 16) {
+      p2 = 0;
+    } else if (p2 >= 4080) {
+      p2 = 255;
+    } else {
+      p2 >>= 4;
+    }
+    if (p3 < 16) {
+      p3 = 0;
+    } else if (p3 >= 4080) {
+      p3 = 255;
+    } else {
+      p3 >>= 4;
+    }
+    if (p4 < 16) {
+      p4 = 0;
+    } else if (p4 >= 4080) {
+      p4 = 255;
+    } else {
+      p4 >>= 4;
+    }
+    if (p5 < 16) {
+      p5 = 0;
+    } else if (p5 >= 4080) {
+      p5 = 255;
+    } else {
+      p5 >>= 4;
+    }
+    if (p6 < 16) {
+      p6 = 0;
+    } else if (p6 >= 4080) {
+      p6 = 255;
+    } else {
+      p6 >>= 4;
+    }
+    if (p7 < 16) {
+      p7 = 0;
+    } else if (p7 >= 4080) {
+      p7 = 255;
+    } else {
+      p7 >>= 4;
+    }
+    blockData[blockBufferOffset + col] = p0;
+    blockData[blockBufferOffset + col + 8] = p1;
+    blockData[blockBufferOffset + col + 16] = p2;
+    blockData[blockBufferOffset + col + 24] = p3;
+    blockData[blockBufferOffset + col + 32] = p4;
+    blockData[blockBufferOffset + col + 40] = p5;
+    blockData[blockBufferOffset + col + 48] = p6;
+    blockData[blockBufferOffset + col + 56] = p7;
+  }
+}
+function buildComponentData(frame, component) {
+  const blocksPerLine = component.blocksPerLine;
+  const blocksPerColumn = component.blocksPerColumn;
+  const computationBuffer = new Int16Array(64);
+  for (let blockRow = 0; blockRow < blocksPerColumn; blockRow++) {
+    for (let blockCol = 0; blockCol < blocksPerLine; blockCol++) {
+      const offset = getBlockBufferOffset(component, blockRow, blockCol);
+      quantizeAndInverse(component, offset, computationBuffer);
+    }
+  }
+  return component.blockData;
+}
+function findNextFileMarker(data, currentPos, startPos = currentPos) {
+  const maxPos = data.length - 1;
+  let newPos = startPos < currentPos ? startPos : currentPos;
+  if (currentPos >= maxPos) {
+    return null;
+  }
+  const currentMarker = (0, _core_utils.readUint16)(data, currentPos);
+  if (currentMarker >= 0xffc0 && currentMarker <= 0xfffe) {
+    return {
+      invalid: null,
+      marker: currentMarker,
+      offset: currentPos
+    };
+  }
+  let newMarker = (0, _core_utils.readUint16)(data, newPos);
+  while (!(newMarker >= 0xffc0 && newMarker <= 0xfffe)) {
+    if (++newPos >= maxPos) {
+      return null;
+    }
+    newMarker = (0, _core_utils.readUint16)(data, newPos);
+  }
+  return {
+    invalid: currentMarker.toString(16),
+    marker: newMarker,
+    offset: newPos
+  };
+}
+class JpegImage {
+  constructor({
+    decodeTransform = null,
+    colorTransform = -1
+  } = {}) {
+    this._decodeTransform = decodeTransform;
+    this._colorTransform = colorTransform;
+  }
+  parse(data, {
+    dnlScanLines = null
+  } = {}) {
+    function readDataBlock() {
+      const length = (0, _core_utils.readUint16)(data, offset);
+      offset += 2;
+      let endOffset = offset + length - 2;
+      const fileMarker = findNextFileMarker(data, endOffset, offset);
+      if (fileMarker && fileMarker.invalid) {
+        (0, _util.warn)("readDataBlock - incorrect length, current marker is: " + fileMarker.invalid);
+        endOffset = fileMarker.offset;
+      }
+      const array = data.subarray(offset, endOffset);
+      offset += array.length;
+      return array;
+    }
+    function prepareComponents(frame) {
+      const mcusPerLine = Math.ceil(frame.samplesPerLine / 8 / frame.maxH);
+      const mcusPerColumn = Math.ceil(frame.scanLines / 8 / frame.maxV);
+      for (const component of frame.components) {
+        const blocksPerLine = Math.ceil(Math.ceil(frame.samplesPerLine / 8) * component.h / frame.maxH);
+        const blocksPerColumn = Math.ceil(Math.ceil(frame.scanLines / 8) * component.v / frame.maxV);
+        const blocksPerLineForMcu = mcusPerLine * component.h;
+        const blocksPerColumnForMcu = mcusPerColumn * component.v;
+        const blocksBufferSize = 64 * blocksPerColumnForMcu * (blocksPerLineForMcu + 1);
+        component.blockData = new Int16Array(blocksBufferSize);
+        component.blocksPerLine = blocksPerLine;
+        component.blocksPerColumn = blocksPerColumn;
+      }
+      frame.mcusPerLine = mcusPerLine;
+      frame.mcusPerColumn = mcusPerColumn;
+    }
+    let offset = 0;
+    let jfif = null;
+    let adobe = null;
+    let frame, resetInterval;
+    let numSOSMarkers = 0;
+    const quantizationTables = [];
+    const huffmanTablesAC = [],
+      huffmanTablesDC = [];
+    let fileMarker = (0, _core_utils.readUint16)(data, offset);
+    offset += 2;
+    if (fileMarker !== 0xffd8) {
+      throw new JpegError("SOI not found");
+    }
+    fileMarker = (0, _core_utils.readUint16)(data, offset);
+    offset += 2;
+    markerLoop: while (fileMarker !== 0xffd9) {
+      let i, j, l;
+      switch (fileMarker) {
+        case 0xffe0:
+        case 0xffe1:
+        case 0xffe2:
+        case 0xffe3:
+        case 0xffe4:
+        case 0xffe5:
+        case 0xffe6:
+        case 0xffe7:
+        case 0xffe8:
+        case 0xffe9:
+        case 0xffea:
+        case 0xffeb:
+        case 0xffec:
+        case 0xffed:
+        case 0xffee:
+        case 0xffef:
+        case 0xfffe:
+          const appData = readDataBlock();
+          if (fileMarker === 0xffe0) {
+            if (appData[0] === 0x4a && appData[1] === 0x46 && appData[2] === 0x49 && appData[3] === 0x46 && appData[4] === 0) {
+              jfif = {
+                version: {
+                  major: appData[5],
+                  minor: appData[6]
+                },
+                densityUnits: appData[7],
+                xDensity: appData[8] << 8 | appData[9],
+                yDensity: appData[10] << 8 | appData[11],
+                thumbWidth: appData[12],
+                thumbHeight: appData[13],
+                thumbData: appData.subarray(14, 14 + 3 * appData[12] * appData[13])
+              };
+            }
+          }
+          if (fileMarker === 0xffee) {
+            if (appData[0] === 0x41 && appData[1] === 0x64 && appData[2] === 0x6f && appData[3] === 0x62 && appData[4] === 0x65) {
+              adobe = {
+                version: appData[5] << 8 | appData[6],
+                flags0: appData[7] << 8 | appData[8],
+                flags1: appData[9] << 8 | appData[10],
+                transformCode: appData[11]
+              };
+            }
+          }
+          break;
+        case 0xffdb:
+          const quantizationTablesLength = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          const quantizationTablesEnd = quantizationTablesLength + offset - 2;
+          let z;
+          while (offset < quantizationTablesEnd) {
+            const quantizationTableSpec = data[offset++];
+            const tableData = new Uint16Array(64);
+            if (quantizationTableSpec >> 4 === 0) {
+              for (j = 0; j < 64; j++) {
+                z = dctZigZag[j];
+                tableData[z] = data[offset++];
+              }
+            } else if (quantizationTableSpec >> 4 === 1) {
+              for (j = 0; j < 64; j++) {
+                z = dctZigZag[j];
+                tableData[z] = (0, _core_utils.readUint16)(data, offset);
+                offset += 2;
+              }
+            } else {
+              throw new JpegError("DQT - invalid table spec");
+            }
+            quantizationTables[quantizationTableSpec & 15] = tableData;
+          }
+          break;
+        case 0xffc0:
+        case 0xffc1:
+        case 0xffc2:
+          if (frame) {
+            throw new JpegError("Only single frame JPEGs supported");
+          }
+          offset += 2;
+          frame = {};
+          frame.extended = fileMarker === 0xffc1;
+          frame.progressive = fileMarker === 0xffc2;
+          frame.precision = data[offset++];
+          const sofScanLines = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          frame.scanLines = dnlScanLines || sofScanLines;
+          frame.samplesPerLine = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          frame.components = [];
+          frame.componentIds = {};
+          const componentsCount = data[offset++];
+          let maxH = 0,
+            maxV = 0;
+          for (i = 0; i < componentsCount; i++) {
+            const componentId = data[offset];
+            const h = data[offset + 1] >> 4;
+            const v = data[offset + 1] & 15;
+            if (maxH < h) {
+              maxH = h;
+            }
+            if (maxV < v) {
+              maxV = v;
+            }
+            const qId = data[offset + 2];
+            l = frame.components.push({
+              h,
+              v,
+              quantizationId: qId,
+              quantizationTable: null
+            });
+            frame.componentIds[componentId] = l - 1;
+            offset += 3;
+          }
+          frame.maxH = maxH;
+          frame.maxV = maxV;
+          prepareComponents(frame);
+          break;
+        case 0xffc4:
+          const huffmanLength = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          for (i = 2; i < huffmanLength;) {
+            const huffmanTableSpec = data[offset++];
+            const codeLengths = new Uint8Array(16);
+            let codeLengthSum = 0;
+            for (j = 0; j < 16; j++, offset++) {
+              codeLengthSum += codeLengths[j] = data[offset];
+            }
+            const huffmanValues = new Uint8Array(codeLengthSum);
+            for (j = 0; j < codeLengthSum; j++, offset++) {
+              huffmanValues[j] = data[offset];
+            }
+            i += 17 + codeLengthSum;
+            (huffmanTableSpec >> 4 === 0 ? huffmanTablesDC : huffmanTablesAC)[huffmanTableSpec & 15] = buildHuffmanTable(codeLengths, huffmanValues);
+          }
+          break;
+        case 0xffdd:
+          offset += 2;
+          resetInterval = (0, _core_utils.readUint16)(data, offset);
+          offset += 2;
+          break;
+        case 0xffda:
+          const parseDNLMarker = ++numSOSMarkers === 1 && !dnlScanLines;
+          offset += 2;
+          const selectorsCount = data[offset++],
+            components = [];
+          for (i = 0; i < selectorsCount; i++) {
+            const index = data[offset++];
+            const componentIndex = frame.componentIds[index];
+            const component = frame.components[componentIndex];
+            component.index = index;
+            const tableSpec = data[offset++];
+            component.huffmanTableDC = huffmanTablesDC[tableSpec >> 4];
+            component.huffmanTableAC = huffmanTablesAC[tableSpec & 15];
+            components.push(component);
+          }
+          const spectralStart = data[offset++],
+            spectralEnd = data[offset++],
+            successiveApproximation = data[offset++];
+          try {
+            const processed = decodeScan(data, offset, frame, components, resetInterval, spectralStart, spectralEnd, successiveApproximation >> 4, successiveApproximation & 15, parseDNLMarker);
+            offset += processed;
+          } catch (ex) {
+            if (ex instanceof DNLMarkerError) {
+              (0, _util.warn)(`${ex.message} -- attempting to re-parse the JPEG image.`);
+              return this.parse(data, {
+                dnlScanLines: ex.scanLines
+              });
+            } else if (ex instanceof EOIMarkerError) {
+              (0, _util.warn)(`${ex.message} -- ignoring the rest of the image data.`);
+              break markerLoop;
+            }
+            throw ex;
+          }
+          break;
+        case 0xffdc:
+          offset += 4;
+          break;
+        case 0xffff:
+          if (data[offset] !== 0xff) {
+            offset--;
+          }
+          break;
+        default:
+          const nextFileMarker = findNextFileMarker(data, offset - 2, offset - 3);
+          if (nextFileMarker && nextFileMarker.invalid) {
+            (0, _util.warn)("JpegImage.parse - unexpected data, current marker is: " + nextFileMarker.invalid);
+            offset = nextFileMarker.offset;
+            break;
+          }
+          if (!nextFileMarker || offset >= data.length - 1) {
+            (0, _util.warn)("JpegImage.parse - reached the end of the image data " + "without finding an EOI marker (0xFFD9).");
+            break markerLoop;
+          }
+          throw new JpegError("JpegImage.parse - unknown marker: " + fileMarker.toString(16));
+      }
+      fileMarker = (0, _core_utils.readUint16)(data, offset);
+      offset += 2;
+    }
+    this.width = frame.samplesPerLine;
+    this.height = frame.scanLines;
+    this.jfif = jfif;
+    this.adobe = adobe;
+    this.components = [];
+    for (const component of frame.components) {
+      const quantizationTable = quantizationTables[component.quantizationId];
+      if (quantizationTable) {
+        component.quantizationTable = quantizationTable;
+      }
+      this.components.push({
+        index: component.index,
+        output: buildComponentData(frame, component),
+        scaleX: component.h / frame.maxH,
+        scaleY: component.v / frame.maxV,
+        blocksPerLine: component.blocksPerLine,
+        blocksPerColumn: component.blocksPerColumn
+      });
+    }
+    this.numComponents = this.components.length;
+    return undefined;
+  }
+  _getLinearizedBlockData(width, height, isSourcePDF = false) {
+    const scaleX = this.width / width,
+      scaleY = this.height / height;
+    let component, componentScaleX, componentScaleY, blocksPerScanline;
+    let x, y, i, j, k;
+    let index;
+    let offset = 0;
+    let output;
+    const numComponents = this.components.length;
+    const dataLength = width * height * numComponents;
+    const data = new Uint8ClampedArray(dataLength);
+    const xScaleBlockOffset = new Uint32Array(width);
+    const mask3LSB = 0xfffffff8;
+    let lastComponentScaleX;
+    for (i = 0; i < numComponents; i++) {
+      component = this.components[i];
+      componentScaleX = component.scaleX * scaleX;
+      componentScaleY = component.scaleY * scaleY;
+      offset = i;
+      output = component.output;
+      blocksPerScanline = component.blocksPerLine + 1 << 3;
+      if (componentScaleX !== lastComponentScaleX) {
+        for (x = 0; x < width; x++) {
+          j = 0 | x * componentScaleX;
+          xScaleBlockOffset[x] = (j & mask3LSB) << 3 | j & 7;
+        }
+        lastComponentScaleX = componentScaleX;
+      }
+      for (y = 0; y < height; y++) {
+        j = 0 | y * componentScaleY;
+        index = blocksPerScanline * (j & mask3LSB) | (j & 7) << 3;
+        for (x = 0; x < width; x++) {
+          data[offset] = output[index + xScaleBlockOffset[x]];
+          offset += numComponents;
+        }
+      }
+    }
+    let transform = this._decodeTransform;
+    if (!isSourcePDF && numComponents === 4 && !transform) {
+      transform = new Int32Array([-256, 255, -256, 255, -256, 255, -256, 255]);
+    }
+    if (transform) {
+      for (i = 0; i < dataLength;) {
+        for (j = 0, k = 0; j < numComponents; j++, i++, k += 2) {
+          data[i] = (data[i] * transform[k] >> 8) + transform[k + 1];
+        }
+      }
+    }
+    return data;
+  }
+  get _isColorConversionNeeded() {
+    if (this.adobe) {
+      return !!this.adobe.transformCode;
+    }
+    if (this.numComponents === 3) {
+      if (this._colorTransform === 0) {
+        return false;
+      } else if (this.components[0].index === 0x52 && this.components[1].index === 0x47 && this.components[2].index === 0x42) {
+        return false;
+      }
+      return true;
+    }
+    if (this._colorTransform === 1) {
+      return true;
+    }
+    return false;
+  }
+  _convertYccToRgb(data) {
+    let Y, Cb, Cr;
+    for (let i = 0, length = data.length; i < length; i += 3) {
+      Y = data[i];
+      Cb = data[i + 1];
+      Cr = data[i + 2];
+      data[i] = Y - 179.456 + 1.402 * Cr;
+      data[i + 1] = Y + 135.459 - 0.344 * Cb - 0.714 * Cr;
+      data[i + 2] = Y - 226.816 + 1.772 * Cb;
+    }
+    return data;
+  }
+  _convertYccToRgba(data, out) {
+    for (let i = 0, j = 0, length = data.length; i < length; i += 3, j += 4) {
+      const Y = data[i];
+      const Cb = data[i + 1];
+      const Cr = data[i + 2];
+      out[j] = Y - 179.456 + 1.402 * Cr;
+      out[j + 1] = Y + 135.459 - 0.344 * Cb - 0.714 * Cr;
+      out[j + 2] = Y - 226.816 + 1.772 * Cb;
+      out[j + 3] = 255;
+    }
+    return out;
+  }
+  _convertYcckToRgb(data) {
+    let Y, Cb, Cr, k;
+    let offset = 0;
+    for (let i = 0, length = data.length; i < length; i += 4) {
+      Y = data[i];
+      Cb = data[i + 1];
+      Cr = data[i + 2];
+      k = data[i + 3];
+      data[offset++] = -122.67195406894 + Cb * (-6.60635669420364e-5 * Cb + 0.000437130475926232 * Cr - 5.4080610064599e-5 * Y + 0.00048449797120281 * k - 0.154362151871126) + Cr * (-0.000957964378445773 * Cr + 0.000817076911346625 * Y - 0.00477271405408747 * k + 1.53380253221734) + Y * (0.000961250184130688 * Y - 0.00266257332283933 * k + 0.48357088451265) + k * (-0.000336197177618394 * k + 0.484791561490776);
+      data[offset++] = 107.268039397724 + Cb * (2.19927104525741e-5 * Cb - 0.000640992018297945 * Cr + 0.000659397001245577 * Y + 0.000426105652938837 * k - 0.176491792462875) + Cr * (-0.000778269941513683 * Cr + 0.00130872261408275 * Y + 0.000770482631801132 * k - 0.151051492775562) + Y * (0.00126935368114843 * Y - 0.00265090189010898 * k + 0.25802910206845) + k * (-0.000318913117588328 * k - 0.213742400323665);
+      data[offset++] = -20.810012546947 + Cb * (-0.000570115196973677 * Cb - 2.63409051004589e-5 * Cr + 0.0020741088115012 * Y - 0.00288260236853442 * k + 0.814272968359295) + Cr * (-1.53496057440975e-5 * Cr - 0.000132689043961446 * Y + 0.000560833691242812 * k - 0.195152027534049) + Y * (0.00174418132927582 * Y - 0.00255243321439347 * k + 0.116935020465145) + k * (-0.000343531996510555 * k + 0.24165260232407);
+    }
+    return data.subarray(0, offset);
+  }
+  _convertYcckToRgba(data) {
+    for (let i = 0, length = data.length; i < length; i += 4) {
+      const Y = data[i];
+      const Cb = data[i + 1];
+      const Cr = data[i + 2];
+      const k = data[i + 3];
+      data[i] = -122.67195406894 + Cb * (-6.60635669420364e-5 * Cb + 0.000437130475926232 * Cr - 5.4080610064599e-5 * Y + 0.00048449797120281 * k - 0.154362151871126) + Cr * (-0.000957964378445773 * Cr + 0.000817076911346625 * Y - 0.00477271405408747 * k + 1.53380253221734) + Y * (0.000961250184130688 * Y - 0.00266257332283933 * k + 0.48357088451265) + k * (-0.000336197177618394 * k + 0.484791561490776);
+      data[i + 1] = 107.268039397724 + Cb * (2.19927104525741e-5 * Cb - 0.000640992018297945 * Cr + 0.000659397001245577 * Y + 0.000426105652938837 * k - 0.176491792462875) + Cr * (-0.000778269941513683 * Cr + 0.00130872261408275 * Y + 0.000770482631801132 * k - 0.151051492775562) + Y * (0.00126935368114843 * Y - 0.00265090189010898 * k + 0.25802910206845) + k * (-0.000318913117588328 * k - 0.213742400323665);
+      data[i + 2] = -20.810012546947 + Cb * (-0.000570115196973677 * Cb - 2.63409051004589e-5 * Cr + 0.0020741088115012 * Y - 0.00288260236853442 * k + 0.814272968359295) + Cr * (-1.53496057440975e-5 * Cr - 0.000132689043961446 * Y + 0.000560833691242812 * k - 0.195152027534049) + Y * (0.00174418132927582 * Y - 0.00255243321439347 * k + 0.116935020465145) + k * (-0.000343531996510555 * k + 0.24165260232407);
+      data[i + 3] = 255;
+    }
+    return data;
+  }
+  _convertYcckToCmyk(data) {
+    let Y, Cb, Cr;
+    for (let i = 0, length = data.length; i < length; i += 4) {
+      Y = data[i];
+      Cb = data[i + 1];
+      Cr = data[i + 2];
+      data[i] = 434.456 - Y - 1.402 * Cr;
+      data[i + 1] = 119.541 - Y + 0.344 * Cb + 0.714 * Cr;
+      data[i + 2] = 481.816 - Y - 1.772 * Cb;
+    }
+    return data;
+  }
+  _convertCmykToRgb(data) {
+    let c, m, y, k;
+    let offset = 0;
+    for (let i = 0, length = data.length; i < length; i += 4) {
+      c = data[i];
+      m = data[i + 1];
+      y = data[i + 2];
+      k = data[i + 3];
+      data[offset++] = 255 + c * (-0.00006747147073602441 * c + 0.0008379262121013727 * m + 0.0002894718188643294 * y + 0.003264231057537806 * k - 1.1185611867203937) + m * (0.000026374107616089405 * m - 0.00008626949158638572 * y - 0.0002748769067499491 * k - 0.02155688794978967) + y * (-0.00003878099212869363 * y - 0.0003267808279485286 * k + 0.0686742238595345) - k * (0.0003361971776183937 * k + 0.7430659151342254);
+      data[offset++] = 255 + c * (0.00013596372813588848 * c + 0.000924537132573585 * m + 0.00010567359618683593 * y + 0.0004791864687436512 * k - 0.3109689587515875) + m * (-0.00023545346108370344 * m + 0.0002702845253534714 * y + 0.0020200308977307156 * k - 0.7488052167015494) + y * (0.00006834815998235662 * y + 0.00015168452363460973 * k - 0.09751927774728933) - k * (0.0003189131175883281 * k + 0.7364883807733168);
+      data[offset++] = 255 + c * (0.000013598650411385307 * c + 0.00012423956175490851 * m + 0.0004751985097583589 * y - 0.0000036729317476630422 * k - 0.05562186980264034) + m * (0.00016141380598724676 * m + 0.0009692239130725186 * y + 0.0007782692450036253 * k - 0.44015232367526463) + y * (5.068882914068769e-7 * y + 0.0017778369011375071 * k - 0.7591454649749609) - k * (0.0003435319965105553 * k + 0.7063770186160144);
+    }
+    return data.subarray(0, offset);
+  }
+  _convertCmykToRgba(data) {
+    for (let i = 0, length = data.length; i < length; i += 4) {
+      const c = data[i];
+      const m = data[i + 1];
+      const y = data[i + 2];
+      const k = data[i + 3];
+      data[i] = 255 + c * (-0.00006747147073602441 * c + 0.0008379262121013727 * m + 0.0002894718188643294 * y + 0.003264231057537806 * k - 1.1185611867203937) + m * (0.000026374107616089405 * m - 0.00008626949158638572 * y - 0.0002748769067499491 * k - 0.02155688794978967) + y * (-0.00003878099212869363 * y - 0.0003267808279485286 * k + 0.0686742238595345) - k * (0.0003361971776183937 * k + 0.7430659151342254);
+      data[i + 1] = 255 + c * (0.00013596372813588848 * c + 0.000924537132573585 * m + 0.00010567359618683593 * y + 0.0004791864687436512 * k - 0.3109689587515875) + m * (-0.00023545346108370344 * m + 0.0002702845253534714 * y + 0.0020200308977307156 * k - 0.7488052167015494) + y * (0.00006834815998235662 * y + 0.00015168452363460973 * k - 0.09751927774728933) - k * (0.0003189131175883281 * k + 0.7364883807733168);
+      data[i + 2] = 255 + c * (0.000013598650411385307 * c + 0.00012423956175490851 * m + 0.0004751985097583589 * y - 0.0000036729317476630422 * k - 0.05562186980264034) + m * (0.00016141380598724676 * m + 0.0009692239130725186 * y + 0.0007782692450036253 * k - 0.44015232367526463) + y * (5.068882914068769e-7 * y + 0.0017778369011375071 * k - 0.7591454649749609) - k * (0.0003435319965105553 * k + 0.7063770186160144);
+      data[i + 3] = 255;
+    }
+    return data;
+  }
+  getData({
+    width,
+    height,
+    forceRGBA = false,
+    forceRGB = false,
+    isSourcePDF = false
+  }) {
+    if (this.numComponents > 4) {
+      throw new JpegError("Unsupported color mode");
+    }
+    const data = this._getLinearizedBlockData(width, height, isSourcePDF);
+    if (this.numComponents === 1 && (forceRGBA || forceRGB)) {
+      const len = data.length * (forceRGBA ? 4 : 3);
+      const rgbaData = new Uint8ClampedArray(len);
+      let offset = 0;
+      if (forceRGBA) {
+        (0, _image_utils.grayToRGBA)(data, new Uint32Array(rgbaData.buffer));
+      } else {
+        for (const grayColor of data) {
+          rgbaData[offset++] = grayColor;
+          rgbaData[offset++] = grayColor;
+          rgbaData[offset++] = grayColor;
+        }
+      }
+      return rgbaData;
+    } else if (this.numComponents === 3 && this._isColorConversionNeeded) {
+      if (forceRGBA) {
+        const rgbaData = new Uint8ClampedArray(data.length / 3 * 4);
+        return this._convertYccToRgba(data, rgbaData);
+      }
+      return this._convertYccToRgb(data);
+    } else if (this.numComponents === 4) {
+      if (this._isColorConversionNeeded) {
+        if (forceRGBA) {
+          return this._convertYcckToRgba(data);
+        }
+        if (forceRGB) {
+          return this._convertYcckToRgb(data);
+        }
+        return this._convertYcckToCmyk(data);
+      } else if (forceRGBA) {
+        return this._convertCmykToRgba(data);
+      } else if (forceRGB) {
+        return this._convertCmykToRgb(data);
+      }
+    }
+    return data;
+  }
+}
+exports.JpegImage = JpegImage;
+
+/***/ }),
+/* 28 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.convertBlackAndWhiteToRGBA = convertBlackAndWhiteToRGBA;
+exports.convertToRGBA = convertToRGBA;
+exports.grayToRGBA = grayToRGBA;
+var _util = __w_pdfjs_require__(2);
+function convertToRGBA(params) {
+  switch (params.kind) {
+    case _util.ImageKind.GRAYSCALE_1BPP:
+      return convertBlackAndWhiteToRGBA(params);
+    case _util.ImageKind.RGB_24BPP:
+      return convertRGBToRGBA(params);
+  }
+  return null;
+}
+function convertBlackAndWhiteToRGBA({
+  src,
+  srcPos = 0,
+  dest,
+  width,
+  height,
+  nonBlackColor = 0xffffffff,
+  inverseDecode = false
+}) {
+  const black = _util.FeatureTest.isLittleEndian ? 0xff000000 : 0x000000ff;
+  const [zeroMapping, oneMapping] = inverseDecode ? [nonBlackColor, black] : [black, nonBlackColor];
+  const widthInSource = width >> 3;
+  const widthRemainder = width & 7;
+  const srcLength = src.length;
+  dest = new Uint32Array(dest.buffer);
+  let destPos = 0;
+  for (let i = 0; i < height; i++) {
+    for (const max = srcPos + widthInSource; srcPos < max; srcPos++) {
+      const elem = srcPos < srcLength ? src[srcPos] : 255;
+      dest[destPos++] = elem & 0b10000000 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b1000000 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b100000 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b10000 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b1000 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b100 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b10 ? oneMapping : zeroMapping;
+      dest[destPos++] = elem & 0b1 ? oneMapping : zeroMapping;
+    }
+    if (widthRemainder === 0) {
+      continue;
+    }
+    const elem = srcPos < srcLength ? src[srcPos++] : 255;
+    for (let j = 0; j < widthRemainder; j++) {
+      dest[destPos++] = elem & 1 << 7 - j ? oneMapping : zeroMapping;
+    }
+  }
+  return {
+    srcPos,
+    destPos
+  };
+}
+function convertRGBToRGBA({
+  src,
+  srcPos = 0,
+  dest,
+  destPos = 0,
+  width,
+  height
+}) {
+  let i = 0;
+  const len32 = src.length >> 2;
+  const src32 = new Uint32Array(src.buffer, srcPos, len32);
+  if (_util.FeatureTest.isLittleEndian) {
+    for (; i < len32 - 2; i += 3, destPos += 4) {
+      const s1 = src32[i];
+      const s2 = src32[i + 1];
+      const s3 = src32[i + 2];
+      dest[destPos] = s1 | 0xff000000;
+      dest[destPos + 1] = s1 >>> 24 | s2 << 8 | 0xff000000;
+      dest[destPos + 2] = s2 >>> 16 | s3 << 16 | 0xff000000;
+      dest[destPos + 3] = s3 >>> 8 | 0xff000000;
+    }
+    for (let j = i * 4, jj = src.length; j < jj; j += 3) {
+      dest[destPos++] = src[j] | src[j + 1] << 8 | src[j + 2] << 16 | 0xff000000;
+    }
+  } else {
+    for (; i < len32 - 2; i += 3, destPos += 4) {
+      const s1 = src32[i];
+      const s2 = src32[i + 1];
+      const s3 = src32[i + 2];
+      dest[destPos] = s1 | 0xff;
+      dest[destPos + 1] = s1 << 24 | s2 >>> 8 | 0xff;
+      dest[destPos + 2] = s2 << 16 | s3 >>> 16 | 0xff;
+      dest[destPos + 3] = s3 << 8 | 0xff;
+    }
+    for (let j = i * 4, jj = src.length; j < jj; j += 3) {
+      dest[destPos++] = src[j] << 24 | src[j + 1] << 16 | src[j + 2] << 8 | 0xff;
+    }
+  }
+  return {
+    srcPos,
+    destPos
+  };
+}
+function grayToRGBA(src, dest) {
+  if (_util.FeatureTest.isLittleEndian) {
+    for (let i = 0, ii = src.length; i < ii; i++) {
+      dest[i] = src[i] * 0x10101 | 0xff000000;
+    }
+  } else {
+    for (let i = 0, ii = src.length; i < ii; i++) {
+      dest[i] = src[i] * 0x1010100 | 0x000000ff;
+    }
+  }
+}
+
+/***/ }),
+/* 29 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.JpxStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+var _jpx = __w_pdfjs_require__(30);
+var _util = __w_pdfjs_require__(2);
+class JpxStream extends _decode_stream.DecodeStream {
+  constructor(stream, maybeLength, params) {
+    super(maybeLength);
+    this.stream = stream;
+    this.dict = stream.dict;
+    this.maybeLength = maybeLength;
+    this.params = params;
+  }
+  get bytes() {
+    return (0, _util.shadow)(this, "bytes", this.stream.getBytes(this.maybeLength));
+  }
+  ensureBuffer(requested) {}
+  readBlock() {
+    if (this.eof) {
+      return;
+    }
+    const jpxImage = new _jpx.JpxImage();
+    jpxImage.parse(this.bytes);
+    const width = jpxImage.width;
+    const height = jpxImage.height;
+    const componentsCount = jpxImage.componentsCount;
+    const tileCount = jpxImage.tiles.length;
+    if (tileCount === 1) {
+      this.buffer = jpxImage.tiles[0].items;
+    } else {
+      const data = new Uint8ClampedArray(width * height * componentsCount);
+      for (let k = 0; k < tileCount; k++) {
+        const tileComponents = jpxImage.tiles[k];
+        const tileWidth = tileComponents.width;
+        const tileHeight = tileComponents.height;
+        const tileLeft = tileComponents.left;
+        const tileTop = tileComponents.top;
+        const src = tileComponents.items;
+        let srcPosition = 0;
+        let dataPosition = (width * tileTop + tileLeft) * componentsCount;
+        const imgRowSize = width * componentsCount;
+        const tileRowSize = tileWidth * componentsCount;
+        for (let j = 0; j < tileHeight; j++) {
+          const rowBytes = src.subarray(srcPosition, srcPosition + tileRowSize);
+          data.set(rowBytes, dataPosition);
+          srcPosition += tileRowSize;
+          dataPosition += imgRowSize;
+        }
+      }
+      this.buffer = data;
+    }
+    this.bufferLength = this.buffer.length;
+    this.eof = true;
+  }
+}
+exports.JpxStream = JpxStream;
+
+/***/ }),
+/* 30 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.JpxImage = void 0;
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _arithmetic_decoder = __w_pdfjs_require__(25);
+class JpxError extends _util.BaseException {
+  constructor(msg) {
+    super(`JPX error: ${msg}`, "JpxError");
+  }
+}
+const SubbandsGainLog2 = {
+  LL: 0,
+  LH: 1,
+  HL: 1,
+  HH: 2
+};
+class JpxImage {
+  constructor() {
+    this.failOnCorruptedImage = false;
+  }
+  parse(data) {
+    const head = (0, _core_utils.readUint16)(data, 0);
+    if (head === 0xff4f) {
+      this.parseCodestream(data, 0, data.length);
+      return;
+    }
+    const length = data.length;
+    let position = 0;
+    while (position < length) {
+      let headerSize = 8;
+      let lbox = (0, _core_utils.readUint32)(data, position);
+      const tbox = (0, _core_utils.readUint32)(data, position + 4);
+      position += headerSize;
+      if (lbox === 1) {
+        lbox = (0, _core_utils.readUint32)(data, position) * 4294967296 + (0, _core_utils.readUint32)(data, position + 4);
+        position += 8;
+        headerSize += 8;
+      }
+      if (lbox === 0) {
+        lbox = length - position + headerSize;
+      }
+      if (lbox < headerSize) {
+        throw new JpxError("Invalid box field size");
+      }
+      const dataLength = lbox - headerSize;
+      let jumpDataLength = true;
+      switch (tbox) {
+        case 0x6a703268:
+          jumpDataLength = false;
+          break;
+        case 0x636f6c72:
+          const method = data[position];
+          if (method === 1) {
+            const colorspace = (0, _core_utils.readUint32)(data, position + 3);
+            switch (colorspace) {
+              case 16:
+              case 17:
+              case 18:
+                break;
+              default:
+                (0, _util.warn)("Unknown colorspace " + colorspace);
+                break;
+            }
+          } else if (method === 2) {
+            (0, _util.info)("ICC profile not supported");
+          }
+          break;
+        case 0x6a703263:
+          this.parseCodestream(data, position, position + dataLength);
+          break;
+        case 0x6a502020:
+          if ((0, _core_utils.readUint32)(data, position) !== 0x0d0a870a) {
+            (0, _util.warn)("Invalid JP2 signature");
+          }
+          break;
+        case 0x6a501a1a:
+        case 0x66747970:
+        case 0x72726571:
+        case 0x72657320:
+        case 0x69686472:
+          break;
+        default:
+          const headerType = String.fromCharCode(tbox >> 24 & 0xff, tbox >> 16 & 0xff, tbox >> 8 & 0xff, tbox & 0xff);
+          (0, _util.warn)(`Unsupported header type ${tbox} (${headerType}).`);
+          break;
+      }
+      if (jumpDataLength) {
+        position += dataLength;
+      }
+    }
+  }
+  parseImageProperties(stream) {
+    let newByte = stream.getByte();
+    while (newByte >= 0) {
+      const oldByte = newByte;
+      newByte = stream.getByte();
+      const code = oldByte << 8 | newByte;
+      if (code === 0xff51) {
+        stream.skip(4);
+        const Xsiz = stream.getInt32() >>> 0;
+        const Ysiz = stream.getInt32() >>> 0;
+        const XOsiz = stream.getInt32() >>> 0;
+        const YOsiz = stream.getInt32() >>> 0;
+        stream.skip(16);
+        const Csiz = stream.getUint16();
+        this.width = Xsiz - XOsiz;
+        this.height = Ysiz - YOsiz;
+        this.componentsCount = Csiz;
+        this.bitsPerComponent = 8;
+        return;
+      }
+    }
+    throw new JpxError("No size marker found in JPX stream");
+  }
+  parseCodestream(data, start, end) {
+    const context = {};
+    let doNotRecover = false;
+    try {
+      let position = start;
+      while (position + 1 < end) {
+        const code = (0, _core_utils.readUint16)(data, position);
+        position += 2;
+        let length = 0,
+          j,
+          sqcd,
+          spqcds,
+          spqcdSize,
+          scalarExpounded,
+          tile;
+        switch (code) {
+          case 0xff4f:
+            context.mainHeader = true;
+            break;
+          case 0xffd9:
+            break;
+          case 0xff51:
+            length = (0, _core_utils.readUint16)(data, position);
+            const siz = {};
+            siz.Xsiz = (0, _core_utils.readUint32)(data, position + 4);
+            siz.Ysiz = (0, _core_utils.readUint32)(data, position + 8);
+            siz.XOsiz = (0, _core_utils.readUint32)(data, position + 12);
+            siz.YOsiz = (0, _core_utils.readUint32)(data, position + 16);
+            siz.XTsiz = (0, _core_utils.readUint32)(data, position + 20);
+            siz.YTsiz = (0, _core_utils.readUint32)(data, position + 24);
+            siz.XTOsiz = (0, _core_utils.readUint32)(data, position + 28);
+            siz.YTOsiz = (0, _core_utils.readUint32)(data, position + 32);
+            const componentsCount = (0, _core_utils.readUint16)(data, position + 36);
+            siz.Csiz = componentsCount;
+            const components = [];
+            j = position + 38;
+            for (let i = 0; i < componentsCount; i++) {
+              const component = {
+                precision: (data[j] & 0x7f) + 1,
+                isSigned: !!(data[j] & 0x80),
+                XRsiz: data[j + 1],
+                YRsiz: data[j + 2]
+              };
+              j += 3;
+              calculateComponentDimensions(component, siz);
+              components.push(component);
+            }
+            context.SIZ = siz;
+            context.components = components;
+            calculateTileGrids(context, components);
+            context.QCC = [];
+            context.COC = [];
+            break;
+          case 0xff5c:
+            length = (0, _core_utils.readUint16)(data, position);
+            const qcd = {};
+            j = position + 2;
+            sqcd = data[j++];
+            switch (sqcd & 0x1f) {
+              case 0:
+                spqcdSize = 8;
+                scalarExpounded = true;
+                break;
+              case 1:
+                spqcdSize = 16;
+                scalarExpounded = false;
+                break;
+              case 2:
+                spqcdSize = 16;
+                scalarExpounded = true;
+                break;
+              default:
+                throw new Error("Invalid SQcd value " + sqcd);
+            }
+            qcd.noQuantization = spqcdSize === 8;
+            qcd.scalarExpounded = scalarExpounded;
+            qcd.guardBits = sqcd >> 5;
+            spqcds = [];
+            while (j < length + position) {
+              const spqcd = {};
+              if (spqcdSize === 8) {
+                spqcd.epsilon = data[j++] >> 3;
+                spqcd.mu = 0;
+              } else {
+                spqcd.epsilon = data[j] >> 3;
+                spqcd.mu = (data[j] & 0x7) << 8 | data[j + 1];
+                j += 2;
+              }
+              spqcds.push(spqcd);
+            }
+            qcd.SPqcds = spqcds;
+            if (context.mainHeader) {
+              context.QCD = qcd;
+            } else {
+              context.currentTile.QCD = qcd;
+              context.currentTile.QCC = [];
+            }
+            break;
+          case 0xff5d:
+            length = (0, _core_utils.readUint16)(data, position);
+            const qcc = {};
+            j = position + 2;
+            let cqcc;
+            if (context.SIZ.Csiz < 257) {
+              cqcc = data[j++];
+            } else {
+              cqcc = (0, _core_utils.readUint16)(data, j);
+              j += 2;
+            }
+            sqcd = data[j++];
+            switch (sqcd & 0x1f) {
+              case 0:
+                spqcdSize = 8;
+                scalarExpounded = true;
+                break;
+              case 1:
+                spqcdSize = 16;
+                scalarExpounded = false;
+                break;
+              case 2:
+                spqcdSize = 16;
+                scalarExpounded = true;
+                break;
+              default:
+                throw new Error("Invalid SQcd value " + sqcd);
+            }
+            qcc.noQuantization = spqcdSize === 8;
+            qcc.scalarExpounded = scalarExpounded;
+            qcc.guardBits = sqcd >> 5;
+            spqcds = [];
+            while (j < length + position) {
+              const spqcd = {};
+              if (spqcdSize === 8) {
+                spqcd.epsilon = data[j++] >> 3;
+                spqcd.mu = 0;
+              } else {
+                spqcd.epsilon = data[j] >> 3;
+                spqcd.mu = (data[j] & 0x7) << 8 | data[j + 1];
+                j += 2;
+              }
+              spqcds.push(spqcd);
+            }
+            qcc.SPqcds = spqcds;
+            if (context.mainHeader) {
+              context.QCC[cqcc] = qcc;
+            } else {
+              context.currentTile.QCC[cqcc] = qcc;
+            }
+            break;
+          case 0xff52:
+            length = (0, _core_utils.readUint16)(data, position);
+            const cod = {};
+            j = position + 2;
+            const scod = data[j++];
+            cod.entropyCoderWithCustomPrecincts = !!(scod & 1);
+            cod.sopMarkerUsed = !!(scod & 2);
+            cod.ephMarkerUsed = !!(scod & 4);
+            cod.progressionOrder = data[j++];
+            cod.layersCount = (0, _core_utils.readUint16)(data, j);
+            j += 2;
+            cod.multipleComponentTransform = data[j++];
+            cod.decompositionLevelsCount = data[j++];
+            cod.xcb = (data[j++] & 0xf) + 2;
+            cod.ycb = (data[j++] & 0xf) + 2;
+            const blockStyle = data[j++];
+            cod.selectiveArithmeticCodingBypass = !!(blockStyle & 1);
+            cod.resetContextProbabilities = !!(blockStyle & 2);
+            cod.terminationOnEachCodingPass = !!(blockStyle & 4);
+            cod.verticallyStripe = !!(blockStyle & 8);
+            cod.predictableTermination = !!(blockStyle & 16);
+            cod.segmentationSymbolUsed = !!(blockStyle & 32);
+            cod.reversibleTransformation = data[j++];
+            if (cod.entropyCoderWithCustomPrecincts) {
+              const precinctsSizes = [];
+              while (j < length + position) {
+                const precinctsSize = data[j++];
+                precinctsSizes.push({
+                  PPx: precinctsSize & 0xf,
+                  PPy: precinctsSize >> 4
+                });
+              }
+              cod.precinctsSizes = precinctsSizes;
+            }
+            const unsupported = [];
+            if (cod.selectiveArithmeticCodingBypass) {
+              unsupported.push("selectiveArithmeticCodingBypass");
+            }
+            if (cod.terminationOnEachCodingPass) {
+              unsupported.push("terminationOnEachCodingPass");
+            }
+            if (cod.verticallyStripe) {
+              unsupported.push("verticallyStripe");
+            }
+            if (cod.predictableTermination) {
+              unsupported.push("predictableTermination");
+            }
+            if (unsupported.length > 0) {
+              doNotRecover = true;
+              (0, _util.warn)(`JPX: Unsupported COD options (${unsupported.join(", ")}).`);
+            }
+            if (context.mainHeader) {
+              context.COD = cod;
+            } else {
+              context.currentTile.COD = cod;
+              context.currentTile.COC = [];
+            }
+            break;
+          case 0xff90:
+            length = (0, _core_utils.readUint16)(data, position);
+            tile = {};
+            tile.index = (0, _core_utils.readUint16)(data, position + 2);
+            tile.length = (0, _core_utils.readUint32)(data, position + 4);
+            tile.dataEnd = tile.length + position - 2;
+            tile.partIndex = data[position + 8];
+            tile.partsCount = data[position + 9];
+            context.mainHeader = false;
+            if (tile.partIndex === 0) {
+              tile.COD = context.COD;
+              tile.COC = context.COC.slice(0);
+              tile.QCD = context.QCD;
+              tile.QCC = context.QCC.slice(0);
+            }
+            context.currentTile = tile;
+            break;
+          case 0xff93:
+            tile = context.currentTile;
+            if (tile.partIndex === 0) {
+              initializeTile(context, tile.index);
+              buildPackets(context);
+            }
+            length = tile.dataEnd - position;
+            parseTilePackets(context, data, position, length);
+            break;
+          case 0xff53:
+            (0, _util.warn)("JPX: Codestream code 0xFF53 (COC) is not implemented.");
+          case 0xff55:
+          case 0xff57:
+          case 0xff58:
+          case 0xff64:
+            length = (0, _core_utils.readUint16)(data, position);
+            break;
+          default:
+            throw new Error("Unknown codestream code: " + code.toString(16));
+        }
+        position += length;
+      }
+    } catch (e) {
+      if (doNotRecover || this.failOnCorruptedImage) {
+        throw new JpxError(e.message);
+      } else {
+        (0, _util.warn)(`JPX: Trying to recover from: "${e.message}".`);
+      }
+    }
+    this.tiles = transformComponents(context);
+    this.width = context.SIZ.Xsiz - context.SIZ.XOsiz;
+    this.height = context.SIZ.Ysiz - context.SIZ.YOsiz;
+    this.componentsCount = context.SIZ.Csiz;
+  }
+}
+exports.JpxImage = JpxImage;
+function calculateComponentDimensions(component, siz) {
+  component.x0 = Math.ceil(siz.XOsiz / component.XRsiz);
+  component.x1 = Math.ceil(siz.Xsiz / component.XRsiz);
+  component.y0 = Math.ceil(siz.YOsiz / component.YRsiz);
+  component.y1 = Math.ceil(siz.Ysiz / component.YRsiz);
+  component.width = component.x1 - component.x0;
+  component.height = component.y1 - component.y0;
+}
+function calculateTileGrids(context, components) {
+  const siz = context.SIZ;
+  const tiles = [];
+  let tile;
+  const numXtiles = Math.ceil((siz.Xsiz - siz.XTOsiz) / siz.XTsiz);
+  const numYtiles = Math.ceil((siz.Ysiz - siz.YTOsiz) / siz.YTsiz);
+  for (let q = 0; q < numYtiles; q++) {
+    for (let p = 0; p < numXtiles; p++) {
+      tile = {};
+      tile.tx0 = Math.max(siz.XTOsiz + p * siz.XTsiz, siz.XOsiz);
+      tile.ty0 = Math.max(siz.YTOsiz + q * siz.YTsiz, siz.YOsiz);
+      tile.tx1 = Math.min(siz.XTOsiz + (p + 1) * siz.XTsiz, siz.Xsiz);
+      tile.ty1 = Math.min(siz.YTOsiz + (q + 1) * siz.YTsiz, siz.Ysiz);
+      tile.width = tile.tx1 - tile.tx0;
+      tile.height = tile.ty1 - tile.ty0;
+      tile.components = [];
+      tiles.push(tile);
+    }
+  }
+  context.tiles = tiles;
+  const componentsCount = siz.Csiz;
+  for (let i = 0, ii = componentsCount; i < ii; i++) {
+    const component = components[i];
+    for (let j = 0, jj = tiles.length; j < jj; j++) {
+      const tileComponent = {};
+      tile = tiles[j];
+      tileComponent.tcx0 = Math.ceil(tile.tx0 / component.XRsiz);
+      tileComponent.tcy0 = Math.ceil(tile.ty0 / component.YRsiz);
+      tileComponent.tcx1 = Math.ceil(tile.tx1 / component.XRsiz);
+      tileComponent.tcy1 = Math.ceil(tile.ty1 / component.YRsiz);
+      tileComponent.width = tileComponent.tcx1 - tileComponent.tcx0;
+      tileComponent.height = tileComponent.tcy1 - tileComponent.tcy0;
+      tile.components[i] = tileComponent;
+    }
+  }
+}
+function getBlocksDimensions(context, component, r) {
+  const codOrCoc = component.codingStyleParameters;
+  const result = {};
+  if (!codOrCoc.entropyCoderWithCustomPrecincts) {
+    result.PPx = 15;
+    result.PPy = 15;
+  } else {
+    result.PPx = codOrCoc.precinctsSizes[r].PPx;
+    result.PPy = codOrCoc.precinctsSizes[r].PPy;
+  }
+  result.xcb_ = r > 0 ? Math.min(codOrCoc.xcb, result.PPx - 1) : Math.min(codOrCoc.xcb, result.PPx);
+  result.ycb_ = r > 0 ? Math.min(codOrCoc.ycb, result.PPy - 1) : Math.min(codOrCoc.ycb, result.PPy);
+  return result;
+}
+function buildPrecincts(context, resolution, dimensions) {
+  const precinctWidth = 1 << dimensions.PPx;
+  const precinctHeight = 1 << dimensions.PPy;
+  const isZeroRes = resolution.resLevel === 0;
+  const precinctWidthInSubband = 1 << dimensions.PPx + (isZeroRes ? 0 : -1);
+  const precinctHeightInSubband = 1 << dimensions.PPy + (isZeroRes ? 0 : -1);
+  const numprecinctswide = resolution.trx1 > resolution.trx0 ? Math.ceil(resolution.trx1 / precinctWidth) - Math.floor(resolution.trx0 / precinctWidth) : 0;
+  const numprecinctshigh = resolution.try1 > resolution.try0 ? Math.ceil(resolution.try1 / precinctHeight) - Math.floor(resolution.try0 / precinctHeight) : 0;
+  const numprecincts = numprecinctswide * numprecinctshigh;
+  resolution.precinctParameters = {
+    precinctWidth,
+    precinctHeight,
+    numprecinctswide,
+    numprecinctshigh,
+    numprecincts,
+    precinctWidthInSubband,
+    precinctHeightInSubband
+  };
+}
+function buildCodeblocks(context, subband, dimensions) {
+  const xcb_ = dimensions.xcb_;
+  const ycb_ = dimensions.ycb_;
+  const codeblockWidth = 1 << xcb_;
+  const codeblockHeight = 1 << ycb_;
+  const cbx0 = subband.tbx0 >> xcb_;
+  const cby0 = subband.tby0 >> ycb_;
+  const cbx1 = subband.tbx1 + codeblockWidth - 1 >> xcb_;
+  const cby1 = subband.tby1 + codeblockHeight - 1 >> ycb_;
+  const precinctParameters = subband.resolution.precinctParameters;
+  const codeblocks = [];
+  const precincts = [];
+  let i, j, codeblock, precinctNumber;
+  for (j = cby0; j < cby1; j++) {
+    for (i = cbx0; i < cbx1; i++) {
+      codeblock = {
+        cbx: i,
+        cby: j,
+        tbx0: codeblockWidth * i,
+        tby0: codeblockHeight * j,
+        tbx1: codeblockWidth * (i + 1),
+        tby1: codeblockHeight * (j + 1)
+      };
+      codeblock.tbx0_ = Math.max(subband.tbx0, codeblock.tbx0);
+      codeblock.tby0_ = Math.max(subband.tby0, codeblock.tby0);
+      codeblock.tbx1_ = Math.min(subband.tbx1, codeblock.tbx1);
+      codeblock.tby1_ = Math.min(subband.tby1, codeblock.tby1);
+      const pi = Math.floor((codeblock.tbx0_ - subband.tbx0) / precinctParameters.precinctWidthInSubband);
+      const pj = Math.floor((codeblock.tby0_ - subband.tby0) / precinctParameters.precinctHeightInSubband);
+      precinctNumber = pi + pj * precinctParameters.numprecinctswide;
+      codeblock.precinctNumber = precinctNumber;
+      codeblock.subbandType = subband.type;
+      codeblock.Lblock = 3;
+      if (codeblock.tbx1_ <= codeblock.tbx0_ || codeblock.tby1_ <= codeblock.tby0_) {
+        continue;
+      }
+      codeblocks.push(codeblock);
+      let precinct = precincts[precinctNumber];
+      if (precinct !== undefined) {
+        if (i < precinct.cbxMin) {
+          precinct.cbxMin = i;
+        } else if (i > precinct.cbxMax) {
+          precinct.cbxMax = i;
+        }
+        if (j < precinct.cbyMin) {
+          precinct.cbxMin = j;
+        } else if (j > precinct.cbyMax) {
+          precinct.cbyMax = j;
+        }
+      } else {
+        precincts[precinctNumber] = precinct = {
+          cbxMin: i,
+          cbyMin: j,
+          cbxMax: i,
+          cbyMax: j
+        };
+      }
+      codeblock.precinct = precinct;
+    }
+  }
+  subband.codeblockParameters = {
+    codeblockWidth: xcb_,
+    codeblockHeight: ycb_,
+    numcodeblockwide: cbx1 - cbx0 + 1,
+    numcodeblockhigh: cby1 - cby0 + 1
+  };
+  subband.codeblocks = codeblocks;
+  subband.precincts = precincts;
+}
+function createPacket(resolution, precinctNumber, layerNumber) {
+  const precinctCodeblocks = [];
+  const subbands = resolution.subbands;
+  for (let i = 0, ii = subbands.length; i < ii; i++) {
+    const subband = subbands[i];
+    const codeblocks = subband.codeblocks;
+    for (let j = 0, jj = codeblocks.length; j < jj; j++) {
+      const codeblock = codeblocks[j];
+      if (codeblock.precinctNumber !== precinctNumber) {
+        continue;
+      }
+      precinctCodeblocks.push(codeblock);
+    }
+  }
+  return {
+    layerNumber,
+    codeblocks: precinctCodeblocks
+  };
+}
+function LayerResolutionComponentPositionIterator(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const layersCount = tile.codingStyleDefaultParameters.layersCount;
+  const componentsCount = siz.Csiz;
+  let maxDecompositionLevelsCount = 0;
+  for (let q = 0; q < componentsCount; q++) {
+    maxDecompositionLevelsCount = Math.max(maxDecompositionLevelsCount, tile.components[q].codingStyleParameters.decompositionLevelsCount);
+  }
+  let l = 0,
+    r = 0,
+    i = 0,
+    k = 0;
+  this.nextPacket = function JpxImage_nextPacket() {
+    for (; l < layersCount; l++) {
+      for (; r <= maxDecompositionLevelsCount; r++) {
+        for (; i < componentsCount; i++) {
+          const component = tile.components[i];
+          if (r > component.codingStyleParameters.decompositionLevelsCount) {
+            continue;
+          }
+          const resolution = component.resolutions[r];
+          const numprecincts = resolution.precinctParameters.numprecincts;
+          for (; k < numprecincts;) {
+            const packet = createPacket(resolution, k, l);
+            k++;
+            return packet;
+          }
+          k = 0;
+        }
+        i = 0;
+      }
+      r = 0;
+    }
+    throw new JpxError("Out of packets");
+  };
+}
+function ResolutionLayerComponentPositionIterator(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const layersCount = tile.codingStyleDefaultParameters.layersCount;
+  const componentsCount = siz.Csiz;
+  let maxDecompositionLevelsCount = 0;
+  for (let q = 0; q < componentsCount; q++) {
+    maxDecompositionLevelsCount = Math.max(maxDecompositionLevelsCount, tile.components[q].codingStyleParameters.decompositionLevelsCount);
+  }
+  let r = 0,
+    l = 0,
+    i = 0,
+    k = 0;
+  this.nextPacket = function JpxImage_nextPacket() {
+    for (; r <= maxDecompositionLevelsCount; r++) {
+      for (; l < layersCount; l++) {
+        for (; i < componentsCount; i++) {
+          const component = tile.components[i];
+          if (r > component.codingStyleParameters.decompositionLevelsCount) {
+            continue;
+          }
+          const resolution = component.resolutions[r];
+          const numprecincts = resolution.precinctParameters.numprecincts;
+          for (; k < numprecincts;) {
+            const packet = createPacket(resolution, k, l);
+            k++;
+            return packet;
+          }
+          k = 0;
+        }
+        i = 0;
+      }
+      l = 0;
+    }
+    throw new JpxError("Out of packets");
+  };
+}
+function ResolutionPositionComponentLayerIterator(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const layersCount = tile.codingStyleDefaultParameters.layersCount;
+  const componentsCount = siz.Csiz;
+  let l, r, c, p;
+  let maxDecompositionLevelsCount = 0;
+  for (c = 0; c < componentsCount; c++) {
+    const component = tile.components[c];
+    maxDecompositionLevelsCount = Math.max(maxDecompositionLevelsCount, component.codingStyleParameters.decompositionLevelsCount);
+  }
+  const maxNumPrecinctsInLevel = new Int32Array(maxDecompositionLevelsCount + 1);
+  for (r = 0; r <= maxDecompositionLevelsCount; ++r) {
+    let maxNumPrecincts = 0;
+    for (c = 0; c < componentsCount; ++c) {
+      const resolutions = tile.components[c].resolutions;
+      if (r < resolutions.length) {
+        maxNumPrecincts = Math.max(maxNumPrecincts, resolutions[r].precinctParameters.numprecincts);
+      }
+    }
+    maxNumPrecinctsInLevel[r] = maxNumPrecincts;
+  }
+  l = 0;
+  r = 0;
+  c = 0;
+  p = 0;
+  this.nextPacket = function JpxImage_nextPacket() {
+    for (; r <= maxDecompositionLevelsCount; r++) {
+      for (; p < maxNumPrecinctsInLevel[r]; p++) {
+        for (; c < componentsCount; c++) {
+          const component = tile.components[c];
+          if (r > component.codingStyleParameters.decompositionLevelsCount) {
+            continue;
+          }
+          const resolution = component.resolutions[r];
+          const numprecincts = resolution.precinctParameters.numprecincts;
+          if (p >= numprecincts) {
+            continue;
+          }
+          for (; l < layersCount;) {
+            const packet = createPacket(resolution, p, l);
+            l++;
+            return packet;
+          }
+          l = 0;
+        }
+        c = 0;
+      }
+      p = 0;
+    }
+    throw new JpxError("Out of packets");
+  };
+}
+function PositionComponentResolutionLayerIterator(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const layersCount = tile.codingStyleDefaultParameters.layersCount;
+  const componentsCount = siz.Csiz;
+  const precinctsSizes = getPrecinctSizesInImageScale(tile);
+  const precinctsIterationSizes = precinctsSizes;
+  let l = 0,
+    r = 0,
+    c = 0,
+    px = 0,
+    py = 0;
+  this.nextPacket = function JpxImage_nextPacket() {
+    for (; py < precinctsIterationSizes.maxNumHigh; py++) {
+      for (; px < precinctsIterationSizes.maxNumWide; px++) {
+        for (; c < componentsCount; c++) {
+          const component = tile.components[c];
+          const decompositionLevelsCount = component.codingStyleParameters.decompositionLevelsCount;
+          for (; r <= decompositionLevelsCount; r++) {
+            const resolution = component.resolutions[r];
+            const sizeInImageScale = precinctsSizes.components[c].resolutions[r];
+            const k = getPrecinctIndexIfExist(px, py, sizeInImageScale, precinctsIterationSizes, resolution);
+            if (k === null) {
+              continue;
+            }
+            for (; l < layersCount;) {
+              const packet = createPacket(resolution, k, l);
+              l++;
+              return packet;
+            }
+            l = 0;
+          }
+          r = 0;
+        }
+        c = 0;
+      }
+      px = 0;
+    }
+    throw new JpxError("Out of packets");
+  };
+}
+function ComponentPositionResolutionLayerIterator(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const layersCount = tile.codingStyleDefaultParameters.layersCount;
+  const componentsCount = siz.Csiz;
+  const precinctsSizes = getPrecinctSizesInImageScale(tile);
+  let l = 0,
+    r = 0,
+    c = 0,
+    px = 0,
+    py = 0;
+  this.nextPacket = function JpxImage_nextPacket() {
+    for (; c < componentsCount; ++c) {
+      const component = tile.components[c];
+      const precinctsIterationSizes = precinctsSizes.components[c];
+      const decompositionLevelsCount = component.codingStyleParameters.decompositionLevelsCount;
+      for (; py < precinctsIterationSizes.maxNumHigh; py++) {
+        for (; px < precinctsIterationSizes.maxNumWide; px++) {
+          for (; r <= decompositionLevelsCount; r++) {
+            const resolution = component.resolutions[r];
+            const sizeInImageScale = precinctsIterationSizes.resolutions[r];
+            const k = getPrecinctIndexIfExist(px, py, sizeInImageScale, precinctsIterationSizes, resolution);
+            if (k === null) {
+              continue;
+            }
+            for (; l < layersCount;) {
+              const packet = createPacket(resolution, k, l);
+              l++;
+              return packet;
+            }
+            l = 0;
+          }
+          r = 0;
+        }
+        px = 0;
+      }
+      py = 0;
+    }
+    throw new JpxError("Out of packets");
+  };
+}
+function getPrecinctIndexIfExist(pxIndex, pyIndex, sizeInImageScale, precinctIterationSizes, resolution) {
+  const posX = pxIndex * precinctIterationSizes.minWidth;
+  const posY = pyIndex * precinctIterationSizes.minHeight;
+  if (posX % sizeInImageScale.width !== 0 || posY % sizeInImageScale.height !== 0) {
+    return null;
+  }
+  const startPrecinctRowIndex = posY / sizeInImageScale.width * resolution.precinctParameters.numprecinctswide;
+  return posX / sizeInImageScale.height + startPrecinctRowIndex;
+}
+function getPrecinctSizesInImageScale(tile) {
+  const componentsCount = tile.components.length;
+  let minWidth = Number.MAX_VALUE;
+  let minHeight = Number.MAX_VALUE;
+  let maxNumWide = 0;
+  let maxNumHigh = 0;
+  const sizePerComponent = new Array(componentsCount);
+  for (let c = 0; c < componentsCount; c++) {
+    const component = tile.components[c];
+    const decompositionLevelsCount = component.codingStyleParameters.decompositionLevelsCount;
+    const sizePerResolution = new Array(decompositionLevelsCount + 1);
+    let minWidthCurrentComponent = Number.MAX_VALUE;
+    let minHeightCurrentComponent = Number.MAX_VALUE;
+    let maxNumWideCurrentComponent = 0;
+    let maxNumHighCurrentComponent = 0;
+    let scale = 1;
+    for (let r = decompositionLevelsCount; r >= 0; --r) {
+      const resolution = component.resolutions[r];
+      const widthCurrentResolution = scale * resolution.precinctParameters.precinctWidth;
+      const heightCurrentResolution = scale * resolution.precinctParameters.precinctHeight;
+      minWidthCurrentComponent = Math.min(minWidthCurrentComponent, widthCurrentResolution);
+      minHeightCurrentComponent = Math.min(minHeightCurrentComponent, heightCurrentResolution);
+      maxNumWideCurrentComponent = Math.max(maxNumWideCurrentComponent, resolution.precinctParameters.numprecinctswide);
+      maxNumHighCurrentComponent = Math.max(maxNumHighCurrentComponent, resolution.precinctParameters.numprecinctshigh);
+      sizePerResolution[r] = {
+        width: widthCurrentResolution,
+        height: heightCurrentResolution
+      };
+      scale <<= 1;
+    }
+    minWidth = Math.min(minWidth, minWidthCurrentComponent);
+    minHeight = Math.min(minHeight, minHeightCurrentComponent);
+    maxNumWide = Math.max(maxNumWide, maxNumWideCurrentComponent);
+    maxNumHigh = Math.max(maxNumHigh, maxNumHighCurrentComponent);
+    sizePerComponent[c] = {
+      resolutions: sizePerResolution,
+      minWidth: minWidthCurrentComponent,
+      minHeight: minHeightCurrentComponent,
+      maxNumWide: maxNumWideCurrentComponent,
+      maxNumHigh: maxNumHighCurrentComponent
+    };
+  }
+  return {
+    components: sizePerComponent,
+    minWidth,
+    minHeight,
+    maxNumWide,
+    maxNumHigh
+  };
+}
+function buildPackets(context) {
+  const siz = context.SIZ;
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const componentsCount = siz.Csiz;
+  for (let c = 0; c < componentsCount; c++) {
+    const component = tile.components[c];
+    const decompositionLevelsCount = component.codingStyleParameters.decompositionLevelsCount;
+    const resolutions = [];
+    const subbands = [];
+    for (let r = 0; r <= decompositionLevelsCount; r++) {
+      const blocksDimensions = getBlocksDimensions(context, component, r);
+      const resolution = {};
+      const scale = 1 << decompositionLevelsCount - r;
+      resolution.trx0 = Math.ceil(component.tcx0 / scale);
+      resolution.try0 = Math.ceil(component.tcy0 / scale);
+      resolution.trx1 = Math.ceil(component.tcx1 / scale);
+      resolution.try1 = Math.ceil(component.tcy1 / scale);
+      resolution.resLevel = r;
+      buildPrecincts(context, resolution, blocksDimensions);
+      resolutions.push(resolution);
+      let subband;
+      if (r === 0) {
+        subband = {};
+        subband.type = "LL";
+        subband.tbx0 = Math.ceil(component.tcx0 / scale);
+        subband.tby0 = Math.ceil(component.tcy0 / scale);
+        subband.tbx1 = Math.ceil(component.tcx1 / scale);
+        subband.tby1 = Math.ceil(component.tcy1 / scale);
+        subband.resolution = resolution;
+        buildCodeblocks(context, subband, blocksDimensions);
+        subbands.push(subband);
+        resolution.subbands = [subband];
+      } else {
+        const bscale = 1 << decompositionLevelsCount - r + 1;
+        const resolutionSubbands = [];
+        subband = {};
+        subband.type = "HL";
+        subband.tbx0 = Math.ceil(component.tcx0 / bscale - 0.5);
+        subband.tby0 = Math.ceil(component.tcy0 / bscale);
+        subband.tbx1 = Math.ceil(component.tcx1 / bscale - 0.5);
+        subband.tby1 = Math.ceil(component.tcy1 / bscale);
+        subband.resolution = resolution;
+        buildCodeblocks(context, subband, blocksDimensions);
+        subbands.push(subband);
+        resolutionSubbands.push(subband);
+        subband = {};
+        subband.type = "LH";
+        subband.tbx0 = Math.ceil(component.tcx0 / bscale);
+        subband.tby0 = Math.ceil(component.tcy0 / bscale - 0.5);
+        subband.tbx1 = Math.ceil(component.tcx1 / bscale);
+        subband.tby1 = Math.ceil(component.tcy1 / bscale - 0.5);
+        subband.resolution = resolution;
+        buildCodeblocks(context, subband, blocksDimensions);
+        subbands.push(subband);
+        resolutionSubbands.push(subband);
+        subband = {};
+        subband.type = "HH";
+        subband.tbx0 = Math.ceil(component.tcx0 / bscale - 0.5);
+        subband.tby0 = Math.ceil(component.tcy0 / bscale - 0.5);
+        subband.tbx1 = Math.ceil(component.tcx1 / bscale - 0.5);
+        subband.tby1 = Math.ceil(component.tcy1 / bscale - 0.5);
+        subband.resolution = resolution;
+        buildCodeblocks(context, subband, blocksDimensions);
+        subbands.push(subband);
+        resolutionSubbands.push(subband);
+        resolution.subbands = resolutionSubbands;
+      }
+    }
+    component.resolutions = resolutions;
+    component.subbands = subbands;
+  }
+  const progressionOrder = tile.codingStyleDefaultParameters.progressionOrder;
+  switch (progressionOrder) {
+    case 0:
+      tile.packetsIterator = new LayerResolutionComponentPositionIterator(context);
+      break;
+    case 1:
+      tile.packetsIterator = new ResolutionLayerComponentPositionIterator(context);
+      break;
+    case 2:
+      tile.packetsIterator = new ResolutionPositionComponentLayerIterator(context);
+      break;
+    case 3:
+      tile.packetsIterator = new PositionComponentResolutionLayerIterator(context);
+      break;
+    case 4:
+      tile.packetsIterator = new ComponentPositionResolutionLayerIterator(context);
+      break;
+    default:
+      throw new JpxError(`Unsupported progression order ${progressionOrder}`);
+  }
+}
+function parseTilePackets(context, data, offset, dataLength) {
+  let position = 0;
+  let buffer,
+    bufferSize = 0,
+    skipNextBit = false;
+  function readBits(count) {
+    while (bufferSize < count) {
+      const b = data[offset + position];
+      position++;
+      if (skipNextBit) {
+        buffer = buffer << 7 | b;
+        bufferSize += 7;
+        skipNextBit = false;
+      } else {
+        buffer = buffer << 8 | b;
+        bufferSize += 8;
+      }
+      if (b === 0xff) {
+        skipNextBit = true;
+      }
+    }
+    bufferSize -= count;
+    return buffer >>> bufferSize & (1 << count) - 1;
+  }
+  function skipMarkerIfEqual(value) {
+    if (data[offset + position - 1] === 0xff && data[offset + position] === value) {
+      skipBytes(1);
+      return true;
+    } else if (data[offset + position] === 0xff && data[offset + position + 1] === value) {
+      skipBytes(2);
+      return true;
+    }
+    return false;
+  }
+  function skipBytes(count) {
+    position += count;
+  }
+  function alignToByte() {
+    bufferSize = 0;
+    if (skipNextBit) {
+      position++;
+      skipNextBit = false;
+    }
+  }
+  function readCodingpasses() {
+    if (readBits(1) === 0) {
+      return 1;
+    }
+    if (readBits(1) === 0) {
+      return 2;
+    }
+    let value = readBits(2);
+    if (value < 3) {
+      return value + 3;
+    }
+    value = readBits(5);
+    if (value < 31) {
+      return value + 6;
+    }
+    value = readBits(7);
+    return value + 37;
+  }
+  const tileIndex = context.currentTile.index;
+  const tile = context.tiles[tileIndex];
+  const sopMarkerUsed = context.COD.sopMarkerUsed;
+  const ephMarkerUsed = context.COD.ephMarkerUsed;
+  const packetsIterator = tile.packetsIterator;
+  while (position < dataLength) {
+    alignToByte();
+    if (sopMarkerUsed && skipMarkerIfEqual(0x91)) {
+      skipBytes(4);
+    }
+    const packet = packetsIterator.nextPacket();
+    if (!readBits(1)) {
+      continue;
+    }
+    const layerNumber = packet.layerNumber,
+      queue = [];
+    let codeblock;
+    for (let i = 0, ii = packet.codeblocks.length; i < ii; i++) {
+      codeblock = packet.codeblocks[i];
+      let precinct = codeblock.precinct;
+      const codeblockColumn = codeblock.cbx - precinct.cbxMin;
+      const codeblockRow = codeblock.cby - precinct.cbyMin;
+      let codeblockIncluded = false;
+      let firstTimeInclusion = false;
+      let valueReady, zeroBitPlanesTree;
+      if (codeblock.included !== undefined) {
+        codeblockIncluded = !!readBits(1);
+      } else {
+        precinct = codeblock.precinct;
+        let inclusionTree;
+        if (precinct.inclusionTree !== undefined) {
+          inclusionTree = precinct.inclusionTree;
+        } else {
+          const width = precinct.cbxMax - precinct.cbxMin + 1;
+          const height = precinct.cbyMax - precinct.cbyMin + 1;
+          inclusionTree = new InclusionTree(width, height, layerNumber);
+          zeroBitPlanesTree = new TagTree(width, height);
+          precinct.inclusionTree = inclusionTree;
+          precinct.zeroBitPlanesTree = zeroBitPlanesTree;
+          for (let l = 0; l < layerNumber; l++) {
+            if (readBits(1) !== 0) {
+              throw new JpxError("Invalid tag tree");
+            }
+          }
+        }
+        if (inclusionTree.reset(codeblockColumn, codeblockRow, layerNumber)) {
+          while (true) {
+            if (readBits(1)) {
+              valueReady = !inclusionTree.nextLevel();
+              if (valueReady) {
+                codeblock.included = true;
+                codeblockIncluded = firstTimeInclusion = true;
+                break;
+              }
+            } else {
+              inclusionTree.incrementValue(layerNumber);
+              break;
+            }
+          }
+        }
+      }
+      if (!codeblockIncluded) {
+        continue;
+      }
+      if (firstTimeInclusion) {
+        zeroBitPlanesTree = precinct.zeroBitPlanesTree;
+        zeroBitPlanesTree.reset(codeblockColumn, codeblockRow);
+        while (true) {
+          if (readBits(1)) {
+            valueReady = !zeroBitPlanesTree.nextLevel();
+            if (valueReady) {
+              break;
+            }
+          } else {
+            zeroBitPlanesTree.incrementValue();
+          }
+        }
+        codeblock.zeroBitPlanes = zeroBitPlanesTree.value;
+      }
+      const codingpasses = readCodingpasses();
+      while (readBits(1)) {
+        codeblock.Lblock++;
+      }
+      const codingpassesLog2 = (0, _core_utils.log2)(codingpasses);
+      const bits = (codingpasses < 1 << codingpassesLog2 ? codingpassesLog2 - 1 : codingpassesLog2) + codeblock.Lblock;
+      const codedDataLength = readBits(bits);
+      queue.push({
+        codeblock,
+        codingpasses,
+        dataLength: codedDataLength
+      });
+    }
+    alignToByte();
+    if (ephMarkerUsed) {
+      skipMarkerIfEqual(0x92);
+    }
+    while (queue.length > 0) {
+      const packetItem = queue.shift();
+      codeblock = packetItem.codeblock;
+      if (codeblock.data === undefined) {
+        codeblock.data = [];
+      }
+      codeblock.data.push({
+        data,
+        start: offset + position,
+        end: offset + position + packetItem.dataLength,
+        codingpasses: packetItem.codingpasses
+      });
+      position += packetItem.dataLength;
+    }
+  }
+  return position;
+}
+function copyCoefficients(coefficients, levelWidth, levelHeight, subband, delta, mb, reversible, segmentationSymbolUsed, resetContextProbabilities) {
+  const x0 = subband.tbx0;
+  const y0 = subband.tby0;
+  const width = subband.tbx1 - subband.tbx0;
+  const codeblocks = subband.codeblocks;
+  const right = subband.type.charAt(0) === "H" ? 1 : 0;
+  const bottom = subband.type.charAt(1) === "H" ? levelWidth : 0;
+  for (let i = 0, ii = codeblocks.length; i < ii; ++i) {
+    const codeblock = codeblocks[i];
+    const blockWidth = codeblock.tbx1_ - codeblock.tbx0_;
+    const blockHeight = codeblock.tby1_ - codeblock.tby0_;
+    if (blockWidth === 0 || blockHeight === 0) {
+      continue;
+    }
+    if (codeblock.data === undefined) {
+      continue;
+    }
+    const bitModel = new BitModel(blockWidth, blockHeight, codeblock.subbandType, codeblock.zeroBitPlanes, mb);
+    let currentCodingpassType = 2;
+    const data = codeblock.data;
+    let totalLength = 0,
+      codingpasses = 0;
+    let j, jj, dataItem;
+    for (j = 0, jj = data.length; j < jj; j++) {
+      dataItem = data[j];
+      totalLength += dataItem.end - dataItem.start;
+      codingpasses += dataItem.codingpasses;
+    }
+    const encodedData = new Uint8Array(totalLength);
+    let position = 0;
+    for (j = 0, jj = data.length; j < jj; j++) {
+      dataItem = data[j];
+      const chunk = dataItem.data.subarray(dataItem.start, dataItem.end);
+      encodedData.set(chunk, position);
+      position += chunk.length;
+    }
+    const decoder = new _arithmetic_decoder.ArithmeticDecoder(encodedData, 0, totalLength);
+    bitModel.setDecoder(decoder);
+    for (j = 0; j < codingpasses; j++) {
+      switch (currentCodingpassType) {
+        case 0:
+          bitModel.runSignificancePropagationPass();
+          break;
+        case 1:
+          bitModel.runMagnitudeRefinementPass();
+          break;
+        case 2:
+          bitModel.runCleanupPass();
+          if (segmentationSymbolUsed) {
+            bitModel.checkSegmentationSymbol();
+          }
+          break;
+      }
+      if (resetContextProbabilities) {
+        bitModel.reset();
+      }
+      currentCodingpassType = (currentCodingpassType + 1) % 3;
+    }
+    let offset = codeblock.tbx0_ - x0 + (codeblock.tby0_ - y0) * width;
+    const sign = bitModel.coefficentsSign;
+    const magnitude = bitModel.coefficentsMagnitude;
+    const bitsDecoded = bitModel.bitsDecoded;
+    const magnitudeCorrection = reversible ? 0 : 0.5;
+    let k, n, nb;
+    position = 0;
+    const interleave = subband.type !== "LL";
+    for (j = 0; j < blockHeight; j++) {
+      const row = offset / width | 0;
+      const levelOffset = 2 * row * (levelWidth - width) + right + bottom;
+      for (k = 0; k < blockWidth; k++) {
+        n = magnitude[position];
+        if (n !== 0) {
+          n = (n + magnitudeCorrection) * delta;
+          if (sign[position] !== 0) {
+            n = -n;
+          }
+          nb = bitsDecoded[position];
+          const pos = interleave ? levelOffset + (offset << 1) : offset;
+          if (reversible && nb >= mb) {
+            coefficients[pos] = n;
+          } else {
+            coefficients[pos] = n * (1 << mb - nb);
+          }
+        }
+        offset++;
+        position++;
+      }
+      offset += width - blockWidth;
+    }
+  }
+}
+function transformTile(context, tile, c) {
+  const component = tile.components[c];
+  const codingStyleParameters = component.codingStyleParameters;
+  const quantizationParameters = component.quantizationParameters;
+  const decompositionLevelsCount = codingStyleParameters.decompositionLevelsCount;
+  const spqcds = quantizationParameters.SPqcds;
+  const scalarExpounded = quantizationParameters.scalarExpounded;
+  const guardBits = quantizationParameters.guardBits;
+  const segmentationSymbolUsed = codingStyleParameters.segmentationSymbolUsed;
+  const resetContextProbabilities = codingStyleParameters.resetContextProbabilities;
+  const precision = context.components[c].precision;
+  const reversible = codingStyleParameters.reversibleTransformation;
+  const transform = reversible ? new ReversibleTransform() : new IrreversibleTransform();
+  const subbandCoefficients = [];
+  let b = 0;
+  for (let i = 0; i <= decompositionLevelsCount; i++) {
+    const resolution = component.resolutions[i];
+    const width = resolution.trx1 - resolution.trx0;
+    const height = resolution.try1 - resolution.try0;
+    const coefficients = new Float32Array(width * height);
+    for (let j = 0, jj = resolution.subbands.length; j < jj; j++) {
+      let mu, epsilon;
+      if (!scalarExpounded) {
+        mu = spqcds[0].mu;
+        epsilon = spqcds[0].epsilon + (i > 0 ? 1 - i : 0);
+      } else {
+        mu = spqcds[b].mu;
+        epsilon = spqcds[b].epsilon;
+        b++;
+      }
+      const subband = resolution.subbands[j];
+      const gainLog2 = SubbandsGainLog2[subband.type];
+      const delta = reversible ? 1 : 2 ** (precision + gainLog2 - epsilon) * (1 + mu / 2048);
+      const mb = guardBits + epsilon - 1;
+      copyCoefficients(coefficients, width, height, subband, delta, mb, reversible, segmentationSymbolUsed, resetContextProbabilities);
+    }
+    subbandCoefficients.push({
+      width,
+      height,
+      items: coefficients
+    });
+  }
+  const result = transform.calculate(subbandCoefficients, component.tcx0, component.tcy0);
+  return {
+    left: component.tcx0,
+    top: component.tcy0,
+    width: result.width,
+    height: result.height,
+    items: result.items
+  };
+}
+function transformComponents(context) {
+  const siz = context.SIZ;
+  const components = context.components;
+  const componentsCount = siz.Csiz;
+  const resultImages = [];
+  for (let i = 0, ii = context.tiles.length; i < ii; i++) {
+    const tile = context.tiles[i];
+    const transformedTiles = [];
+    for (let c = 0; c < componentsCount; c++) {
+      transformedTiles[c] = transformTile(context, tile, c);
+    }
+    const tile0 = transformedTiles[0];
+    const out = new Uint8ClampedArray(tile0.items.length * componentsCount);
+    const result = {
+      left: tile0.left,
+      top: tile0.top,
+      width: tile0.width,
+      height: tile0.height,
+      items: out
+    };
+    let shift, offset;
+    let pos = 0,
+      j,
+      jj,
+      y0,
+      y1,
+      y2;
+    if (tile.codingStyleDefaultParameters.multipleComponentTransform) {
+      const fourComponents = componentsCount === 4;
+      const y0items = transformedTiles[0].items;
+      const y1items = transformedTiles[1].items;
+      const y2items = transformedTiles[2].items;
+      const y3items = fourComponents ? transformedTiles[3].items : null;
+      shift = components[0].precision - 8;
+      offset = (128 << shift) + 0.5;
+      const component0 = tile.components[0];
+      const alpha01 = componentsCount - 3;
+      jj = y0items.length;
+      if (!component0.codingStyleParameters.reversibleTransformation) {
+        for (j = 0; j < jj; j++, pos += alpha01) {
+          y0 = y0items[j] + offset;
+          y1 = y1items[j];
+          y2 = y2items[j];
+          out[pos++] = y0 + 1.402 * y2 >> shift;
+          out[pos++] = y0 - 0.34413 * y1 - 0.71414 * y2 >> shift;
+          out[pos++] = y0 + 1.772 * y1 >> shift;
+        }
+      } else {
+        for (j = 0; j < jj; j++, pos += alpha01) {
+          y0 = y0items[j] + offset;
+          y1 = y1items[j];
+          y2 = y2items[j];
+          const g = y0 - (y2 + y1 >> 2);
+          out[pos++] = g + y2 >> shift;
+          out[pos++] = g >> shift;
+          out[pos++] = g + y1 >> shift;
+        }
+      }
+      if (fourComponents) {
+        for (j = 0, pos = 3; j < jj; j++, pos += 4) {
+          out[pos] = y3items[j] + offset >> shift;
+        }
+      }
+    } else {
+      for (let c = 0; c < componentsCount; c++) {
+        const items = transformedTiles[c].items;
+        shift = components[c].precision - 8;
+        offset = (128 << shift) + 0.5;
+        for (pos = c, j = 0, jj = items.length; j < jj; j++) {
+          out[pos] = items[j] + offset >> shift;
+          pos += componentsCount;
+        }
+      }
+    }
+    resultImages.push(result);
+  }
+  return resultImages;
+}
+function initializeTile(context, tileIndex) {
+  const siz = context.SIZ;
+  const componentsCount = siz.Csiz;
+  const tile = context.tiles[tileIndex];
+  for (let c = 0; c < componentsCount; c++) {
+    const component = tile.components[c];
+    const qcdOrQcc = context.currentTile.QCC[c] !== undefined ? context.currentTile.QCC[c] : context.currentTile.QCD;
+    component.quantizationParameters = qcdOrQcc;
+    const codOrCoc = context.currentTile.COC[c] !== undefined ? context.currentTile.COC[c] : context.currentTile.COD;
+    component.codingStyleParameters = codOrCoc;
+  }
+  tile.codingStyleDefaultParameters = context.currentTile.COD;
+}
+class TagTree {
+  constructor(width, height) {
+    const levelsLength = (0, _core_utils.log2)(Math.max(width, height)) + 1;
+    this.levels = [];
+    for (let i = 0; i < levelsLength; i++) {
+      const level = {
+        width,
+        height,
+        items: []
+      };
+      this.levels.push(level);
+      width = Math.ceil(width / 2);
+      height = Math.ceil(height / 2);
+    }
+  }
+  reset(i, j) {
+    let currentLevel = 0,
+      value = 0,
+      level;
+    while (currentLevel < this.levels.length) {
+      level = this.levels[currentLevel];
+      const index = i + j * level.width;
+      if (level.items[index] !== undefined) {
+        value = level.items[index];
+        break;
+      }
+      level.index = index;
+      i >>= 1;
+      j >>= 1;
+      currentLevel++;
+    }
+    currentLevel--;
+    level = this.levels[currentLevel];
+    level.items[level.index] = value;
+    this.currentLevel = currentLevel;
+    delete this.value;
+  }
+  incrementValue() {
+    const level = this.levels[this.currentLevel];
+    level.items[level.index]++;
+  }
+  nextLevel() {
+    let currentLevel = this.currentLevel;
+    let level = this.levels[currentLevel];
+    const value = level.items[level.index];
+    currentLevel--;
+    if (currentLevel < 0) {
+      this.value = value;
+      return false;
+    }
+    this.currentLevel = currentLevel;
+    level = this.levels[currentLevel];
+    level.items[level.index] = value;
+    return true;
+  }
+}
+class InclusionTree {
+  constructor(width, height, defaultValue) {
+    const levelsLength = (0, _core_utils.log2)(Math.max(width, height)) + 1;
+    this.levels = [];
+    for (let i = 0; i < levelsLength; i++) {
+      const items = new Uint8Array(width * height);
+      for (let j = 0, jj = items.length; j < jj; j++) {
+        items[j] = defaultValue;
+      }
+      const level = {
+        width,
+        height,
+        items
+      };
+      this.levels.push(level);
+      width = Math.ceil(width / 2);
+      height = Math.ceil(height / 2);
+    }
+  }
+  reset(i, j, stopValue) {
+    let currentLevel = 0;
+    while (currentLevel < this.levels.length) {
+      const level = this.levels[currentLevel];
+      const index = i + j * level.width;
+      level.index = index;
+      const value = level.items[index];
+      if (value === 0xff) {
+        break;
+      }
+      if (value > stopValue) {
+        this.currentLevel = currentLevel;
+        this.propagateValues();
+        return false;
+      }
+      i >>= 1;
+      j >>= 1;
+      currentLevel++;
+    }
+    this.currentLevel = currentLevel - 1;
+    return true;
+  }
+  incrementValue(stopValue) {
+    const level = this.levels[this.currentLevel];
+    level.items[level.index] = stopValue + 1;
+    this.propagateValues();
+  }
+  propagateValues() {
+    let levelIndex = this.currentLevel;
+    let level = this.levels[levelIndex];
+    const currentValue = level.items[level.index];
+    while (--levelIndex >= 0) {
+      level = this.levels[levelIndex];
+      level.items[level.index] = currentValue;
+    }
+  }
+  nextLevel() {
+    let currentLevel = this.currentLevel;
+    let level = this.levels[currentLevel];
+    const value = level.items[level.index];
+    level.items[level.index] = 0xff;
+    currentLevel--;
+    if (currentLevel < 0) {
+      return false;
+    }
+    this.currentLevel = currentLevel;
+    level = this.levels[currentLevel];
+    level.items[level.index] = value;
+    return true;
+  }
+}
+class BitModel {
+  static UNIFORM_CONTEXT = 17;
+  static RUNLENGTH_CONTEXT = 18;
+  static LLAndLHContextsLabel = new Uint8Array([0, 5, 8, 0, 3, 7, 8, 0, 4, 7, 8, 0, 0, 0, 0, 0, 1, 6, 8, 0, 3, 7, 8, 0, 4, 7, 8, 0, 0, 0, 0, 0, 2, 6, 8, 0, 3, 7, 8, 0, 4, 7, 8, 0, 0, 0, 0, 0, 2, 6, 8, 0, 3, 7, 8, 0, 4, 7, 8, 0, 0, 0, 0, 0, 2, 6, 8, 0, 3, 7, 8, 0, 4, 7, 8]);
+  static HLContextLabel = new Uint8Array([0, 3, 4, 0, 5, 7, 7, 0, 8, 8, 8, 0, 0, 0, 0, 0, 1, 3, 4, 0, 6, 7, 7, 0, 8, 8, 8, 0, 0, 0, 0, 0, 2, 3, 4, 0, 6, 7, 7, 0, 8, 8, 8, 0, 0, 0, 0, 0, 2, 3, 4, 0, 6, 7, 7, 0, 8, 8, 8, 0, 0, 0, 0, 0, 2, 3, 4, 0, 6, 7, 7, 0, 8, 8, 8]);
+  static HHContextLabel = new Uint8Array([0, 1, 2, 0, 1, 2, 2, 0, 2, 2, 2, 0, 0, 0, 0, 0, 3, 4, 5, 0, 4, 5, 5, 0, 5, 5, 5, 0, 0, 0, 0, 0, 6, 7, 7, 0, 7, 7, 7, 0, 7, 7, 7, 0, 0, 0, 0, 0, 8, 8, 8, 0, 8, 8, 8, 0, 8, 8, 8, 0, 0, 0, 0, 0, 8, 8, 8, 0, 8, 8, 8, 0, 8, 8, 8]);
+  constructor(width, height, subband, zeroBitPlanes, mb) {
+    this.width = width;
+    this.height = height;
+    let contextLabelTable;
+    if (subband === "HH") {
+      contextLabelTable = BitModel.HHContextLabel;
+    } else if (subband === "HL") {
+      contextLabelTable = BitModel.HLContextLabel;
+    } else {
+      contextLabelTable = BitModel.LLAndLHContextsLabel;
+    }
+    this.contextLabelTable = contextLabelTable;
+    const coefficientCount = width * height;
+    this.neighborsSignificance = new Uint8Array(coefficientCount);
+    this.coefficentsSign = new Uint8Array(coefficientCount);
+    let coefficentsMagnitude;
+    if (mb > 14) {
+      coefficentsMagnitude = new Uint32Array(coefficientCount);
+    } else if (mb > 6) {
+      coefficentsMagnitude = new Uint16Array(coefficientCount);
+    } else {
+      coefficentsMagnitude = new Uint8Array(coefficientCount);
+    }
+    this.coefficentsMagnitude = coefficentsMagnitude;
+    this.processingFlags = new Uint8Array(coefficientCount);
+    const bitsDecoded = new Uint8Array(coefficientCount);
+    if (zeroBitPlanes !== 0) {
+      for (let i = 0; i < coefficientCount; i++) {
+        bitsDecoded[i] = zeroBitPlanes;
+      }
+    }
+    this.bitsDecoded = bitsDecoded;
+    this.reset();
+  }
+  setDecoder(decoder) {
+    this.decoder = decoder;
+  }
+  reset() {
+    this.contexts = new Int8Array(19);
+    this.contexts[0] = 4 << 1 | 0;
+    this.contexts[BitModel.UNIFORM_CONTEXT] = 46 << 1 | 0;
+    this.contexts[BitModel.RUNLENGTH_CONTEXT] = 3 << 1 | 0;
+  }
+  setNeighborsSignificance(row, column, index) {
+    const neighborsSignificance = this.neighborsSignificance;
+    const width = this.width,
+      height = this.height;
+    const left = column > 0;
+    const right = column + 1 < width;
+    let i;
+    if (row > 0) {
+      i = index - width;
+      if (left) {
+        neighborsSignificance[i - 1] += 0x10;
+      }
+      if (right) {
+        neighborsSignificance[i + 1] += 0x10;
+      }
+      neighborsSignificance[i] += 0x04;
+    }
+    if (row + 1 < height) {
+      i = index + width;
+      if (left) {
+        neighborsSignificance[i - 1] += 0x10;
+      }
+      if (right) {
+        neighborsSignificance[i + 1] += 0x10;
+      }
+      neighborsSignificance[i] += 0x04;
+    }
+    if (left) {
+      neighborsSignificance[index - 1] += 0x01;
+    }
+    if (right) {
+      neighborsSignificance[index + 1] += 0x01;
+    }
+    neighborsSignificance[index] |= 0x80;
+  }
+  runSignificancePropagationPass() {
+    const decoder = this.decoder;
+    const width = this.width,
+      height = this.height;
+    const coefficentsMagnitude = this.coefficentsMagnitude;
+    const coefficentsSign = this.coefficentsSign;
+    const neighborsSignificance = this.neighborsSignificance;
+    const processingFlags = this.processingFlags;
+    const contexts = this.contexts;
+    const labels = this.contextLabelTable;
+    const bitsDecoded = this.bitsDecoded;
+    const processedInverseMask = ~1;
+    const processedMask = 1;
+    const firstMagnitudeBitMask = 2;
+    for (let i0 = 0; i0 < height; i0 += 4) {
+      for (let j = 0; j < width; j++) {
+        let index = i0 * width + j;
+        for (let i1 = 0; i1 < 4; i1++, index += width) {
+          const i = i0 + i1;
+          if (i >= height) {
+            break;
+          }
+          processingFlags[index] &= processedInverseMask;
+          if (coefficentsMagnitude[index] || !neighborsSignificance[index]) {
+            continue;
+          }
+          const contextLabel = labels[neighborsSignificance[index]];
+          const decision = decoder.readBit(contexts, contextLabel);
+          if (decision) {
+            const sign = this.decodeSignBit(i, j, index);
+            coefficentsSign[index] = sign;
+            coefficentsMagnitude[index] = 1;
+            this.setNeighborsSignificance(i, j, index);
+            processingFlags[index] |= firstMagnitudeBitMask;
+          }
+          bitsDecoded[index]++;
+          processingFlags[index] |= processedMask;
+        }
+      }
+    }
+  }
+  decodeSignBit(row, column, index) {
+    const width = this.width,
+      height = this.height;
+    const coefficentsMagnitude = this.coefficentsMagnitude;
+    const coefficentsSign = this.coefficentsSign;
+    let contribution, sign0, sign1, significance1;
+    let contextLabel, decoded;
+    significance1 = column > 0 && coefficentsMagnitude[index - 1] !== 0;
+    if (column + 1 < width && coefficentsMagnitude[index + 1] !== 0) {
+      sign1 = coefficentsSign[index + 1];
+      if (significance1) {
+        sign0 = coefficentsSign[index - 1];
+        contribution = 1 - sign1 - sign0;
+      } else {
+        contribution = 1 - sign1 - sign1;
+      }
+    } else if (significance1) {
+      sign0 = coefficentsSign[index - 1];
+      contribution = 1 - sign0 - sign0;
+    } else {
+      contribution = 0;
+    }
+    const horizontalContribution = 3 * contribution;
+    significance1 = row > 0 && coefficentsMagnitude[index - width] !== 0;
+    if (row + 1 < height && coefficentsMagnitude[index + width] !== 0) {
+      sign1 = coefficentsSign[index + width];
+      if (significance1) {
+        sign0 = coefficentsSign[index - width];
+        contribution = 1 - sign1 - sign0 + horizontalContribution;
+      } else {
+        contribution = 1 - sign1 - sign1 + horizontalContribution;
+      }
+    } else if (significance1) {
+      sign0 = coefficentsSign[index - width];
+      contribution = 1 - sign0 - sign0 + horizontalContribution;
+    } else {
+      contribution = horizontalContribution;
+    }
+    if (contribution >= 0) {
+      contextLabel = 9 + contribution;
+      decoded = this.decoder.readBit(this.contexts, contextLabel);
+    } else {
+      contextLabel = 9 - contribution;
+      decoded = this.decoder.readBit(this.contexts, contextLabel) ^ 1;
+    }
+    return decoded;
+  }
+  runMagnitudeRefinementPass() {
+    const decoder = this.decoder;
+    const width = this.width,
+      height = this.height;
+    const coefficentsMagnitude = this.coefficentsMagnitude;
+    const neighborsSignificance = this.neighborsSignificance;
+    const contexts = this.contexts;
+    const bitsDecoded = this.bitsDecoded;
+    const processingFlags = this.processingFlags;
+    const processedMask = 1;
+    const firstMagnitudeBitMask = 2;
+    const length = width * height;
+    const width4 = width * 4;
+    for (let index0 = 0, indexNext; index0 < length; index0 = indexNext) {
+      indexNext = Math.min(length, index0 + width4);
+      for (let j = 0; j < width; j++) {
+        for (let index = index0 + j; index < indexNext; index += width) {
+          if (!coefficentsMagnitude[index] || (processingFlags[index] & processedMask) !== 0) {
+            continue;
+          }
+          let contextLabel = 16;
+          if ((processingFlags[index] & firstMagnitudeBitMask) !== 0) {
+            processingFlags[index] ^= firstMagnitudeBitMask;
+            const significance = neighborsSignificance[index] & 127;
+            contextLabel = significance === 0 ? 15 : 14;
+          }
+          const bit = decoder.readBit(contexts, contextLabel);
+          coefficentsMagnitude[index] = coefficentsMagnitude[index] << 1 | bit;
+          bitsDecoded[index]++;
+          processingFlags[index] |= processedMask;
+        }
+      }
+    }
+  }
+  runCleanupPass() {
+    const decoder = this.decoder;
+    const width = this.width,
+      height = this.height;
+    const neighborsSignificance = this.neighborsSignificance;
+    const coefficentsMagnitude = this.coefficentsMagnitude;
+    const coefficentsSign = this.coefficentsSign;
+    const contexts = this.contexts;
+    const labels = this.contextLabelTable;
+    const bitsDecoded = this.bitsDecoded;
+    const processingFlags = this.processingFlags;
+    const processedMask = 1;
+    const firstMagnitudeBitMask = 2;
+    const oneRowDown = width;
+    const twoRowsDown = width * 2;
+    const threeRowsDown = width * 3;
+    let iNext;
+    for (let i0 = 0; i0 < height; i0 = iNext) {
+      iNext = Math.min(i0 + 4, height);
+      const indexBase = i0 * width;
+      const checkAllEmpty = i0 + 3 < height;
+      for (let j = 0; j < width; j++) {
+        const index0 = indexBase + j;
+        const allEmpty = checkAllEmpty && processingFlags[index0] === 0 && processingFlags[index0 + oneRowDown] === 0 && processingFlags[index0 + twoRowsDown] === 0 && processingFlags[index0 + threeRowsDown] === 0 && neighborsSignificance[index0] === 0 && neighborsSignificance[index0 + oneRowDown] === 0 && neighborsSignificance[index0 + twoRowsDown] === 0 && neighborsSignificance[index0 + threeRowsDown] === 0;
+        let i1 = 0,
+          index = index0;
+        let i = i0,
+          sign;
+        if (allEmpty) {
+          const hasSignificantCoefficent = decoder.readBit(contexts, BitModel.RUNLENGTH_CONTEXT);
+          if (!hasSignificantCoefficent) {
+            bitsDecoded[index0]++;
+            bitsDecoded[index0 + oneRowDown]++;
+            bitsDecoded[index0 + twoRowsDown]++;
+            bitsDecoded[index0 + threeRowsDown]++;
+            continue;
+          }
+          i1 = decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT) << 1 | decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT);
+          if (i1 !== 0) {
+            i = i0 + i1;
+            index += i1 * width;
+          }
+          sign = this.decodeSignBit(i, j, index);
+          coefficentsSign[index] = sign;
+          coefficentsMagnitude[index] = 1;
+          this.setNeighborsSignificance(i, j, index);
+          processingFlags[index] |= firstMagnitudeBitMask;
+          index = index0;
+          for (let i2 = i0; i2 <= i; i2++, index += width) {
+            bitsDecoded[index]++;
+          }
+          i1++;
+        }
+        for (i = i0 + i1; i < iNext; i++, index += width) {
+          if (coefficentsMagnitude[index] || (processingFlags[index] & processedMask) !== 0) {
+            continue;
+          }
+          const contextLabel = labels[neighborsSignificance[index]];
+          const decision = decoder.readBit(contexts, contextLabel);
+          if (decision === 1) {
+            sign = this.decodeSignBit(i, j, index);
+            coefficentsSign[index] = sign;
+            coefficentsMagnitude[index] = 1;
+            this.setNeighborsSignificance(i, j, index);
+            processingFlags[index] |= firstMagnitudeBitMask;
+          }
+          bitsDecoded[index]++;
+        }
+      }
+    }
+  }
+  checkSegmentationSymbol() {
+    const decoder = this.decoder;
+    const contexts = this.contexts;
+    const symbol = decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT) << 3 | decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT) << 2 | decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT) << 1 | decoder.readBit(contexts, BitModel.UNIFORM_CONTEXT);
+    if (symbol !== 0xa) {
+      throw new JpxError("Invalid segmentation symbol");
+    }
+  }
+}
+class Transform {
+  constructor() {
+    if (this.constructor === Transform) {
+      (0, _util.unreachable)("Cannot initialize Transform.");
+    }
+  }
+  calculate(subbands, u0, v0) {
+    let ll = subbands[0];
+    for (let i = 1, ii = subbands.length; i < ii; i++) {
+      ll = this.iterate(ll, subbands[i], u0, v0);
+    }
+    return ll;
+  }
+  extend(buffer, offset, size) {
+    let i1 = offset - 1,
+      j1 = offset + 1;
+    let i2 = offset + size - 2,
+      j2 = offset + size;
+    buffer[i1--] = buffer[j1++];
+    buffer[j2++] = buffer[i2--];
+    buffer[i1--] = buffer[j1++];
+    buffer[j2++] = buffer[i2--];
+    buffer[i1--] = buffer[j1++];
+    buffer[j2++] = buffer[i2--];
+    buffer[i1] = buffer[j1];
+    buffer[j2] = buffer[i2];
+  }
+  filter(x, offset, length) {
+    (0, _util.unreachable)("Abstract method `filter` called");
+  }
+  iterate(ll, hl_lh_hh, u0, v0) {
+    const llWidth = ll.width,
+      llHeight = ll.height;
+    let llItems = ll.items;
+    const width = hl_lh_hh.width;
+    const height = hl_lh_hh.height;
+    const items = hl_lh_hh.items;
+    let i, j, k, l, u, v;
+    for (k = 0, i = 0; i < llHeight; i++) {
+      l = i * 2 * width;
+      for (j = 0; j < llWidth; j++, k++, l += 2) {
+        items[l] = llItems[k];
+      }
+    }
+    llItems = ll.items = null;
+    const bufferPadding = 4;
+    const rowBuffer = new Float32Array(width + 2 * bufferPadding);
+    if (width === 1) {
+      if ((u0 & 1) !== 0) {
+        for (v = 0, k = 0; v < height; v++, k += width) {
+          items[k] *= 0.5;
+        }
+      }
+    } else {
+      for (v = 0, k = 0; v < height; v++, k += width) {
+        rowBuffer.set(items.subarray(k, k + width), bufferPadding);
+        this.extend(rowBuffer, bufferPadding, width);
+        this.filter(rowBuffer, bufferPadding, width);
+        items.set(rowBuffer.subarray(bufferPadding, bufferPadding + width), k);
+      }
+    }
+    let numBuffers = 16;
+    const colBuffers = [];
+    for (i = 0; i < numBuffers; i++) {
+      colBuffers.push(new Float32Array(height + 2 * bufferPadding));
+    }
+    let b,
+      currentBuffer = 0;
+    ll = bufferPadding + height;
+    if (height === 1) {
+      if ((v0 & 1) !== 0) {
+        for (u = 0; u < width; u++) {
+          items[u] *= 0.5;
+        }
+      }
+    } else {
+      for (u = 0; u < width; u++) {
+        if (currentBuffer === 0) {
+          numBuffers = Math.min(width - u, numBuffers);
+          for (k = u, l = bufferPadding; l < ll; k += width, l++) {
+            for (b = 0; b < numBuffers; b++) {
+              colBuffers[b][l] = items[k + b];
+            }
+          }
+          currentBuffer = numBuffers;
+        }
+        currentBuffer--;
+        const buffer = colBuffers[currentBuffer];
+        this.extend(buffer, bufferPadding, height);
+        this.filter(buffer, bufferPadding, height);
+        if (currentBuffer === 0) {
+          k = u - numBuffers + 1;
+          for (l = bufferPadding; l < ll; k += width, l++) {
+            for (b = 0; b < numBuffers; b++) {
+              items[k + b] = colBuffers[b][l];
+            }
+          }
+        }
+      }
+    }
+    return {
+      width,
+      height,
+      items
+    };
+  }
+}
+class IrreversibleTransform extends Transform {
+  filter(x, offset, length) {
+    const len = length >> 1;
+    offset |= 0;
+    let j, n, current, next;
+    const alpha = -1.586134342059924;
+    const beta = -0.052980118572961;
+    const gamma = 0.882911075530934;
+    const delta = 0.443506852043971;
+    const K = 1.230174104914001;
+    const K_ = 1 / K;
+    j = offset - 3;
+    for (n = len + 4; n--; j += 2) {
+      x[j] *= K_;
+    }
+    j = offset - 2;
+    current = delta * x[j - 1];
+    for (n = len + 3; n--; j += 2) {
+      next = delta * x[j + 1];
+      x[j] = K * x[j] - current - next;
+      if (n--) {
+        j += 2;
+        current = delta * x[j + 1];
+        x[j] = K * x[j] - current - next;
+      } else {
+        break;
+      }
+    }
+    j = offset - 1;
+    current = gamma * x[j - 1];
+    for (n = len + 2; n--; j += 2) {
+      next = gamma * x[j + 1];
+      x[j] -= current + next;
+      if (n--) {
+        j += 2;
+        current = gamma * x[j + 1];
+        x[j] -= current + next;
+      } else {
+        break;
+      }
+    }
+    j = offset;
+    current = beta * x[j - 1];
+    for (n = len + 1; n--; j += 2) {
+      next = beta * x[j + 1];
+      x[j] -= current + next;
+      if (n--) {
+        j += 2;
+        current = beta * x[j + 1];
+        x[j] -= current + next;
+      } else {
+        break;
+      }
+    }
+    if (len !== 0) {
+      j = offset + 1;
+      current = alpha * x[j - 1];
+      for (n = len; n--; j += 2) {
+        next = alpha * x[j + 1];
+        x[j] -= current + next;
+        if (n--) {
+          j += 2;
+          current = alpha * x[j + 1];
+          x[j] -= current + next;
+        } else {
+          break;
+        }
+      }
+    }
+  }
+}
+class ReversibleTransform extends Transform {
+  filter(x, offset, length) {
+    const len = length >> 1;
+    offset |= 0;
+    let j, n;
+    for (j = offset, n = len + 1; n--; j += 2) {
+      x[j] -= x[j - 1] + x[j + 1] + 2 >> 2;
+    }
+    for (j = offset + 1, n = len; n--; j += 2) {
+      x[j] += x[j - 1] + x[j + 1] >> 1;
+    }
+  }
+}
+
+/***/ }),
+/* 31 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.LZWStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+class LZWStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength, earlyChange) {
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    this.cachedData = 0;
+    this.bitsCached = 0;
+    const maxLzwDictionarySize = 4096;
+    const lzwState = {
+      earlyChange,
+      codeLength: 9,
+      nextCode: 258,
+      dictionaryValues: new Uint8Array(maxLzwDictionarySize),
+      dictionaryLengths: new Uint16Array(maxLzwDictionarySize),
+      dictionaryPrevCodes: new Uint16Array(maxLzwDictionarySize),
+      currentSequence: new Uint8Array(maxLzwDictionarySize),
+      currentSequenceLength: 0
+    };
+    for (let i = 0; i < 256; ++i) {
+      lzwState.dictionaryValues[i] = i;
+      lzwState.dictionaryLengths[i] = 1;
+    }
+    this.lzwState = lzwState;
+  }
+  readBits(n) {
+    let bitsCached = this.bitsCached;
+    let cachedData = this.cachedData;
+    while (bitsCached < n) {
+      const c = this.str.getByte();
+      if (c === -1) {
+        this.eof = true;
+        return null;
+      }
+      cachedData = cachedData << 8 | c;
+      bitsCached += 8;
+    }
+    this.bitsCached = bitsCached -= n;
+    this.cachedData = cachedData;
+    this.lastCode = null;
+    return cachedData >>> bitsCached & (1 << n) - 1;
+  }
+  readBlock() {
+    const blockSize = 512,
+      decodedSizeDelta = blockSize;
+    let estimatedDecodedSize = blockSize * 2;
+    let i, j, q;
+    const lzwState = this.lzwState;
+    if (!lzwState) {
+      return;
+    }
+    const earlyChange = lzwState.earlyChange;
+    let nextCode = lzwState.nextCode;
+    const dictionaryValues = lzwState.dictionaryValues;
+    const dictionaryLengths = lzwState.dictionaryLengths;
+    const dictionaryPrevCodes = lzwState.dictionaryPrevCodes;
+    let codeLength = lzwState.codeLength;
+    let prevCode = lzwState.prevCode;
+    const currentSequence = lzwState.currentSequence;
+    let currentSequenceLength = lzwState.currentSequenceLength;
+    let decodedLength = 0;
+    let currentBufferLength = this.bufferLength;
+    let buffer = this.ensureBuffer(this.bufferLength + estimatedDecodedSize);
+    for (i = 0; i < blockSize; i++) {
+      const code = this.readBits(codeLength);
+      const hasPrev = currentSequenceLength > 0;
+      if (code < 256) {
+        currentSequence[0] = code;
+        currentSequenceLength = 1;
+      } else if (code >= 258) {
+        if (code < nextCode) {
+          currentSequenceLength = dictionaryLengths[code];
+          for (j = currentSequenceLength - 1, q = code; j >= 0; j--) {
+            currentSequence[j] = dictionaryValues[q];
+            q = dictionaryPrevCodes[q];
+          }
+        } else {
+          currentSequence[currentSequenceLength++] = currentSequence[0];
+        }
+      } else if (code === 256) {
+        codeLength = 9;
+        nextCode = 258;
+        currentSequenceLength = 0;
+        continue;
+      } else {
+        this.eof = true;
+        delete this.lzwState;
+        break;
+      }
+      if (hasPrev) {
+        dictionaryPrevCodes[nextCode] = prevCode;
+        dictionaryLengths[nextCode] = dictionaryLengths[prevCode] + 1;
+        dictionaryValues[nextCode] = currentSequence[0];
+        nextCode++;
+        codeLength = nextCode + earlyChange & nextCode + earlyChange - 1 ? codeLength : Math.min(Math.log(nextCode + earlyChange) / 0.6931471805599453 + 1, 12) | 0;
+      }
+      prevCode = code;
+      decodedLength += currentSequenceLength;
+      if (estimatedDecodedSize < decodedLength) {
+        do {
+          estimatedDecodedSize += decodedSizeDelta;
+        } while (estimatedDecodedSize < decodedLength);
+        buffer = this.ensureBuffer(this.bufferLength + estimatedDecodedSize);
+      }
+      for (j = 0; j < currentSequenceLength; j++) {
+        buffer[currentBufferLength++] = currentSequence[j];
+      }
+    }
+    lzwState.nextCode = nextCode;
+    lzwState.codeLength = codeLength;
+    lzwState.prevCode = prevCode;
+    lzwState.currentSequenceLength = currentSequenceLength;
+    this.bufferLength = currentBufferLength;
+  }
+}
+exports.LZWStream = LZWStream;
+
+/***/ }),
+/* 32 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PredictorStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+var _primitives = __w_pdfjs_require__(4);
+var _util = __w_pdfjs_require__(2);
+class PredictorStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength, params) {
+    super(maybeLength);
+    if (!(params instanceof _primitives.Dict)) {
+      return str;
+    }
+    const predictor = this.predictor = params.get("Predictor") || 1;
+    if (predictor <= 1) {
+      return str;
+    }
+    if (predictor !== 2 && (predictor < 10 || predictor > 15)) {
+      throw new _util.FormatError(`Unsupported predictor: ${predictor}`);
+    }
+    if (predictor === 2) {
+      this.readBlock = this.readBlockTiff;
+    } else {
+      this.readBlock = this.readBlockPng;
+    }
+    this.str = str;
+    this.dict = str.dict;
+    const colors = this.colors = params.get("Colors") || 1;
+    const bits = this.bits = params.get("BPC", "BitsPerComponent") || 8;
+    const columns = this.columns = params.get("Columns") || 1;
+    this.pixBytes = colors * bits + 7 >> 3;
+    this.rowBytes = columns * colors * bits + 7 >> 3;
+    return this;
+  }
+  readBlockTiff() {
+    const rowBytes = this.rowBytes;
+    const bufferLength = this.bufferLength;
+    const buffer = this.ensureBuffer(bufferLength + rowBytes);
+    const bits = this.bits;
+    const colors = this.colors;
+    const rawBytes = this.str.getBytes(rowBytes);
+    this.eof = !rawBytes.length;
+    if (this.eof) {
+      return;
+    }
+    let inbuf = 0,
+      outbuf = 0;
+    let inbits = 0,
+      outbits = 0;
+    let pos = bufferLength;
+    let i;
+    if (bits === 1 && colors === 1) {
+      for (i = 0; i < rowBytes; ++i) {
+        let c = rawBytes[i] ^ inbuf;
+        c ^= c >> 1;
+        c ^= c >> 2;
+        c ^= c >> 4;
+        inbuf = (c & 1) << 7;
+        buffer[pos++] = c;
+      }
+    } else if (bits === 8) {
+      for (i = 0; i < colors; ++i) {
+        buffer[pos++] = rawBytes[i];
+      }
+      for (; i < rowBytes; ++i) {
+        buffer[pos] = buffer[pos - colors] + rawBytes[i];
+        pos++;
+      }
+    } else if (bits === 16) {
+      const bytesPerPixel = colors * 2;
+      for (i = 0; i < bytesPerPixel; ++i) {
+        buffer[pos++] = rawBytes[i];
+      }
+      for (; i < rowBytes; i += 2) {
+        const sum = ((rawBytes[i] & 0xff) << 8) + (rawBytes[i + 1] & 0xff) + ((buffer[pos - bytesPerPixel] & 0xff) << 8) + (buffer[pos - bytesPerPixel + 1] & 0xff);
+        buffer[pos++] = sum >> 8 & 0xff;
+        buffer[pos++] = sum & 0xff;
+      }
+    } else {
+      const compArray = new Uint8Array(colors + 1);
+      const bitMask = (1 << bits) - 1;
+      let j = 0,
+        k = bufferLength;
+      const columns = this.columns;
+      for (i = 0; i < columns; ++i) {
+        for (let kk = 0; kk < colors; ++kk) {
+          if (inbits < bits) {
+            inbuf = inbuf << 8 | rawBytes[j++] & 0xff;
+            inbits += 8;
+          }
+          compArray[kk] = compArray[kk] + (inbuf >> inbits - bits) & bitMask;
+          inbits -= bits;
+          outbuf = outbuf << bits | compArray[kk];
+          outbits += bits;
+          if (outbits >= 8) {
+            buffer[k++] = outbuf >> outbits - 8 & 0xff;
+            outbits -= 8;
+          }
+        }
+      }
+      if (outbits > 0) {
+        buffer[k++] = (outbuf << 8 - outbits) + (inbuf & (1 << 8 - outbits) - 1);
+      }
+    }
+    this.bufferLength += rowBytes;
+  }
+  readBlockPng() {
+    const rowBytes = this.rowBytes;
+    const pixBytes = this.pixBytes;
+    const predictor = this.str.getByte();
+    const rawBytes = this.str.getBytes(rowBytes);
+    this.eof = !rawBytes.length;
+    if (this.eof) {
+      return;
+    }
+    const bufferLength = this.bufferLength;
+    const buffer = this.ensureBuffer(bufferLength + rowBytes);
+    let prevRow = buffer.subarray(bufferLength - rowBytes, bufferLength);
+    if (prevRow.length === 0) {
+      prevRow = new Uint8Array(rowBytes);
+    }
+    let i,
+      j = bufferLength,
+      up,
+      c;
+    switch (predictor) {
+      case 0:
+        for (i = 0; i < rowBytes; ++i) {
+          buffer[j++] = rawBytes[i];
+        }
+        break;
+      case 1:
+        for (i = 0; i < pixBytes; ++i) {
+          buffer[j++] = rawBytes[i];
+        }
+        for (; i < rowBytes; ++i) {
+          buffer[j] = buffer[j - pixBytes] + rawBytes[i] & 0xff;
+          j++;
+        }
+        break;
+      case 2:
+        for (i = 0; i < rowBytes; ++i) {
+          buffer[j++] = prevRow[i] + rawBytes[i] & 0xff;
+        }
+        break;
+      case 3:
+        for (i = 0; i < pixBytes; ++i) {
+          buffer[j++] = (prevRow[i] >> 1) + rawBytes[i];
+        }
+        for (; i < rowBytes; ++i) {
+          buffer[j] = (prevRow[i] + buffer[j - pixBytes] >> 1) + rawBytes[i] & 0xff;
+          j++;
+        }
+        break;
+      case 4:
+        for (i = 0; i < pixBytes; ++i) {
+          up = prevRow[i];
+          c = rawBytes[i];
+          buffer[j++] = up + c;
+        }
+        for (; i < rowBytes; ++i) {
+          up = prevRow[i];
+          const upLeft = prevRow[i - pixBytes];
+          const left = buffer[j - pixBytes];
+          const p = left + up - upLeft;
+          let pa = p - left;
+          if (pa < 0) {
+            pa = -pa;
+          }
+          let pb = p - up;
+          if (pb < 0) {
+            pb = -pb;
+          }
+          let pc = p - upLeft;
+          if (pc < 0) {
+            pc = -pc;
+          }
+          c = rawBytes[i];
+          if (pa <= pb && pa <= pc) {
+            buffer[j++] = left + c;
+          } else if (pb <= pc) {
+            buffer[j++] = up + c;
+          } else {
+            buffer[j++] = upLeft + c;
+          }
+        }
+        break;
+      default:
+        throw new _util.FormatError(`Unsupported predictor: ${predictor}`);
+    }
+    this.bufferLength += rowBytes;
+  }
+}
+exports.PredictorStream = PredictorStream;
+
+/***/ }),
+/* 33 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.RunLengthStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+class RunLengthStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength) {
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+  }
+  readBlock() {
+    const repeatHeader = this.str.getBytes(2);
+    if (!repeatHeader || repeatHeader.length < 2 || repeatHeader[0] === 128) {
+      this.eof = true;
+      return;
+    }
+    let buffer;
+    let bufferLength = this.bufferLength;
+    let n = repeatHeader[0];
+    if (n < 128) {
+      buffer = this.ensureBuffer(bufferLength + n + 1);
+      buffer[bufferLength++] = repeatHeader[1];
+      if (n > 0) {
+        const source = this.str.getBytes(n);
+        buffer.set(source, bufferLength);
+        bufferLength += n;
+      }
+    } else {
+      n = 257 - n;
+      const b = repeatHeader[1];
+      buffer = this.ensureBuffer(bufferLength + n + 1);
+      for (let i = 0; i < n; i++) {
+        buffer[bufferLength++] = b;
+      }
+    }
+    this.bufferLength = bufferLength;
+  }
+}
+exports.RunLengthStream = RunLengthStream;
+
+/***/ }),
+/* 34 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Font = exports.ErrorFont = void 0;
+var _util = __w_pdfjs_require__(2);
+var _cff_parser = __w_pdfjs_require__(35);
+var _fonts_utils = __w_pdfjs_require__(38);
+var _unicode = __w_pdfjs_require__(40);
+var _glyphlist = __w_pdfjs_require__(39);
+var _encodings = __w_pdfjs_require__(37);
+var _standard_fonts = __w_pdfjs_require__(41);
+var _to_unicode_map = __w_pdfjs_require__(42);
+var _cff_font = __w_pdfjs_require__(43);
+var _font_renderer = __w_pdfjs_require__(44);
+var _metrics = __w_pdfjs_require__(45);
+var _glyf = __w_pdfjs_require__(46);
+var _cmap = __w_pdfjs_require__(14);
+var _opentype_file_builder = __w_pdfjs_require__(47);
+var _core_utils = __w_pdfjs_require__(3);
+var _stream = __w_pdfjs_require__(8);
+var _type1_font = __w_pdfjs_require__(48);
+const PRIVATE_USE_AREAS = [[0xe000, 0xf8ff], [0x100000, 0x10fffd]];
+const PDF_GLYPH_SPACE_UNITS = 1000;
+const EXPORT_DATA_PROPERTIES = ["ascent", "bbox", "black", "bold", "charProcOperatorList", "composite", "cssFontInfo", "data", "defaultVMetrics", "defaultWidth", "descent", "fallbackName", "fontMatrix", "isInvalidPDFjsFont", "isType3Font", "italic", "loadedName", "mimetype", "missingFile", "name", "remeasure", "subtype", "type", "vertical"];
+const EXPORT_DATA_EXTRA_PROPERTIES = ["cMap", "defaultEncoding", "differences", "isMonospace", "isSerifFont", "isSymbolicFont", "seacMap", "toFontChar", "toUnicode", "vmetrics", "widths"];
+function adjustWidths(properties) {
+  if (!properties.fontMatrix) {
+    return;
+  }
+  if (properties.fontMatrix[0] === _util.FONT_IDENTITY_MATRIX[0]) {
+    return;
+  }
+  const scale = 0.001 / properties.fontMatrix[0];
+  const glyphsWidths = properties.widths;
+  for (const glyph in glyphsWidths) {
+    glyphsWidths[glyph] *= scale;
+  }
+  properties.defaultWidth *= scale;
+}
+function adjustTrueTypeToUnicode(properties, isSymbolicFont, nameRecords) {
+  if (properties.isInternalFont) {
+    return;
+  }
+  if (properties.hasIncludedToUnicodeMap) {
+    return;
+  }
+  if (properties.hasEncoding) {
+    return;
+  }
+  if (properties.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap) {
+    return;
+  }
+  if (!isSymbolicFont) {
+    return;
+  }
+  if (nameRecords.length === 0) {
+    return;
+  }
+  if (properties.defaultEncoding === _encodings.WinAnsiEncoding) {
+    return;
+  }
+  for (const r of nameRecords) {
+    if (!isWinNameRecord(r)) {
+      return;
+    }
+  }
+  const encoding = _encodings.WinAnsiEncoding;
+  const toUnicode = [],
+    glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+  for (const charCode in encoding) {
+    const glyphName = encoding[charCode];
+    if (glyphName === "") {
+      continue;
+    }
+    const unicode = glyphsUnicodeMap[glyphName];
+    if (unicode === undefined) {
+      continue;
+    }
+    toUnicode[charCode] = String.fromCharCode(unicode);
+  }
+  if (toUnicode.length > 0) {
+    properties.toUnicode.amend(toUnicode);
+  }
+}
+function adjustType1ToUnicode(properties, builtInEncoding) {
+  if (properties.isInternalFont) {
+    return;
+  }
+  if (properties.hasIncludedToUnicodeMap) {
+    return;
+  }
+  if (builtInEncoding === properties.defaultEncoding) {
+    return;
+  }
+  if (properties.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap) {
+    return;
+  }
+  const toUnicode = [],
+    glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+  for (const charCode in builtInEncoding) {
+    if (properties.hasEncoding) {
+      if (properties.baseEncodingName || properties.differences[charCode] !== undefined) {
+        continue;
+      }
+    }
+    const glyphName = builtInEncoding[charCode];
+    const unicode = (0, _unicode.getUnicodeForGlyph)(glyphName, glyphsUnicodeMap);
+    if (unicode !== -1) {
+      toUnicode[charCode] = String.fromCharCode(unicode);
+    }
+  }
+  if (toUnicode.length > 0) {
+    properties.toUnicode.amend(toUnicode);
+  }
+}
+function amendFallbackToUnicode(properties) {
+  if (!properties.fallbackToUnicode) {
+    return;
+  }
+  if (properties.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap) {
+    return;
+  }
+  const toUnicode = [];
+  for (const charCode in properties.fallbackToUnicode) {
+    if (properties.toUnicode.has(charCode)) {
+      continue;
+    }
+    toUnicode[charCode] = properties.fallbackToUnicode[charCode];
+  }
+  if (toUnicode.length > 0) {
+    properties.toUnicode.amend(toUnicode);
+  }
+}
+class Glyph {
+  constructor(originalCharCode, fontChar, unicode, accent, width, vmetric, operatorListId, isSpace, isInFont) {
+    this.originalCharCode = originalCharCode;
+    this.fontChar = fontChar;
+    this.unicode = unicode;
+    this.accent = accent;
+    this.width = width;
+    this.vmetric = vmetric;
+    this.operatorListId = operatorListId;
+    this.isSpace = isSpace;
+    this.isInFont = isInFont;
+  }
+  get category() {
+    return (0, _util.shadow)(this, "category", (0, _unicode.getCharUnicodeCategory)(this.unicode), true);
+  }
+}
+function int16(b0, b1) {
+  return (b0 << 8) + b1;
+}
+function writeSignedInt16(bytes, index, value) {
+  bytes[index + 1] = value;
+  bytes[index] = value >>> 8;
+}
+function signedInt16(b0, b1) {
+  const value = (b0 << 8) + b1;
+  return value & 1 << 15 ? value - 0x10000 : value;
+}
+function int32(b0, b1, b2, b3) {
+  return (b0 << 24) + (b1 << 16) + (b2 << 8) + b3;
+}
+function string16(value) {
+  return String.fromCharCode(value >> 8 & 0xff, value & 0xff);
+}
+function safeString16(value) {
+  if (value > 0x7fff) {
+    value = 0x7fff;
+  } else if (value < -0x8000) {
+    value = -0x8000;
+  }
+  return String.fromCharCode(value >> 8 & 0xff, value & 0xff);
+}
+function isTrueTypeFile(file) {
+  const header = file.peekBytes(4);
+  return (0, _core_utils.readUint32)(header, 0) === 0x00010000 || (0, _util.bytesToString)(header) === "true";
+}
+function isTrueTypeCollectionFile(file) {
+  const header = file.peekBytes(4);
+  return (0, _util.bytesToString)(header) === "ttcf";
+}
+function isOpenTypeFile(file) {
+  const header = file.peekBytes(4);
+  return (0, _util.bytesToString)(header) === "OTTO";
+}
+function isType1File(file) {
+  const header = file.peekBytes(2);
+  if (header[0] === 0x25 && header[1] === 0x21) {
+    return true;
+  }
+  if (header[0] === 0x80 && header[1] === 0x01) {
+    return true;
+  }
+  return false;
+}
+function isCFFFile(file) {
+  const header = file.peekBytes(4);
+  if (header[0] >= 1 && header[3] >= 1 && header[3] <= 4) {
+    return true;
+  }
+  return false;
+}
+function getFontFileType(file, {
+  type,
+  subtype,
+  composite
+}) {
+  let fileType, fileSubtype;
+  if (isTrueTypeFile(file) || isTrueTypeCollectionFile(file)) {
+    if (composite) {
+      fileType = "CIDFontType2";
+    } else {
+      fileType = "TrueType";
+    }
+  } else if (isOpenTypeFile(file)) {
+    if (composite) {
+      fileType = "CIDFontType2";
+    } else {
+      fileType = "OpenType";
+    }
+  } else if (isType1File(file)) {
+    if (composite) {
+      fileType = "CIDFontType0";
+    } else {
+      fileType = type === "MMType1" ? "MMType1" : "Type1";
+    }
+  } else if (isCFFFile(file)) {
+    if (composite) {
+      fileType = "CIDFontType0";
+      fileSubtype = "CIDFontType0C";
+    } else {
+      fileType = type === "MMType1" ? "MMType1" : "Type1";
+      fileSubtype = "Type1C";
+    }
+  } else {
+    (0, _util.warn)("getFontFileType: Unable to detect correct font file Type/Subtype.");
+    fileType = type;
+    fileSubtype = subtype;
+  }
+  return [fileType, fileSubtype];
+}
+function applyStandardFontGlyphMap(map, glyphMap) {
+  for (const charCode in glyphMap) {
+    map[+charCode] = glyphMap[charCode];
+  }
+}
+function buildToFontChar(encoding, glyphsUnicodeMap, differences) {
+  const toFontChar = [];
+  let unicode;
+  for (let i = 0, ii = encoding.length; i < ii; i++) {
+    unicode = (0, _unicode.getUnicodeForGlyph)(encoding[i], glyphsUnicodeMap);
+    if (unicode !== -1) {
+      toFontChar[i] = unicode;
+    }
+  }
+  for (const charCode in differences) {
+    unicode = (0, _unicode.getUnicodeForGlyph)(differences[charCode], glyphsUnicodeMap);
+    if (unicode !== -1) {
+      toFontChar[+charCode] = unicode;
+    }
+  }
+  return toFontChar;
+}
+function isMacNameRecord(r) {
+  return r.platform === 1 && r.encoding === 0 && r.language === 0;
+}
+function isWinNameRecord(r) {
+  return r.platform === 3 && r.encoding === 1 && r.language === 0x409;
+}
+function convertCidString(charCode, cid, shouldThrow = false) {
+  switch (cid.length) {
+    case 1:
+      return cid.charCodeAt(0);
+    case 2:
+      return cid.charCodeAt(0) << 8 | cid.charCodeAt(1);
+  }
+  const msg = `Unsupported CID string (charCode ${charCode}): "${cid}".`;
+  if (shouldThrow) {
+    throw new _util.FormatError(msg);
+  }
+  (0, _util.warn)(msg);
+  return cid;
+}
+function adjustMapping(charCodeToGlyphId, hasGlyph, newGlyphZeroId, toUnicode) {
+  const newMap = Object.create(null);
+  const toUnicodeExtraMap = new Map();
+  const toFontChar = [];
+  const usedGlyphIds = new Set();
+  let privateUseAreaIndex = 0;
+  const privateUseOffetStart = PRIVATE_USE_AREAS[privateUseAreaIndex][0];
+  let nextAvailableFontCharCode = privateUseOffetStart;
+  let privateUseOffetEnd = PRIVATE_USE_AREAS[privateUseAreaIndex][1];
+  const isInPrivateArea = code => PRIVATE_USE_AREAS[0][0] <= code && code <= PRIVATE_USE_AREAS[0][1] || PRIVATE_USE_AREAS[1][0] <= code && code <= PRIVATE_USE_AREAS[1][1];
+  for (let originalCharCode in charCodeToGlyphId) {
+    originalCharCode |= 0;
+    let glyphId = charCodeToGlyphId[originalCharCode];
+    if (!hasGlyph(glyphId)) {
+      continue;
+    }
+    if (nextAvailableFontCharCode > privateUseOffetEnd) {
+      privateUseAreaIndex++;
+      if (privateUseAreaIndex >= PRIVATE_USE_AREAS.length) {
+        (0, _util.warn)("Ran out of space in font private use area.");
+        break;
+      }
+      nextAvailableFontCharCode = PRIVATE_USE_AREAS[privateUseAreaIndex][0];
+      privateUseOffetEnd = PRIVATE_USE_AREAS[privateUseAreaIndex][1];
+    }
+    const fontCharCode = nextAvailableFontCharCode++;
+    if (glyphId === 0) {
+      glyphId = newGlyphZeroId;
+    }
+    let unicode = toUnicode.get(originalCharCode);
+    if (typeof unicode === "string") {
+      unicode = unicode.codePointAt(0);
+    }
+    if (unicode && !isInPrivateArea(unicode) && !usedGlyphIds.has(glyphId)) {
+      toUnicodeExtraMap.set(unicode, glyphId);
+      usedGlyphIds.add(glyphId);
+    }
+    newMap[fontCharCode] = glyphId;
+    toFontChar[originalCharCode] = fontCharCode;
+  }
+  return {
+    toFontChar,
+    charCodeToGlyphId: newMap,
+    toUnicodeExtraMap,
+    nextAvailableFontCharCode
+  };
+}
+function getRanges(glyphs, toUnicodeExtraMap, numGlyphs) {
+  const codes = [];
+  for (const charCode in glyphs) {
+    if (glyphs[charCode] >= numGlyphs) {
+      continue;
+    }
+    codes.push({
+      fontCharCode: charCode | 0,
+      glyphId: glyphs[charCode]
+    });
+  }
+  if (toUnicodeExtraMap) {
+    for (const [unicode, glyphId] of toUnicodeExtraMap) {
+      if (glyphId >= numGlyphs) {
+        continue;
+      }
+      codes.push({
+        fontCharCode: unicode,
+        glyphId
+      });
+    }
+  }
+  if (codes.length === 0) {
+    codes.push({
+      fontCharCode: 0,
+      glyphId: 0
+    });
+  }
+  codes.sort(function fontGetRangesSort(a, b) {
+    return a.fontCharCode - b.fontCharCode;
+  });
+  const ranges = [];
+  const length = codes.length;
+  for (let n = 0; n < length;) {
+    const start = codes[n].fontCharCode;
+    const codeIndices = [codes[n].glyphId];
+    ++n;
+    let end = start;
+    while (n < length && end + 1 === codes[n].fontCharCode) {
+      codeIndices.push(codes[n].glyphId);
+      ++end;
+      ++n;
+      if (end === 0xffff) {
+        break;
+      }
+    }
+    ranges.push([start, end, codeIndices]);
+  }
+  return ranges;
+}
+function createCmapTable(glyphs, toUnicodeExtraMap, numGlyphs) {
+  const ranges = getRanges(glyphs, toUnicodeExtraMap, numGlyphs);
+  const numTables = ranges.at(-1)[1] > 0xffff ? 2 : 1;
+  let cmap = "\x00\x00" + string16(numTables) + "\x00\x03" + "\x00\x01" + (0, _util.string32)(4 + numTables * 8);
+  let i, ii, j, jj;
+  for (i = ranges.length - 1; i >= 0; --i) {
+    if (ranges[i][0] <= 0xffff) {
+      break;
+    }
+  }
+  const bmpLength = i + 1;
+  if (ranges[i][0] < 0xffff && ranges[i][1] === 0xffff) {
+    ranges[i][1] = 0xfffe;
+  }
+  const trailingRangesCount = ranges[i][1] < 0xffff ? 1 : 0;
+  const segCount = bmpLength + trailingRangesCount;
+  const searchParams = _opentype_file_builder.OpenTypeFileBuilder.getSearchParams(segCount, 2);
+  let startCount = "";
+  let endCount = "";
+  let idDeltas = "";
+  let idRangeOffsets = "";
+  let glyphsIds = "";
+  let bias = 0;
+  let range, start, end, codes;
+  for (i = 0, ii = bmpLength; i < ii; i++) {
+    range = ranges[i];
+    start = range[0];
+    end = range[1];
+    startCount += string16(start);
+    endCount += string16(end);
+    codes = range[2];
+    let contiguous = true;
+    for (j = 1, jj = codes.length; j < jj; ++j) {
+      if (codes[j] !== codes[j - 1] + 1) {
+        contiguous = false;
+        break;
+      }
+    }
+    if (!contiguous) {
+      const offset = (segCount - i) * 2 + bias * 2;
+      bias += end - start + 1;
+      idDeltas += string16(0);
+      idRangeOffsets += string16(offset);
+      for (j = 0, jj = codes.length; j < jj; ++j) {
+        glyphsIds += string16(codes[j]);
+      }
+    } else {
+      const startCode = codes[0];
+      idDeltas += string16(startCode - start & 0xffff);
+      idRangeOffsets += string16(0);
+    }
+  }
+  if (trailingRangesCount > 0) {
+    endCount += "\xFF\xFF";
+    startCount += "\xFF\xFF";
+    idDeltas += "\x00\x01";
+    idRangeOffsets += "\x00\x00";
+  }
+  const format314 = "\x00\x00" + string16(2 * segCount) + string16(searchParams.range) + string16(searchParams.entry) + string16(searchParams.rangeShift) + endCount + "\x00\x00" + startCount + idDeltas + idRangeOffsets + glyphsIds;
+  let format31012 = "";
+  let header31012 = "";
+  if (numTables > 1) {
+    cmap += "\x00\x03" + "\x00\x0A" + (0, _util.string32)(4 + numTables * 8 + 4 + format314.length);
+    format31012 = "";
+    for (i = 0, ii = ranges.length; i < ii; i++) {
+      range = ranges[i];
+      start = range[0];
+      codes = range[2];
+      let code = codes[0];
+      for (j = 1, jj = codes.length; j < jj; ++j) {
+        if (codes[j] !== codes[j - 1] + 1) {
+          end = range[0] + j - 1;
+          format31012 += (0, _util.string32)(start) + (0, _util.string32)(end) + (0, _util.string32)(code);
+          start = end + 1;
+          code = codes[j];
+        }
+      }
+      format31012 += (0, _util.string32)(start) + (0, _util.string32)(range[1]) + (0, _util.string32)(code);
+    }
+    header31012 = "\x00\x0C" + "\x00\x00" + (0, _util.string32)(format31012.length + 16) + "\x00\x00\x00\x00" + (0, _util.string32)(format31012.length / 12);
+  }
+  return cmap + "\x00\x04" + string16(format314.length + 4) + format314 + header31012 + format31012;
+}
+function validateOS2Table(os2, file) {
+  file.pos = (file.start || 0) + os2.offset;
+  const version = file.getUint16();
+  file.skip(60);
+  const selection = file.getUint16();
+  if (version < 4 && selection & 0x0300) {
+    return false;
+  }
+  const firstChar = file.getUint16();
+  const lastChar = file.getUint16();
+  if (firstChar > lastChar) {
+    return false;
+  }
+  file.skip(6);
+  const usWinAscent = file.getUint16();
+  if (usWinAscent === 0) {
+    return false;
+  }
+  os2.data[8] = os2.data[9] = 0;
+  return true;
+}
+function createOS2Table(properties, charstrings, override) {
+  override ||= {
+    unitsPerEm: 0,
+    yMax: 0,
+    yMin: 0,
+    ascent: 0,
+    descent: 0
+  };
+  let ulUnicodeRange1 = 0;
+  let ulUnicodeRange2 = 0;
+  let ulUnicodeRange3 = 0;
+  let ulUnicodeRange4 = 0;
+  let firstCharIndex = null;
+  let lastCharIndex = 0;
+  let position = -1;
+  if (charstrings) {
+    for (let code in charstrings) {
+      code |= 0;
+      if (firstCharIndex > code || !firstCharIndex) {
+        firstCharIndex = code;
+      }
+      if (lastCharIndex < code) {
+        lastCharIndex = code;
+      }
+      position = (0, _unicode.getUnicodeRangeFor)(code, position);
+      if (position < 32) {
+        ulUnicodeRange1 |= 1 << position;
+      } else if (position < 64) {
+        ulUnicodeRange2 |= 1 << position - 32;
+      } else if (position < 96) {
+        ulUnicodeRange3 |= 1 << position - 64;
+      } else if (position < 123) {
+        ulUnicodeRange4 |= 1 << position - 96;
+      } else {
+        throw new _util.FormatError("Unicode ranges Bits > 123 are reserved for internal usage");
+      }
+    }
+    if (lastCharIndex > 0xffff) {
+      lastCharIndex = 0xffff;
+    }
+  } else {
+    firstCharIndex = 0;
+    lastCharIndex = 255;
+  }
+  const bbox = properties.bbox || [0, 0, 0, 0];
+  const unitsPerEm = override.unitsPerEm || 1 / (properties.fontMatrix || _util.FONT_IDENTITY_MATRIX)[0];
+  const scale = properties.ascentScaled ? 1.0 : unitsPerEm / PDF_GLYPH_SPACE_UNITS;
+  const typoAscent = override.ascent || Math.round(scale * (properties.ascent || bbox[3]));
+  let typoDescent = override.descent || Math.round(scale * (properties.descent || bbox[1]));
+  if (typoDescent > 0 && properties.descent > 0 && bbox[1] < 0) {
+    typoDescent = -typoDescent;
+  }
+  const winAscent = override.yMax || typoAscent;
+  const winDescent = -override.yMin || -typoDescent;
+  return "\x00\x03" + "\x02\x24" + "\x01\xF4" + "\x00\x05" + "\x00\x00" + "\x02\x8A" + "\x02\xBB" + "\x00\x00" + "\x00\x8C" + "\x02\x8A" + "\x02\xBB" + "\x00\x00" + "\x01\xDF" + "\x00\x31" + "\x01\x02" + "\x00\x00" + "\x00\x00\x06" + String.fromCharCode(properties.fixedPitch ? 0x09 : 0x00) + "\x00\x00\x00\x00\x00\x00" + (0, _util.string32)(ulUnicodeRange1) + (0, _util.string32)(ulUnicodeRange2) + (0, _util.string32)(ulUnicodeRange3) + (0, _util.string32)(ulUnicodeRange4) + "\x2A\x32\x31\x2A" + string16(properties.italicAngle ? 1 : 0) + string16(firstCharIndex || properties.firstChar) + string16(lastCharIndex || properties.lastChar) + string16(typoAscent) + string16(typoDescent) + "\x00\x64" + string16(winAscent) + string16(winDescent) + "\x00\x00\x00\x00" + "\x00\x00\x00\x00" + string16(properties.xHeight) + string16(properties.capHeight) + string16(0) + string16(firstCharIndex || properties.firstChar) + "\x00\x03";
+}
+function createPostTable(properties) {
+  const angle = Math.floor(properties.italicAngle * 2 ** 16);
+  return "\x00\x03\x00\x00" + (0, _util.string32)(angle) + "\x00\x00" + "\x00\x00" + (0, _util.string32)(properties.fixedPitch ? 1 : 0) + "\x00\x00\x00\x00" + "\x00\x00\x00\x00" + "\x00\x00\x00\x00" + "\x00\x00\x00\x00";
+}
+function createPostscriptName(name) {
+  return name.replaceAll(/[^\x21-\x7E]|[[\](){}<>/%]/g, "").slice(0, 63);
+}
+function createNameTable(name, proto) {
+  if (!proto) {
+    proto = [[], []];
+  }
+  const strings = [proto[0][0] || "Original licence", proto[0][1] || name, proto[0][2] || "Unknown", proto[0][3] || "uniqueID", proto[0][4] || name, proto[0][5] || "Version 0.11", proto[0][6] || createPostscriptName(name), proto[0][7] || "Unknown", proto[0][8] || "Unknown", proto[0][9] || "Unknown"];
+  const stringsUnicode = [];
+  let i, ii, j, jj, str;
+  for (i = 0, ii = strings.length; i < ii; i++) {
+    str = proto[1][i] || strings[i];
+    const strBufUnicode = [];
+    for (j = 0, jj = str.length; j < jj; j++) {
+      strBufUnicode.push(string16(str.charCodeAt(j)));
+    }
+    stringsUnicode.push(strBufUnicode.join(""));
+  }
+  const names = [strings, stringsUnicode];
+  const platforms = ["\x00\x01", "\x00\x03"];
+  const encodings = ["\x00\x00", "\x00\x01"];
+  const languages = ["\x00\x00", "\x04\x09"];
+  const namesRecordCount = strings.length * platforms.length;
+  let nameTable = "\x00\x00" + string16(namesRecordCount) + string16(namesRecordCount * 12 + 6);
+  let strOffset = 0;
+  for (i = 0, ii = platforms.length; i < ii; i++) {
+    const strs = names[i];
+    for (j = 0, jj = strs.length; j < jj; j++) {
+      str = strs[j];
+      const nameRecord = platforms[i] + encodings[i] + languages[i] + string16(j) + string16(str.length) + string16(strOffset);
+      nameTable += nameRecord;
+      strOffset += str.length;
+    }
+  }
+  nameTable += strings.join("") + stringsUnicode.join("");
+  return nameTable;
+}
+class Font {
+  constructor(name, file, properties) {
+    this.name = name;
+    this.psName = null;
+    this.mimetype = null;
+    this.disableFontFace = false;
+    this.loadedName = properties.loadedName;
+    this.isType3Font = properties.isType3Font;
+    this.missingFile = false;
+    this.cssFontInfo = properties.cssFontInfo;
+    this._charsCache = Object.create(null);
+    this._glyphCache = Object.create(null);
+    let isSerifFont = !!(properties.flags & _fonts_utils.FontFlags.Serif);
+    if (!isSerifFont && !properties.isSimulatedFlags) {
+      const baseName = name.replaceAll(/[,_]/g, "-").split("-")[0],
+        serifFonts = (0, _standard_fonts.getSerifFonts)();
+      for (const namePart of baseName.split("+")) {
+        if (serifFonts[namePart]) {
+          isSerifFont = true;
+          break;
+        }
+      }
+    }
+    this.isSerifFont = isSerifFont;
+    this.isSymbolicFont = !!(properties.flags & _fonts_utils.FontFlags.Symbolic);
+    this.isMonospace = !!(properties.flags & _fonts_utils.FontFlags.FixedPitch);
+    let {
+      type,
+      subtype
+    } = properties;
+    this.type = type;
+    this.subtype = subtype;
+    const matches = name.match(/^InvalidPDFjsFont_(.*)_\d+$/);
+    this.isInvalidPDFjsFont = !!matches;
+    if (this.isInvalidPDFjsFont) {
+      this.fallbackName = matches[1];
+    } else if (this.isMonospace) {
+      this.fallbackName = "monospace";
+    } else if (this.isSerifFont) {
+      this.fallbackName = "serif";
+    } else {
+      this.fallbackName = "sans-serif";
+    }
+    this.differences = properties.differences;
+    this.widths = properties.widths;
+    this.defaultWidth = properties.defaultWidth;
+    this.composite = properties.composite;
+    this.cMap = properties.cMap;
+    this.capHeight = properties.capHeight / PDF_GLYPH_SPACE_UNITS;
+    this.ascent = properties.ascent / PDF_GLYPH_SPACE_UNITS;
+    this.descent = properties.descent / PDF_GLYPH_SPACE_UNITS;
+    this.lineHeight = this.ascent - this.descent;
+    this.fontMatrix = properties.fontMatrix;
+    this.bbox = properties.bbox;
+    this.defaultEncoding = properties.defaultEncoding;
+    this.toUnicode = properties.toUnicode;
+    this.toFontChar = [];
+    if (properties.type === "Type3") {
+      for (let charCode = 0; charCode < 256; charCode++) {
+        this.toFontChar[charCode] = this.differences[charCode] || properties.defaultEncoding[charCode];
+      }
+      return;
+    }
+    this.cidEncoding = properties.cidEncoding || "";
+    this.vertical = !!properties.vertical;
+    if (this.vertical) {
+      this.vmetrics = properties.vmetrics;
+      this.defaultVMetrics = properties.defaultVMetrics;
+    }
+    if (!file || file.isEmpty) {
+      if (file) {
+        (0, _util.warn)('Font file is empty in "' + name + '" (' + this.loadedName + ")");
+      }
+      this.fallbackToSystemFont(properties);
+      return;
+    }
+    [type, subtype] = getFontFileType(file, properties);
+    if (type !== this.type || subtype !== this.subtype) {
+      (0, _util.info)("Inconsistent font file Type/SubType, expected: " + `${this.type}/${this.subtype} but found: ${type}/${subtype}.`);
+    }
+    let data;
+    try {
+      switch (type) {
+        case "MMType1":
+          (0, _util.info)("MMType1 font (" + name + "), falling back to Type1.");
+        case "Type1":
+        case "CIDFontType0":
+          this.mimetype = "font/opentype";
+          const cff = subtype === "Type1C" || subtype === "CIDFontType0C" ? new _cff_font.CFFFont(file, properties) : new _type1_font.Type1Font(name, file, properties);
+          adjustWidths(properties);
+          data = this.convert(name, cff, properties);
+          break;
+        case "OpenType":
+        case "TrueType":
+        case "CIDFontType2":
+          this.mimetype = "font/opentype";
+          data = this.checkAndRepair(name, file, properties);
+          if (this.isOpenType) {
+            adjustWidths(properties);
+            type = "OpenType";
+          }
+          break;
+        default:
+          throw new _util.FormatError(`Font ${type} is not supported`);
+      }
+    } catch (e) {
+      (0, _util.warn)(e);
+      this.fallbackToSystemFont(properties);
+      return;
+    }
+    amendFallbackToUnicode(properties);
+    this.data = data;
+    this.type = type;
+    this.subtype = subtype;
+    this.fontMatrix = properties.fontMatrix;
+    this.widths = properties.widths;
+    this.defaultWidth = properties.defaultWidth;
+    this.toUnicode = properties.toUnicode;
+    this.seacMap = properties.seacMap;
+  }
+  get renderer() {
+    const renderer = _font_renderer.FontRendererFactory.create(this, _fonts_utils.SEAC_ANALYSIS_ENABLED);
+    return (0, _util.shadow)(this, "renderer", renderer);
+  }
+  exportData(extraProperties = false) {
+    const exportDataProperties = extraProperties ? [...EXPORT_DATA_PROPERTIES, ...EXPORT_DATA_EXTRA_PROPERTIES] : EXPORT_DATA_PROPERTIES;
+    const data = Object.create(null);
+    let property, value;
+    for (property of exportDataProperties) {
+      value = this[property];
+      if (value !== undefined) {
+        data[property] = value;
+      }
+    }
+    return data;
+  }
+  fallbackToSystemFont(properties) {
+    this.missingFile = true;
+    const {
+      name,
+      type
+    } = this;
+    let fontName = (0, _fonts_utils.normalizeFontName)(name);
+    const stdFontMap = (0, _standard_fonts.getStdFontMap)(),
+      nonStdFontMap = (0, _standard_fonts.getNonStdFontMap)();
+    const isStandardFont = !!stdFontMap[fontName];
+    const isMappedToStandardFont = !!(nonStdFontMap[fontName] && stdFontMap[nonStdFontMap[fontName]]);
+    fontName = stdFontMap[fontName] || nonStdFontMap[fontName] || fontName;
+    const fontBasicMetricsMap = (0, _metrics.getFontBasicMetrics)();
+    const metrics = fontBasicMetricsMap[fontName];
+    if (metrics) {
+      if (isNaN(this.ascent)) {
+        this.ascent = metrics.ascent / PDF_GLYPH_SPACE_UNITS;
+      }
+      if (isNaN(this.descent)) {
+        this.descent = metrics.descent / PDF_GLYPH_SPACE_UNITS;
+      }
+      if (isNaN(this.capHeight)) {
+        this.capHeight = metrics.capHeight / PDF_GLYPH_SPACE_UNITS;
+      }
+    }
+    this.bold = /bold/gi.test(fontName);
+    this.italic = /oblique|italic/gi.test(fontName);
+    this.black = /Black/g.test(name);
+    const isNarrow = /Narrow/g.test(name);
+    this.remeasure = (!isStandardFont || isNarrow) && Object.keys(this.widths).length > 0;
+    if ((isStandardFont || isMappedToStandardFont) && type === "CIDFontType2" && this.cidEncoding.startsWith("Identity-")) {
+      const cidToGidMap = properties.cidToGidMap;
+      const map = [];
+      applyStandardFontGlyphMap(map, (0, _standard_fonts.getGlyphMapForStandardFonts)());
+      if (/Arial-?Black/i.test(name)) {
+        applyStandardFontGlyphMap(map, (0, _standard_fonts.getSupplementalGlyphMapForArialBlack)());
+      } else if (/Calibri/i.test(name)) {
+        applyStandardFontGlyphMap(map, (0, _standard_fonts.getSupplementalGlyphMapForCalibri)());
+      }
+      if (cidToGidMap) {
+        for (const charCode in map) {
+          const cid = map[charCode];
+          if (cidToGidMap[cid] !== undefined) {
+            map[+charCode] = cidToGidMap[cid];
+          }
+        }
+        if (cidToGidMap.length !== this.toUnicode.length && properties.hasIncludedToUnicodeMap && this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap) {
+          this.toUnicode.forEach(function (charCode, unicodeCharCode) {
+            const cid = map[charCode];
+            if (cidToGidMap[cid] === undefined) {
+              map[+charCode] = unicodeCharCode;
+            }
+          });
+        }
+      }
+      if (!(this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap)) {
+        this.toUnicode.forEach(function (charCode, unicodeCharCode) {
+          map[+charCode] = unicodeCharCode;
+        });
+      }
+      this.toFontChar = map;
+      this.toUnicode = new _to_unicode_map.ToUnicodeMap(map);
+    } else if (/Symbol/i.test(fontName)) {
+      this.toFontChar = buildToFontChar(_encodings.SymbolSetEncoding, (0, _glyphlist.getGlyphsUnicode)(), this.differences);
+    } else if (/Dingbats/i.test(fontName)) {
+      if (/Wingdings/i.test(name)) {
+        (0, _util.warn)("Non-embedded Wingdings font, falling back to ZapfDingbats.");
+      }
+      this.toFontChar = buildToFontChar(_encodings.ZapfDingbatsEncoding, (0, _glyphlist.getDingbatsGlyphsUnicode)(), this.differences);
+    } else if (isStandardFont) {
+      const map = buildToFontChar(this.defaultEncoding, (0, _glyphlist.getGlyphsUnicode)(), this.differences);
+      if (type === "CIDFontType2" && !this.cidEncoding.startsWith("Identity-") && !(this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap)) {
+        this.toUnicode.forEach(function (charCode, unicodeCharCode) {
+          map[+charCode] = unicodeCharCode;
+        });
+      }
+      this.toFontChar = map;
+    } else {
+      const glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+      const map = [];
+      this.toUnicode.forEach((charCode, unicodeCharCode) => {
+        if (!this.composite) {
+          const glyphName = this.differences[charCode] || this.defaultEncoding[charCode];
+          const unicode = (0, _unicode.getUnicodeForGlyph)(glyphName, glyphsUnicodeMap);
+          if (unicode !== -1) {
+            unicodeCharCode = unicode;
+          }
+        }
+        map[+charCode] = unicodeCharCode;
+      });
+      if (this.composite && this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap) {
+        if (/Tahoma|Verdana/i.test(name)) {
+          applyStandardFontGlyphMap(map, (0, _standard_fonts.getGlyphMapForStandardFonts)());
+        }
+      }
+      this.toFontChar = map;
+    }
+    amendFallbackToUnicode(properties);
+    this.loadedName = fontName.split("-")[0];
+  }
+  checkAndRepair(name, font, properties) {
+    const VALID_TABLES = ["OS/2", "cmap", "head", "hhea", "hmtx", "maxp", "name", "post", "loca", "glyf", "fpgm", "prep", "cvt ", "CFF "];
+    function readTables(file, numTables) {
+      const tables = Object.create(null);
+      tables["OS/2"] = null;
+      tables.cmap = null;
+      tables.head = null;
+      tables.hhea = null;
+      tables.hmtx = null;
+      tables.maxp = null;
+      tables.name = null;
+      tables.post = null;
+      for (let i = 0; i < numTables; i++) {
+        const table = readTableEntry(file);
+        if (!VALID_TABLES.includes(table.tag)) {
+          continue;
+        }
+        if (table.length === 0) {
+          continue;
+        }
+        tables[table.tag] = table;
+      }
+      return tables;
+    }
+    function readTableEntry(file) {
+      const tag = file.getString(4);
+      const checksum = file.getInt32() >>> 0;
+      const offset = file.getInt32() >>> 0;
+      const length = file.getInt32() >>> 0;
+      const previousPosition = file.pos;
+      file.pos = file.start || 0;
+      file.skip(offset);
+      const data = file.getBytes(length);
+      file.pos = previousPosition;
+      if (tag === "head") {
+        data[8] = data[9] = data[10] = data[11] = 0;
+        data[17] |= 0x20;
+      }
+      return {
+        tag,
+        checksum,
+        length,
+        offset,
+        data
+      };
+    }
+    function readOpenTypeHeader(ttf) {
+      return {
+        version: ttf.getString(4),
+        numTables: ttf.getUint16(),
+        searchRange: ttf.getUint16(),
+        entrySelector: ttf.getUint16(),
+        rangeShift: ttf.getUint16()
+      };
+    }
+    function readTrueTypeCollectionHeader(ttc) {
+      const ttcTag = ttc.getString(4);
+      (0, _util.assert)(ttcTag === "ttcf", "Must be a TrueType Collection font.");
+      const majorVersion = ttc.getUint16();
+      const minorVersion = ttc.getUint16();
+      const numFonts = ttc.getInt32() >>> 0;
+      const offsetTable = [];
+      for (let i = 0; i < numFonts; i++) {
+        offsetTable.push(ttc.getInt32() >>> 0);
+      }
+      const header = {
+        ttcTag,
+        majorVersion,
+        minorVersion,
+        numFonts,
+        offsetTable
+      };
+      switch (majorVersion) {
+        case 1:
+          return header;
+        case 2:
+          header.dsigTag = ttc.getInt32() >>> 0;
+          header.dsigLength = ttc.getInt32() >>> 0;
+          header.dsigOffset = ttc.getInt32() >>> 0;
+          return header;
+      }
+      throw new _util.FormatError(`Invalid TrueType Collection majorVersion: ${majorVersion}.`);
+    }
+    function readTrueTypeCollectionData(ttc, fontName) {
+      const {
+        numFonts,
+        offsetTable
+      } = readTrueTypeCollectionHeader(ttc);
+      const fontNameParts = fontName.split("+");
+      let fallbackData;
+      for (let i = 0; i < numFonts; i++) {
+        ttc.pos = (ttc.start || 0) + offsetTable[i];
+        const potentialHeader = readOpenTypeHeader(ttc);
+        const potentialTables = readTables(ttc, potentialHeader.numTables);
+        if (!potentialTables.name) {
+          throw new _util.FormatError('TrueType Collection font must contain a "name" table.');
+        }
+        const [nameTable] = readNameTable(potentialTables.name);
+        for (let j = 0, jj = nameTable.length; j < jj; j++) {
+          for (let k = 0, kk = nameTable[j].length; k < kk; k++) {
+            const nameEntry = nameTable[j][k] && nameTable[j][k].replaceAll(/\s/g, "");
+            if (!nameEntry) {
+              continue;
+            }
+            if (nameEntry === fontName) {
+              return {
+                header: potentialHeader,
+                tables: potentialTables
+              };
+            }
+            if (fontNameParts.length < 2) {
+              continue;
+            }
+            for (const part of fontNameParts) {
+              if (nameEntry === part) {
+                fallbackData = {
+                  name: part,
+                  header: potentialHeader,
+                  tables: potentialTables
+                };
+              }
+            }
+          }
+        }
+      }
+      if (fallbackData) {
+        (0, _util.warn)(`TrueType Collection does not contain "${fontName}" font, ` + `falling back to "${fallbackData.name}" font instead.`);
+        return {
+          header: fallbackData.header,
+          tables: fallbackData.tables
+        };
+      }
+      throw new _util.FormatError(`TrueType Collection does not contain "${fontName}" font.`);
+    }
+    function readCmapTable(cmap, file, isSymbolicFont, hasEncoding) {
+      if (!cmap) {
+        (0, _util.warn)("No cmap table available.");
+        return {
+          platformId: -1,
+          encodingId: -1,
+          mappings: [],
+          hasShortCmap: false
+        };
+      }
+      let segment;
+      let start = (file.start || 0) + cmap.offset;
+      file.pos = start;
+      file.skip(2);
+      const numTables = file.getUint16();
+      let potentialTable;
+      let canBreak = false;
+      for (let i = 0; i < numTables; i++) {
+        const platformId = file.getUint16();
+        const encodingId = file.getUint16();
+        const offset = file.getInt32() >>> 0;
+        let useTable = false;
+        if (potentialTable && potentialTable.platformId === platformId && potentialTable.encodingId === encodingId) {
+          continue;
+        }
+        if (platformId === 0 && (encodingId === 0 || encodingId === 1 || encodingId === 3)) {
+          useTable = true;
+        } else if (platformId === 1 && encodingId === 0) {
+          useTable = true;
+        } else if (platformId === 3 && encodingId === 1 && (hasEncoding || !potentialTable)) {
+          useTable = true;
+          if (!isSymbolicFont) {
+            canBreak = true;
+          }
+        } else if (isSymbolicFont && platformId === 3 && encodingId === 0) {
+          useTable = true;
+          let correctlySorted = true;
+          if (i < numTables - 1) {
+            const nextBytes = file.peekBytes(2),
+              nextPlatformId = int16(nextBytes[0], nextBytes[1]);
+            if (nextPlatformId < platformId) {
+              correctlySorted = false;
+            }
+          }
+          if (correctlySorted) {
+            canBreak = true;
+          }
+        }
+        if (useTable) {
+          potentialTable = {
+            platformId,
+            encodingId,
+            offset
+          };
+        }
+        if (canBreak) {
+          break;
+        }
+      }
+      if (potentialTable) {
+        file.pos = start + potentialTable.offset;
+      }
+      if (!potentialTable || file.peekByte() === -1) {
+        (0, _util.warn)("Could not find a preferred cmap table.");
+        return {
+          platformId: -1,
+          encodingId: -1,
+          mappings: [],
+          hasShortCmap: false
+        };
+      }
+      const format = file.getUint16();
+      let hasShortCmap = false;
+      const mappings = [];
+      let j, glyphId;
+      if (format === 0) {
+        file.skip(2 + 2);
+        for (j = 0; j < 256; j++) {
+          const index = file.getByte();
+          if (!index) {
+            continue;
+          }
+          mappings.push({
+            charCode: j,
+            glyphId: index
+          });
+        }
+        hasShortCmap = true;
+      } else if (format === 2) {
+        file.skip(2 + 2);
+        const subHeaderKeys = [];
+        let maxSubHeaderKey = 0;
+        for (let i = 0; i < 256; i++) {
+          const subHeaderKey = file.getUint16() >> 3;
+          subHeaderKeys.push(subHeaderKey);
+          maxSubHeaderKey = Math.max(subHeaderKey, maxSubHeaderKey);
+        }
+        const subHeaders = [];
+        for (let i = 0; i <= maxSubHeaderKey; i++) {
+          subHeaders.push({
+            firstCode: file.getUint16(),
+            entryCount: file.getUint16(),
+            idDelta: signedInt16(file.getByte(), file.getByte()),
+            idRangePos: file.pos + file.getUint16()
+          });
+        }
+        for (let i = 0; i < 256; i++) {
+          if (subHeaderKeys[i] === 0) {
+            file.pos = subHeaders[0].idRangePos + 2 * i;
+            glyphId = file.getUint16();
+            mappings.push({
+              charCode: i,
+              glyphId
+            });
+          } else {
+            const s = subHeaders[subHeaderKeys[i]];
+            for (j = 0; j < s.entryCount; j++) {
+              const charCode = (i << 8) + j + s.firstCode;
+              file.pos = s.idRangePos + 2 * j;
+              glyphId = file.getUint16();
+              if (glyphId !== 0) {
+                glyphId = (glyphId + s.idDelta) % 65536;
+              }
+              mappings.push({
+                charCode,
+                glyphId
+              });
+            }
+          }
+        }
+      } else if (format === 4) {
+        file.skip(2 + 2);
+        const segCount = file.getUint16() >> 1;
+        file.skip(6);
+        const segments = [];
+        let segIndex;
+        for (segIndex = 0; segIndex < segCount; segIndex++) {
+          segments.push({
+            end: file.getUint16()
+          });
+        }
+        file.skip(2);
+        for (segIndex = 0; segIndex < segCount; segIndex++) {
+          segments[segIndex].start = file.getUint16();
+        }
+        for (segIndex = 0; segIndex < segCount; segIndex++) {
+          segments[segIndex].delta = file.getUint16();
+        }
+        let offsetsCount = 0,
+          offsetIndex;
+        for (segIndex = 0; segIndex < segCount; segIndex++) {
+          segment = segments[segIndex];
+          const rangeOffset = file.getUint16();
+          if (!rangeOffset) {
+            segment.offsetIndex = -1;
+            continue;
+          }
+          offsetIndex = (rangeOffset >> 1) - (segCount - segIndex);
+          segment.offsetIndex = offsetIndex;
+          offsetsCount = Math.max(offsetsCount, offsetIndex + segment.end - segment.start + 1);
+        }
+        const offsets = [];
+        for (j = 0; j < offsetsCount; j++) {
+          offsets.push(file.getUint16());
+        }
+        for (segIndex = 0; segIndex < segCount; segIndex++) {
+          segment = segments[segIndex];
+          start = segment.start;
+          const end = segment.end;
+          const delta = segment.delta;
+          offsetIndex = segment.offsetIndex;
+          for (j = start; j <= end; j++) {
+            if (j === 0xffff) {
+              continue;
+            }
+            glyphId = offsetIndex < 0 ? j : offsets[offsetIndex + j - start];
+            glyphId = glyphId + delta & 0xffff;
+            mappings.push({
+              charCode: j,
+              glyphId
+            });
+          }
+        }
+      } else if (format === 6) {
+        file.skip(2 + 2);
+        const firstCode = file.getUint16();
+        const entryCount = file.getUint16();
+        for (j = 0; j < entryCount; j++) {
+          glyphId = file.getUint16();
+          const charCode = firstCode + j;
+          mappings.push({
+            charCode,
+            glyphId
+          });
+        }
+      } else if (format === 12) {
+        file.skip(2 + 4 + 4);
+        const nGroups = file.getInt32() >>> 0;
+        for (j = 0; j < nGroups; j++) {
+          const startCharCode = file.getInt32() >>> 0;
+          const endCharCode = file.getInt32() >>> 0;
+          let glyphCode = file.getInt32() >>> 0;
+          for (let charCode = startCharCode; charCode <= endCharCode; charCode++) {
+            mappings.push({
+              charCode,
+              glyphId: glyphCode++
+            });
+          }
+        }
+      } else {
+        (0, _util.warn)("cmap table has unsupported format: " + format);
+        return {
+          platformId: -1,
+          encodingId: -1,
+          mappings: [],
+          hasShortCmap: false
+        };
+      }
+      mappings.sort(function (a, b) {
+        return a.charCode - b.charCode;
+      });
+      for (let i = 1; i < mappings.length; i++) {
+        if (mappings[i - 1].charCode === mappings[i].charCode) {
+          mappings.splice(i, 1);
+          i--;
+        }
+      }
+      return {
+        platformId: potentialTable.platformId,
+        encodingId: potentialTable.encodingId,
+        mappings,
+        hasShortCmap
+      };
+    }
+    function sanitizeMetrics(file, header, metrics, headTable, numGlyphs, dupFirstEntry) {
+      if (!header) {
+        if (metrics) {
+          metrics.data = null;
+        }
+        return;
+      }
+      file.pos = (file.start || 0) + header.offset;
+      file.pos += 4;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      file.pos += 2;
+      const caretOffset = file.getUint16();
+      file.pos += 8;
+      file.pos += 2;
+      let numOfMetrics = file.getUint16();
+      if (caretOffset !== 0) {
+        const macStyle = int16(headTable.data[44], headTable.data[45]);
+        if (!(macStyle & 2)) {
+          header.data[22] = 0;
+          header.data[23] = 0;
+        }
+      }
+      if (numOfMetrics > numGlyphs) {
+        (0, _util.info)(`The numOfMetrics (${numOfMetrics}) should not be ` + `greater than the numGlyphs (${numGlyphs}).`);
+        numOfMetrics = numGlyphs;
+        header.data[34] = (numOfMetrics & 0xff00) >> 8;
+        header.data[35] = numOfMetrics & 0x00ff;
+      }
+      const numOfSidebearings = numGlyphs - numOfMetrics;
+      const numMissing = numOfSidebearings - (metrics.length - numOfMetrics * 4 >> 1);
+      if (numMissing > 0) {
+        const entries = new Uint8Array(metrics.length + numMissing * 2);
+        entries.set(metrics.data);
+        if (dupFirstEntry) {
+          entries[metrics.length] = metrics.data[2];
+          entries[metrics.length + 1] = metrics.data[3];
+        }
+        metrics.data = entries;
+      }
+    }
+    function sanitizeGlyph(source, sourceStart, sourceEnd, dest, destStart, hintsValid) {
+      const glyphProfile = {
+        length: 0,
+        sizeOfInstructions: 0
+      };
+      if (sourceEnd - sourceStart <= 12) {
+        return glyphProfile;
+      }
+      const glyf = source.subarray(sourceStart, sourceEnd);
+      let contoursCount = signedInt16(glyf[0], glyf[1]);
+      if (contoursCount < 0) {
+        contoursCount = -1;
+        writeSignedInt16(glyf, 0, contoursCount);
+        dest.set(glyf, destStart);
+        glyphProfile.length = glyf.length;
+        return glyphProfile;
+      }
+      let i,
+        j = 10,
+        flagsCount = 0;
+      for (i = 0; i < contoursCount; i++) {
+        const endPoint = glyf[j] << 8 | glyf[j + 1];
+        flagsCount = endPoint + 1;
+        j += 2;
+      }
+      const instructionsStart = j;
+      const instructionsLength = glyf[j] << 8 | glyf[j + 1];
+      glyphProfile.sizeOfInstructions = instructionsLength;
+      j += 2 + instructionsLength;
+      const instructionsEnd = j;
+      let coordinatesLength = 0;
+      for (i = 0; i < flagsCount; i++) {
+        const flag = glyf[j++];
+        if (flag & 0xc0) {
+          glyf[j - 1] = flag & 0x3f;
+        }
+        let xLength = 2;
+        if (flag & 2) {
+          xLength = 1;
+        } else if (flag & 16) {
+          xLength = 0;
+        }
+        let yLength = 2;
+        if (flag & 4) {
+          yLength = 1;
+        } else if (flag & 32) {
+          yLength = 0;
+        }
+        const xyLength = xLength + yLength;
+        coordinatesLength += xyLength;
+        if (flag & 8) {
+          const repeat = glyf[j++];
+          i += repeat;
+          coordinatesLength += repeat * xyLength;
+        }
+      }
+      if (coordinatesLength === 0) {
+        return glyphProfile;
+      }
+      let glyphDataLength = j + coordinatesLength;
+      if (glyphDataLength > glyf.length) {
+        return glyphProfile;
+      }
+      if (!hintsValid && instructionsLength > 0) {
+        dest.set(glyf.subarray(0, instructionsStart), destStart);
+        dest.set([0, 0], destStart + instructionsStart);
+        dest.set(glyf.subarray(instructionsEnd, glyphDataLength), destStart + instructionsStart + 2);
+        glyphDataLength -= instructionsLength;
+        if (glyf.length - glyphDataLength > 3) {
+          glyphDataLength = glyphDataLength + 3 & ~3;
+        }
+        glyphProfile.length = glyphDataLength;
+        return glyphProfile;
+      }
+      if (glyf.length - glyphDataLength > 3) {
+        glyphDataLength = glyphDataLength + 3 & ~3;
+        dest.set(glyf.subarray(0, glyphDataLength), destStart);
+        glyphProfile.length = glyphDataLength;
+        return glyphProfile;
+      }
+      dest.set(glyf, destStart);
+      glyphProfile.length = glyf.length;
+      return glyphProfile;
+    }
+    function sanitizeHead(head, numGlyphs, locaLength) {
+      const data = head.data;
+      const version = int32(data[0], data[1], data[2], data[3]);
+      if (version >> 16 !== 1) {
+        (0, _util.info)("Attempting to fix invalid version in head table: " + version);
+        data[0] = 0;
+        data[1] = 1;
+        data[2] = 0;
+        data[3] = 0;
+      }
+      const indexToLocFormat = int16(data[50], data[51]);
+      if (indexToLocFormat < 0 || indexToLocFormat > 1) {
+        (0, _util.info)("Attempting to fix invalid indexToLocFormat in head table: " + indexToLocFormat);
+        const numGlyphsPlusOne = numGlyphs + 1;
+        if (locaLength === numGlyphsPlusOne << 1) {
+          data[50] = 0;
+          data[51] = 0;
+        } else if (locaLength === numGlyphsPlusOne << 2) {
+          data[50] = 0;
+          data[51] = 1;
+        } else {
+          throw new _util.FormatError("Could not fix indexToLocFormat: " + indexToLocFormat);
+        }
+      }
+    }
+    function sanitizeGlyphLocations(loca, glyf, numGlyphs, isGlyphLocationsLong, hintsValid, dupFirstEntry, maxSizeOfInstructions) {
+      let itemSize, itemDecode, itemEncode;
+      if (isGlyphLocationsLong) {
+        itemSize = 4;
+        itemDecode = function fontItemDecodeLong(data, offset) {
+          return data[offset] << 24 | data[offset + 1] << 16 | data[offset + 2] << 8 | data[offset + 3];
+        };
+        itemEncode = function fontItemEncodeLong(data, offset, value) {
+          data[offset] = value >>> 24 & 0xff;
+          data[offset + 1] = value >> 16 & 0xff;
+          data[offset + 2] = value >> 8 & 0xff;
+          data[offset + 3] = value & 0xff;
+        };
+      } else {
+        itemSize = 2;
+        itemDecode = function fontItemDecode(data, offset) {
+          return data[offset] << 9 | data[offset + 1] << 1;
+        };
+        itemEncode = function fontItemEncode(data, offset, value) {
+          data[offset] = value >> 9 & 0xff;
+          data[offset + 1] = value >> 1 & 0xff;
+        };
+      }
+      const numGlyphsOut = dupFirstEntry ? numGlyphs + 1 : numGlyphs;
+      const locaDataSize = itemSize * (1 + numGlyphsOut);
+      const locaData = new Uint8Array(locaDataSize);
+      locaData.set(loca.data.subarray(0, locaDataSize));
+      loca.data = locaData;
+      const oldGlyfData = glyf.data;
+      const oldGlyfDataLength = oldGlyfData.length;
+      const newGlyfData = new Uint8Array(oldGlyfDataLength);
+      let i, j;
+      const locaEntries = [];
+      for (i = 0, j = 0; i < numGlyphs + 1; i++, j += itemSize) {
+        let offset = itemDecode(locaData, j);
+        if (offset > oldGlyfDataLength) {
+          offset = oldGlyfDataLength;
+        }
+        locaEntries.push({
+          index: i,
+          offset,
+          endOffset: 0
+        });
+      }
+      locaEntries.sort((a, b) => {
+        return a.offset - b.offset;
+      });
+      for (i = 0; i < numGlyphs; i++) {
+        locaEntries[i].endOffset = locaEntries[i + 1].offset;
+      }
+      locaEntries.sort((a, b) => {
+        return a.index - b.index;
+      });
+      for (i = 0; i < numGlyphs; i++) {
+        const {
+          offset,
+          endOffset
+        } = locaEntries[i];
+        if (offset !== 0 || endOffset !== 0) {
+          break;
+        }
+        const nextOffset = locaEntries[i + 1].offset;
+        if (nextOffset === 0) {
+          continue;
+        }
+        locaEntries[i].endOffset = nextOffset;
+        break;
+      }
+      const missingGlyphs = Object.create(null);
+      let writeOffset = 0;
+      itemEncode(locaData, 0, writeOffset);
+      for (i = 0, j = itemSize; i < numGlyphs; i++, j += itemSize) {
+        const glyphProfile = sanitizeGlyph(oldGlyfData, locaEntries[i].offset, locaEntries[i].endOffset, newGlyfData, writeOffset, hintsValid);
+        const newLength = glyphProfile.length;
+        if (newLength === 0) {
+          missingGlyphs[i] = true;
+        }
+        if (glyphProfile.sizeOfInstructions > maxSizeOfInstructions) {
+          maxSizeOfInstructions = glyphProfile.sizeOfInstructions;
+        }
+        writeOffset += newLength;
+        itemEncode(locaData, j, writeOffset);
+      }
+      if (writeOffset === 0) {
+        const simpleGlyph = new Uint8Array([0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 49, 0]);
+        for (i = 0, j = itemSize; i < numGlyphsOut; i++, j += itemSize) {
+          itemEncode(locaData, j, simpleGlyph.length);
+        }
+        glyf.data = simpleGlyph;
+      } else if (dupFirstEntry) {
+        const firstEntryLength = itemDecode(locaData, itemSize);
+        if (newGlyfData.length > firstEntryLength + writeOffset) {
+          glyf.data = newGlyfData.subarray(0, firstEntryLength + writeOffset);
+        } else {
+          glyf.data = new Uint8Array(firstEntryLength + writeOffset);
+          glyf.data.set(newGlyfData.subarray(0, writeOffset));
+        }
+        glyf.data.set(newGlyfData.subarray(0, firstEntryLength), writeOffset);
+        itemEncode(loca.data, locaData.length - itemSize, writeOffset + firstEntryLength);
+      } else {
+        glyf.data = newGlyfData.subarray(0, writeOffset);
+      }
+      return {
+        missingGlyphs,
+        maxSizeOfInstructions
+      };
+    }
+    function readPostScriptTable(post, propertiesObj, maxpNumGlyphs) {
+      const start = (font.start || 0) + post.offset;
+      font.pos = start;
+      const length = post.length,
+        end = start + length;
+      const version = font.getInt32();
+      font.skip(28);
+      let glyphNames;
+      let valid = true;
+      let i;
+      switch (version) {
+        case 0x00010000:
+          glyphNames = _fonts_utils.MacStandardGlyphOrdering;
+          break;
+        case 0x00020000:
+          const numGlyphs = font.getUint16();
+          if (numGlyphs !== maxpNumGlyphs) {
+            valid = false;
+            break;
+          }
+          const glyphNameIndexes = [];
+          for (i = 0; i < numGlyphs; ++i) {
+            const index = font.getUint16();
+            if (index >= 32768) {
+              valid = false;
+              break;
+            }
+            glyphNameIndexes.push(index);
+          }
+          if (!valid) {
+            break;
+          }
+          const customNames = [],
+            strBuf = [];
+          while (font.pos < end) {
+            const stringLength = font.getByte();
+            strBuf.length = stringLength;
+            for (i = 0; i < stringLength; ++i) {
+              strBuf[i] = String.fromCharCode(font.getByte());
+            }
+            customNames.push(strBuf.join(""));
+          }
+          glyphNames = [];
+          for (i = 0; i < numGlyphs; ++i) {
+            const j = glyphNameIndexes[i];
+            if (j < 258) {
+              glyphNames.push(_fonts_utils.MacStandardGlyphOrdering[j]);
+              continue;
+            }
+            glyphNames.push(customNames[j - 258]);
+          }
+          break;
+        case 0x00030000:
+          break;
+        default:
+          (0, _util.warn)("Unknown/unsupported post table version " + version);
+          valid = false;
+          if (propertiesObj.defaultEncoding) {
+            glyphNames = propertiesObj.defaultEncoding;
+          }
+          break;
+      }
+      propertiesObj.glyphNames = glyphNames;
+      return valid;
+    }
+    function readNameTable(nameTable) {
+      const start = (font.start || 0) + nameTable.offset;
+      font.pos = start;
+      const names = [[], []],
+        records = [];
+      const length = nameTable.length,
+        end = start + length;
+      const format = font.getUint16();
+      const FORMAT_0_HEADER_LENGTH = 6;
+      if (format !== 0 || length < FORMAT_0_HEADER_LENGTH) {
+        return [names, records];
+      }
+      const numRecords = font.getUint16();
+      const stringsStart = font.getUint16();
+      const NAME_RECORD_LENGTH = 12;
+      let i, ii;
+      for (i = 0; i < numRecords && font.pos + NAME_RECORD_LENGTH <= end; i++) {
+        const r = {
+          platform: font.getUint16(),
+          encoding: font.getUint16(),
+          language: font.getUint16(),
+          name: font.getUint16(),
+          length: font.getUint16(),
+          offset: font.getUint16()
+        };
+        if (isMacNameRecord(r) || isWinNameRecord(r)) {
+          records.push(r);
+        }
+      }
+      for (i = 0, ii = records.length; i < ii; i++) {
+        const record = records[i];
+        if (record.length <= 0) {
+          continue;
+        }
+        const pos = start + stringsStart + record.offset;
+        if (pos + record.length > end) {
+          continue;
+        }
+        font.pos = pos;
+        const nameIndex = record.name;
+        if (record.encoding) {
+          let str = "";
+          for (let j = 0, jj = record.length; j < jj; j += 2) {
+            str += String.fromCharCode(font.getUint16());
+          }
+          names[1][nameIndex] = str;
+        } else {
+          names[0][nameIndex] = font.getString(record.length);
+        }
+      }
+      return [names, records];
+    }
+    const TTOpsStackDeltas = [0, 0, 0, 0, 0, 0, 0, 0, -2, -2, -2, -2, 0, 0, -2, -5, -1, -1, -1, -1, -1, -1, -1, -1, 0, 0, -1, 0, -1, -1, -1, -1, 1, -1, -999, 0, 1, 0, -1, -2, 0, -1, -2, -1, -1, 0, -1, -1, 0, 0, -999, -999, -1, -1, -1, -1, -2, -999, -2, -2, -999, 0, -2, -2, 0, 0, -2, 0, -2, 0, 0, 0, -2, -1, -1, 1, 1, 0, 0, -1, -1, -1, -1, -1, -1, -1, 0, 0, -1, 0, -1, -1, 0, -999, -1, -1, -1, -1, -1, -1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -2, -999, -999, -999, -999, -999, -1, -1, -2, -2, 0, 0, 0, 0, -1, -1, -999, -2, -2, 0, 0, -1, -2, -2, 0, 0, 0, -1, -1, -1, -2];
+    function sanitizeTTProgram(table, ttContext) {
+      let data = table.data;
+      let i = 0,
+        j,
+        n,
+        b,
+        funcId,
+        pc,
+        lastEndf = 0,
+        lastDeff = 0;
+      const stack = [];
+      const callstack = [];
+      const functionsCalled = [];
+      let tooComplexToFollowFunctions = ttContext.tooComplexToFollowFunctions;
+      let inFDEF = false,
+        ifLevel = 0,
+        inELSE = 0;
+      for (let ii = data.length; i < ii;) {
+        const op = data[i++];
+        if (op === 0x40) {
+          n = data[i++];
+          if (inFDEF || inELSE) {
+            i += n;
+          } else {
+            for (j = 0; j < n; j++) {
+              stack.push(data[i++]);
+            }
+          }
+        } else if (op === 0x41) {
+          n = data[i++];
+          if (inFDEF || inELSE) {
+            i += n * 2;
+          } else {
+            for (j = 0; j < n; j++) {
+              b = data[i++];
+              stack.push(b << 8 | data[i++]);
+            }
+          }
+        } else if ((op & 0xf8) === 0xb0) {
+          n = op - 0xb0 + 1;
+          if (inFDEF || inELSE) {
+            i += n;
+          } else {
+            for (j = 0; j < n; j++) {
+              stack.push(data[i++]);
+            }
+          }
+        } else if ((op & 0xf8) === 0xb8) {
+          n = op - 0xb8 + 1;
+          if (inFDEF || inELSE) {
+            i += n * 2;
+          } else {
+            for (j = 0; j < n; j++) {
+              b = data[i++];
+              stack.push(b << 8 | data[i++]);
+            }
+          }
+        } else if (op === 0x2b && !tooComplexToFollowFunctions) {
+          if (!inFDEF && !inELSE) {
+            funcId = stack.at(-1);
+            if (isNaN(funcId)) {
+              (0, _util.info)("TT: CALL empty stack (or invalid entry).");
+            } else {
+              ttContext.functionsUsed[funcId] = true;
+              if (funcId in ttContext.functionsStackDeltas) {
+                const newStackLength = stack.length + ttContext.functionsStackDeltas[funcId];
+                if (newStackLength < 0) {
+                  (0, _util.warn)("TT: CALL invalid functions stack delta.");
+                  ttContext.hintsValid = false;
+                  return;
+                }
+                stack.length = newStackLength;
+              } else if (funcId in ttContext.functionsDefined && !functionsCalled.includes(funcId)) {
+                callstack.push({
+                  data,
+                  i,
+                  stackTop: stack.length - 1
+                });
+                functionsCalled.push(funcId);
+                pc = ttContext.functionsDefined[funcId];
+                if (!pc) {
+                  (0, _util.warn)("TT: CALL non-existent function");
+                  ttContext.hintsValid = false;
+                  return;
+                }
+                data = pc.data;
+                i = pc.i;
+              }
+            }
+          }
+        } else if (op === 0x2c && !tooComplexToFollowFunctions) {
+          if (inFDEF || inELSE) {
+            (0, _util.warn)("TT: nested FDEFs not allowed");
+            tooComplexToFollowFunctions = true;
+          }
+          inFDEF = true;
+          lastDeff = i;
+          funcId = stack.pop();
+          ttContext.functionsDefined[funcId] = {
+            data,
+            i
+          };
+        } else if (op === 0x2d) {
+          if (inFDEF) {
+            inFDEF = false;
+            lastEndf = i;
+          } else {
+            pc = callstack.pop();
+            if (!pc) {
+              (0, _util.warn)("TT: ENDF bad stack");
+              ttContext.hintsValid = false;
+              return;
+            }
+            funcId = functionsCalled.pop();
+            data = pc.data;
+            i = pc.i;
+            ttContext.functionsStackDeltas[funcId] = stack.length - pc.stackTop;
+          }
+        } else if (op === 0x89) {
+          if (inFDEF || inELSE) {
+            (0, _util.warn)("TT: nested IDEFs not allowed");
+            tooComplexToFollowFunctions = true;
+          }
+          inFDEF = true;
+          lastDeff = i;
+        } else if (op === 0x58) {
+          ++ifLevel;
+        } else if (op === 0x1b) {
+          inELSE = ifLevel;
+        } else if (op === 0x59) {
+          if (inELSE === ifLevel) {
+            inELSE = 0;
+          }
+          --ifLevel;
+        } else if (op === 0x1c) {
+          if (!inFDEF && !inELSE) {
+            const offset = stack.at(-1);
+            if (offset > 0) {
+              i += offset - 1;
+            }
+          }
+        }
+        if (!inFDEF && !inELSE) {
+          let stackDelta = 0;
+          if (op <= 0x8e) {
+            stackDelta = TTOpsStackDeltas[op];
+          } else if (op >= 0xc0 && op <= 0xdf) {
+            stackDelta = -1;
+          } else if (op >= 0xe0) {
+            stackDelta = -2;
+          }
+          if (op >= 0x71 && op <= 0x75) {
+            n = stack.pop();
+            if (!isNaN(n)) {
+              stackDelta = -n * 2;
+            }
+          }
+          while (stackDelta < 0 && stack.length > 0) {
+            stack.pop();
+            stackDelta++;
+          }
+          while (stackDelta > 0) {
+            stack.push(NaN);
+            stackDelta--;
+          }
+        }
+      }
+      ttContext.tooComplexToFollowFunctions = tooComplexToFollowFunctions;
+      const content = [data];
+      if (i > data.length) {
+        content.push(new Uint8Array(i - data.length));
+      }
+      if (lastDeff > lastEndf) {
+        (0, _util.warn)("TT: complementing a missing function tail");
+        content.push(new Uint8Array([0x22, 0x2d]));
+      }
+      foldTTTable(table, content);
+    }
+    function checkInvalidFunctions(ttContext, maxFunctionDefs) {
+      if (ttContext.tooComplexToFollowFunctions) {
+        return;
+      }
+      if (ttContext.functionsDefined.length > maxFunctionDefs) {
+        (0, _util.warn)("TT: more functions defined than expected");
+        ttContext.hintsValid = false;
+        return;
+      }
+      for (let j = 0, jj = ttContext.functionsUsed.length; j < jj; j++) {
+        if (j > maxFunctionDefs) {
+          (0, _util.warn)("TT: invalid function id: " + j);
+          ttContext.hintsValid = false;
+          return;
+        }
+        if (ttContext.functionsUsed[j] && !ttContext.functionsDefined[j]) {
+          (0, _util.warn)("TT: undefined function: " + j);
+          ttContext.hintsValid = false;
+          return;
+        }
+      }
+    }
+    function foldTTTable(table, content) {
+      if (content.length > 1) {
+        let newLength = 0;
+        let j, jj;
+        for (j = 0, jj = content.length; j < jj; j++) {
+          newLength += content[j].length;
+        }
+        newLength = newLength + 3 & ~3;
+        const result = new Uint8Array(newLength);
+        let pos = 0;
+        for (j = 0, jj = content.length; j < jj; j++) {
+          result.set(content[j], pos);
+          pos += content[j].length;
+        }
+        table.data = result;
+        table.length = newLength;
+      }
+    }
+    function sanitizeTTPrograms(fpgm, prep, cvt, maxFunctionDefs) {
+      const ttContext = {
+        functionsDefined: [],
+        functionsUsed: [],
+        functionsStackDeltas: [],
+        tooComplexToFollowFunctions: false,
+        hintsValid: true
+      };
+      if (fpgm) {
+        sanitizeTTProgram(fpgm, ttContext);
+      }
+      if (prep) {
+        sanitizeTTProgram(prep, ttContext);
+      }
+      if (fpgm) {
+        checkInvalidFunctions(ttContext, maxFunctionDefs);
+      }
+      if (cvt && cvt.length & 1) {
+        const cvtData = new Uint8Array(cvt.length + 1);
+        cvtData.set(cvt.data);
+        cvt.data = cvtData;
+      }
+      return ttContext.hintsValid;
+    }
+    font = new _stream.Stream(new Uint8Array(font.getBytes()));
+    let header, tables;
+    if (isTrueTypeCollectionFile(font)) {
+      const ttcData = readTrueTypeCollectionData(font, this.name);
+      header = ttcData.header;
+      tables = ttcData.tables;
+    } else {
+      header = readOpenTypeHeader(font);
+      tables = readTables(font, header.numTables);
+    }
+    let cff, cffFile;
+    const isTrueType = !tables["CFF "];
+    if (!isTrueType) {
+      const isComposite = properties.composite && ((properties.cidToGidMap || []).length > 0 || !(properties.cMap instanceof _cmap.IdentityCMap));
+      if (header.version === "OTTO" && !isComposite || !tables.head || !tables.hhea || !tables.maxp || !tables.post) {
+        cffFile = new _stream.Stream(tables["CFF "].data);
+        cff = new _cff_font.CFFFont(cffFile, properties);
+        adjustWidths(properties);
+        return this.convert(name, cff, properties);
+      }
+      delete tables.glyf;
+      delete tables.loca;
+      delete tables.fpgm;
+      delete tables.prep;
+      delete tables["cvt "];
+      this.isOpenType = true;
+    } else {
+      if (!tables.loca) {
+        throw new _util.FormatError('Required "loca" table is not found');
+      }
+      if (!tables.glyf) {
+        (0, _util.warn)('Required "glyf" table is not found -- trying to recover.');
+        tables.glyf = {
+          tag: "glyf",
+          data: new Uint8Array(0)
+        };
+      }
+      this.isOpenType = false;
+    }
+    if (!tables.maxp) {
+      throw new _util.FormatError('Required "maxp" table is not found');
+    }
+    font.pos = (font.start || 0) + tables.maxp.offset;
+    const version = font.getInt32();
+    const numGlyphs = font.getUint16();
+    if (properties.scaleFactors && properties.scaleFactors.length === numGlyphs && isTrueType) {
+      const {
+        scaleFactors
+      } = properties;
+      const isGlyphLocationsLong = int16(tables.head.data[50], tables.head.data[51]);
+      const glyphs = new _glyf.GlyfTable({
+        glyfTable: tables.glyf.data,
+        isGlyphLocationsLong,
+        locaTable: tables.loca.data,
+        numGlyphs
+      });
+      glyphs.scale(scaleFactors);
+      const {
+        glyf,
+        loca,
+        isLocationLong
+      } = glyphs.write();
+      tables.glyf.data = glyf;
+      tables.loca.data = loca;
+      if (isLocationLong !== !!isGlyphLocationsLong) {
+        tables.head.data[50] = 0;
+        tables.head.data[51] = isLocationLong ? 1 : 0;
+      }
+      const metrics = tables.hmtx.data;
+      for (let i = 0; i < numGlyphs; i++) {
+        const j = 4 * i;
+        const advanceWidth = Math.round(scaleFactors[i] * int16(metrics[j], metrics[j + 1]));
+        metrics[j] = advanceWidth >> 8 & 0xff;
+        metrics[j + 1] = advanceWidth & 0xff;
+        const lsb = Math.round(scaleFactors[i] * signedInt16(metrics[j + 2], metrics[j + 3]));
+        writeSignedInt16(metrics, j + 2, lsb);
+      }
+    }
+    let numGlyphsOut = numGlyphs + 1;
+    let dupFirstEntry = true;
+    if (numGlyphsOut > 0xffff) {
+      dupFirstEntry = false;
+      numGlyphsOut = numGlyphs;
+      (0, _util.warn)("Not enough space in glyfs to duplicate first glyph.");
+    }
+    let maxFunctionDefs = 0;
+    let maxSizeOfInstructions = 0;
+    if (version >= 0x00010000 && tables.maxp.length >= 22) {
+      font.pos += 8;
+      const maxZones = font.getUint16();
+      if (maxZones > 2) {
+        tables.maxp.data[14] = 0;
+        tables.maxp.data[15] = 2;
+      }
+      font.pos += 4;
+      maxFunctionDefs = font.getUint16();
+      font.pos += 4;
+      maxSizeOfInstructions = font.getUint16();
+    }
+    tables.maxp.data[4] = numGlyphsOut >> 8;
+    tables.maxp.data[5] = numGlyphsOut & 255;
+    const hintsValid = sanitizeTTPrograms(tables.fpgm, tables.prep, tables["cvt "], maxFunctionDefs);
+    if (!hintsValid) {
+      delete tables.fpgm;
+      delete tables.prep;
+      delete tables["cvt "];
+    }
+    sanitizeMetrics(font, tables.hhea, tables.hmtx, tables.head, numGlyphsOut, dupFirstEntry);
+    if (!tables.head) {
+      throw new _util.FormatError('Required "head" table is not found');
+    }
+    sanitizeHead(tables.head, numGlyphs, isTrueType ? tables.loca.length : 0);
+    let missingGlyphs = Object.create(null);
+    if (isTrueType) {
+      const isGlyphLocationsLong = int16(tables.head.data[50], tables.head.data[51]);
+      const glyphsInfo = sanitizeGlyphLocations(tables.loca, tables.glyf, numGlyphs, isGlyphLocationsLong, hintsValid, dupFirstEntry, maxSizeOfInstructions);
+      missingGlyphs = glyphsInfo.missingGlyphs;
+      if (version >= 0x00010000 && tables.maxp.length >= 22) {
+        tables.maxp.data[26] = glyphsInfo.maxSizeOfInstructions >> 8;
+        tables.maxp.data[27] = glyphsInfo.maxSizeOfInstructions & 255;
+      }
+    }
+    if (!tables.hhea) {
+      throw new _util.FormatError('Required "hhea" table is not found');
+    }
+    if (tables.hhea.data[10] === 0 && tables.hhea.data[11] === 0) {
+      tables.hhea.data[10] = 0xff;
+      tables.hhea.data[11] = 0xff;
+    }
+    const metricsOverride = {
+      unitsPerEm: int16(tables.head.data[18], tables.head.data[19]),
+      yMax: int16(tables.head.data[42], tables.head.data[43]),
+      yMin: signedInt16(tables.head.data[38], tables.head.data[39]),
+      ascent: signedInt16(tables.hhea.data[4], tables.hhea.data[5]),
+      descent: signedInt16(tables.hhea.data[6], tables.hhea.data[7]),
+      lineGap: signedInt16(tables.hhea.data[8], tables.hhea.data[9])
+    };
+    this.ascent = metricsOverride.ascent / metricsOverride.unitsPerEm;
+    this.descent = metricsOverride.descent / metricsOverride.unitsPerEm;
+    this.lineGap = metricsOverride.lineGap / metricsOverride.unitsPerEm;
+    if (this.cssFontInfo && this.cssFontInfo.lineHeight) {
+      this.lineHeight = this.cssFontInfo.metrics.lineHeight;
+      this.lineGap = this.cssFontInfo.metrics.lineGap;
+    } else {
+      this.lineHeight = this.ascent - this.descent + this.lineGap;
+    }
+    if (tables.post) {
+      readPostScriptTable(tables.post, properties, numGlyphs);
+    }
+    tables.post = {
+      tag: "post",
+      data: createPostTable(properties)
+    };
+    const charCodeToGlyphId = [];
+    function hasGlyph(glyphId) {
+      return !missingGlyphs[glyphId];
+    }
+    if (properties.composite) {
+      const cidToGidMap = properties.cidToGidMap || [];
+      const isCidToGidMapEmpty = cidToGidMap.length === 0;
+      properties.cMap.forEach(function (charCode, cid) {
+        if (typeof cid === "string") {
+          cid = convertCidString(charCode, cid, true);
+        }
+        if (cid > 0xffff) {
+          throw new _util.FormatError("Max size of CID is 65,535");
+        }
+        let glyphId = -1;
+        if (isCidToGidMapEmpty) {
+          glyphId = cid;
+        } else if (cidToGidMap[cid] !== undefined) {
+          glyphId = cidToGidMap[cid];
+        }
+        if (glyphId >= 0 && glyphId < numGlyphs && hasGlyph(glyphId)) {
+          charCodeToGlyphId[charCode] = glyphId;
+        }
+      });
+    } else {
+      const cmapTable = readCmapTable(tables.cmap, font, this.isSymbolicFont, properties.hasEncoding);
+      const cmapPlatformId = cmapTable.platformId;
+      const cmapEncodingId = cmapTable.encodingId;
+      const cmapMappings = cmapTable.mappings;
+      let baseEncoding = [],
+        forcePostTable = false;
+      if (properties.hasEncoding && (properties.baseEncodingName === "MacRomanEncoding" || properties.baseEncodingName === "WinAnsiEncoding")) {
+        baseEncoding = (0, _encodings.getEncoding)(properties.baseEncodingName);
+      }
+      if (properties.hasEncoding && !this.isSymbolicFont && (cmapPlatformId === 3 && cmapEncodingId === 1 || cmapPlatformId === 1 && cmapEncodingId === 0)) {
+        const glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+        for (let charCode = 0; charCode < 256; charCode++) {
+          let glyphName;
+          if (this.differences[charCode] !== undefined) {
+            glyphName = this.differences[charCode];
+          } else if (baseEncoding.length && baseEncoding[charCode] !== "") {
+            glyphName = baseEncoding[charCode];
+          } else {
+            glyphName = _encodings.StandardEncoding[charCode];
+          }
+          if (!glyphName) {
+            continue;
+          }
+          const standardGlyphName = (0, _fonts_utils.recoverGlyphName)(glyphName, glyphsUnicodeMap);
+          let unicodeOrCharCode;
+          if (cmapPlatformId === 3 && cmapEncodingId === 1) {
+            unicodeOrCharCode = glyphsUnicodeMap[standardGlyphName];
+          } else if (cmapPlatformId === 1 && cmapEncodingId === 0) {
+            unicodeOrCharCode = _encodings.MacRomanEncoding.indexOf(standardGlyphName);
+          }
+          if (unicodeOrCharCode === undefined) {
+            if (!properties.glyphNames && properties.hasIncludedToUnicodeMap && !(this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap)) {
+              const unicode = this.toUnicode.get(charCode);
+              if (unicode) {
+                unicodeOrCharCode = unicode.codePointAt(0);
+              }
+            }
+            if (unicodeOrCharCode === undefined) {
+              continue;
+            }
+          }
+          for (const mapping of cmapMappings) {
+            if (mapping.charCode !== unicodeOrCharCode) {
+              continue;
+            }
+            charCodeToGlyphId[charCode] = mapping.glyphId;
+            break;
+          }
+        }
+      } else if (cmapPlatformId === 0) {
+        for (const mapping of cmapMappings) {
+          charCodeToGlyphId[mapping.charCode] = mapping.glyphId;
+        }
+        forcePostTable = true;
+      } else {
+        for (const mapping of cmapMappings) {
+          let charCode = mapping.charCode;
+          if (cmapPlatformId === 3 && charCode >= 0xf000 && charCode <= 0xf0ff) {
+            charCode &= 0xff;
+          }
+          charCodeToGlyphId[charCode] = mapping.glyphId;
+        }
+      }
+      if (properties.glyphNames && (baseEncoding.length || this.differences.length)) {
+        for (let i = 0; i < 256; ++i) {
+          if (!forcePostTable && charCodeToGlyphId[i] !== undefined) {
+            continue;
+          }
+          const glyphName = this.differences[i] || baseEncoding[i];
+          if (!glyphName) {
+            continue;
+          }
+          const glyphId = properties.glyphNames.indexOf(glyphName);
+          if (glyphId > 0 && hasGlyph(glyphId)) {
+            charCodeToGlyphId[i] = glyphId;
+          }
+        }
+      }
+    }
+    if (charCodeToGlyphId.length === 0) {
+      charCodeToGlyphId[0] = 0;
+    }
+    let glyphZeroId = numGlyphsOut - 1;
+    if (!dupFirstEntry) {
+      glyphZeroId = 0;
+    }
+    if (!properties.cssFontInfo) {
+      const newMapping = adjustMapping(charCodeToGlyphId, hasGlyph, glyphZeroId, this.toUnicode);
+      this.toFontChar = newMapping.toFontChar;
+      tables.cmap = {
+        tag: "cmap",
+        data: createCmapTable(newMapping.charCodeToGlyphId, newMapping.toUnicodeExtraMap, numGlyphsOut)
+      };
+      if (!tables["OS/2"] || !validateOS2Table(tables["OS/2"], font)) {
+        tables["OS/2"] = {
+          tag: "OS/2",
+          data: createOS2Table(properties, newMapping.charCodeToGlyphId, metricsOverride)
+        };
+      }
+    }
+    if (!isTrueType) {
+      try {
+        cffFile = new _stream.Stream(tables["CFF "].data);
+        const parser = new _cff_parser.CFFParser(cffFile, properties, _fonts_utils.SEAC_ANALYSIS_ENABLED);
+        cff = parser.parse();
+        cff.duplicateFirstGlyph();
+        const compiler = new _cff_parser.CFFCompiler(cff);
+        tables["CFF "].data = compiler.compile();
+      } catch (e) {
+        (0, _util.warn)("Failed to compile font " + properties.loadedName);
+      }
+    }
+    if (!tables.name) {
+      tables.name = {
+        tag: "name",
+        data: createNameTable(this.name)
+      };
+    } else {
+      const [namePrototype, nameRecords] = readNameTable(tables.name);
+      tables.name.data = createNameTable(name, namePrototype);
+      this.psName = namePrototype[0][6] || null;
+      if (!properties.composite) {
+        adjustTrueTypeToUnicode(properties, this.isSymbolicFont, nameRecords);
+      }
+    }
+    const builder = new _opentype_file_builder.OpenTypeFileBuilder(header.version);
+    for (const tableTag in tables) {
+      builder.addTable(tableTag, tables[tableTag].data);
+    }
+    return builder.toArray();
+  }
+  convert(fontName, font, properties) {
+    properties.fixedPitch = false;
+    if (properties.builtInEncoding) {
+      adjustType1ToUnicode(properties, properties.builtInEncoding);
+    }
+    let glyphZeroId = 1;
+    if (font instanceof _cff_font.CFFFont) {
+      glyphZeroId = font.numGlyphs - 1;
+    }
+    const mapping = font.getGlyphMapping(properties);
+    let newMapping = null;
+    let newCharCodeToGlyphId = mapping;
+    let toUnicodeExtraMap = null;
+    if (!properties.cssFontInfo) {
+      newMapping = adjustMapping(mapping, font.hasGlyphId.bind(font), glyphZeroId, this.toUnicode);
+      this.toFontChar = newMapping.toFontChar;
+      newCharCodeToGlyphId = newMapping.charCodeToGlyphId;
+      toUnicodeExtraMap = newMapping.toUnicodeExtraMap;
+    }
+    const numGlyphs = font.numGlyphs;
+    function getCharCodes(charCodeToGlyphId, glyphId) {
+      let charCodes = null;
+      for (const charCode in charCodeToGlyphId) {
+        if (glyphId === charCodeToGlyphId[charCode]) {
+          (charCodes ||= []).push(charCode | 0);
+        }
+      }
+      return charCodes;
+    }
+    function createCharCode(charCodeToGlyphId, glyphId) {
+      for (const charCode in charCodeToGlyphId) {
+        if (glyphId === charCodeToGlyphId[charCode]) {
+          return charCode | 0;
+        }
+      }
+      newMapping.charCodeToGlyphId[newMapping.nextAvailableFontCharCode] = glyphId;
+      return newMapping.nextAvailableFontCharCode++;
+    }
+    const seacs = font.seacs;
+    if (newMapping && _fonts_utils.SEAC_ANALYSIS_ENABLED && seacs && seacs.length) {
+      const matrix = properties.fontMatrix || _util.FONT_IDENTITY_MATRIX;
+      const charset = font.getCharset();
+      const seacMap = Object.create(null);
+      for (let glyphId in seacs) {
+        glyphId |= 0;
+        const seac = seacs[glyphId];
+        const baseGlyphName = _encodings.StandardEncoding[seac[2]];
+        const accentGlyphName = _encodings.StandardEncoding[seac[3]];
+        const baseGlyphId = charset.indexOf(baseGlyphName);
+        const accentGlyphId = charset.indexOf(accentGlyphName);
+        if (baseGlyphId < 0 || accentGlyphId < 0) {
+          continue;
+        }
+        const accentOffset = {
+          x: seac[0] * matrix[0] + seac[1] * matrix[2] + matrix[4],
+          y: seac[0] * matrix[1] + seac[1] * matrix[3] + matrix[5]
+        };
+        const charCodes = getCharCodes(mapping, glyphId);
+        if (!charCodes) {
+          continue;
+        }
+        for (const charCode of charCodes) {
+          const charCodeToGlyphId = newMapping.charCodeToGlyphId;
+          const baseFontCharCode = createCharCode(charCodeToGlyphId, baseGlyphId);
+          const accentFontCharCode = createCharCode(charCodeToGlyphId, accentGlyphId);
+          seacMap[charCode] = {
+            baseFontCharCode,
+            accentFontCharCode,
+            accentOffset
+          };
+        }
+      }
+      properties.seacMap = seacMap;
+    }
+    const unitsPerEm = 1 / (properties.fontMatrix || _util.FONT_IDENTITY_MATRIX)[0];
+    const builder = new _opentype_file_builder.OpenTypeFileBuilder("\x4F\x54\x54\x4F");
+    builder.addTable("CFF ", font.data);
+    builder.addTable("OS/2", createOS2Table(properties, newCharCodeToGlyphId));
+    builder.addTable("cmap", createCmapTable(newCharCodeToGlyphId, toUnicodeExtraMap, numGlyphs));
+    builder.addTable("head", "\x00\x01\x00\x00" + "\x00\x00\x10\x00" + "\x00\x00\x00\x00" + "\x5F\x0F\x3C\xF5" + "\x00\x00" + safeString16(unitsPerEm) + "\x00\x00\x00\x00\x9e\x0b\x7e\x27" + "\x00\x00\x00\x00\x9e\x0b\x7e\x27" + "\x00\x00" + safeString16(properties.descent) + "\x0F\xFF" + safeString16(properties.ascent) + string16(properties.italicAngle ? 2 : 0) + "\x00\x11" + "\x00\x00" + "\x00\x00" + "\x00\x00");
+    builder.addTable("hhea", "\x00\x01\x00\x00" + safeString16(properties.ascent) + safeString16(properties.descent) + "\x00\x00" + "\xFF\xFF" + "\x00\x00" + "\x00\x00" + "\x00\x00" + safeString16(properties.capHeight) + safeString16(Math.tan(properties.italicAngle) * properties.xHeight) + "\x00\x00" + "\x00\x00" + "\x00\x00" + "\x00\x00" + "\x00\x00" + "\x00\x00" + string16(numGlyphs));
+    builder.addTable("hmtx", function fontFieldsHmtx() {
+      const charstrings = font.charstrings;
+      const cffWidths = font.cff ? font.cff.widths : null;
+      let hmtx = "\x00\x00\x00\x00";
+      for (let i = 1, ii = numGlyphs; i < ii; i++) {
+        let width = 0;
+        if (charstrings) {
+          const charstring = charstrings[i - 1];
+          width = "width" in charstring ? charstring.width : 0;
+        } else if (cffWidths) {
+          width = Math.ceil(cffWidths[i] || 0);
+        }
+        hmtx += string16(width) + string16(0);
+      }
+      return hmtx;
+    }());
+    builder.addTable("maxp", "\x00\x00\x50\x00" + string16(numGlyphs));
+    builder.addTable("name", createNameTable(fontName));
+    builder.addTable("post", createPostTable(properties));
+    return builder.toArray();
+  }
+  get spaceWidth() {
+    const possibleSpaceReplacements = ["space", "minus", "one", "i", "I"];
+    let width;
+    for (const glyphName of possibleSpaceReplacements) {
+      if (glyphName in this.widths) {
+        width = this.widths[glyphName];
+        break;
+      }
+      const glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+      const glyphUnicode = glyphsUnicodeMap[glyphName];
+      let charcode = 0;
+      if (this.composite && this.cMap.contains(glyphUnicode)) {
+        charcode = this.cMap.lookup(glyphUnicode);
+        if (typeof charcode === "string") {
+          charcode = convertCidString(glyphUnicode, charcode);
+        }
+      }
+      if (!charcode && this.toUnicode) {
+        charcode = this.toUnicode.charCodeOf(glyphUnicode);
+      }
+      if (charcode <= 0) {
+        charcode = glyphUnicode;
+      }
+      width = this.widths[charcode];
+      if (width) {
+        break;
+      }
+    }
+    return (0, _util.shadow)(this, "spaceWidth", width || this.defaultWidth);
+  }
+  _charToGlyph(charcode, isSpace = false) {
+    let glyph = this._glyphCache[charcode];
+    if (glyph && glyph.isSpace === isSpace) {
+      return glyph;
+    }
+    let fontCharCode, width, operatorListId;
+    let widthCode = charcode;
+    if (this.cMap && this.cMap.contains(charcode)) {
+      widthCode = this.cMap.lookup(charcode);
+      if (typeof widthCode === "string") {
+        widthCode = convertCidString(charcode, widthCode);
+      }
+    }
+    width = this.widths[widthCode];
+    if (typeof width !== "number") {
+      width = this.defaultWidth;
+    }
+    const vmetric = this.vmetrics && this.vmetrics[widthCode];
+    let unicode = this.toUnicode.get(charcode) || charcode;
+    if (typeof unicode === "number") {
+      unicode = String.fromCharCode(unicode);
+    }
+    let isInFont = this.toFontChar[charcode] !== undefined;
+    fontCharCode = this.toFontChar[charcode] || charcode;
+    if (this.missingFile) {
+      const glyphName = this.differences[charcode] || this.defaultEncoding[charcode];
+      if ((glyphName === ".notdef" || glyphName === "") && this.type === "Type1") {
+        fontCharCode = 0x20;
+      }
+      fontCharCode = (0, _unicode.mapSpecialUnicodeValues)(fontCharCode);
+    }
+    if (this.isType3Font) {
+      operatorListId = fontCharCode;
+    }
+    let accent = null;
+    if (this.seacMap && this.seacMap[charcode]) {
+      isInFont = true;
+      const seac = this.seacMap[charcode];
+      fontCharCode = seac.baseFontCharCode;
+      accent = {
+        fontChar: String.fromCodePoint(seac.accentFontCharCode),
+        offset: seac.accentOffset
+      };
+    }
+    let fontChar = "";
+    if (typeof fontCharCode === "number") {
+      if (fontCharCode <= 0x10ffff) {
+        fontChar = String.fromCodePoint(fontCharCode);
+      } else {
+        (0, _util.warn)(`charToGlyph - invalid fontCharCode: ${fontCharCode}`);
+      }
+    }
+    glyph = new Glyph(charcode, fontChar, unicode, accent, width, vmetric, operatorListId, isSpace, isInFont);
+    return this._glyphCache[charcode] = glyph;
+  }
+  charsToGlyphs(chars) {
+    let glyphs = this._charsCache[chars];
+    if (glyphs) {
+      return glyphs;
+    }
+    glyphs = [];
+    if (this.cMap) {
+      const c = Object.create(null),
+        ii = chars.length;
+      let i = 0;
+      while (i < ii) {
+        this.cMap.readCharCode(chars, i, c);
+        const {
+          charcode,
+          length
+        } = c;
+        i += length;
+        const glyph = this._charToGlyph(charcode, length === 1 && chars.charCodeAt(i - 1) === 0x20);
+        glyphs.push(glyph);
+      }
+    } else {
+      for (let i = 0, ii = chars.length; i < ii; ++i) {
+        const charcode = chars.charCodeAt(i);
+        const glyph = this._charToGlyph(charcode, charcode === 0x20);
+        glyphs.push(glyph);
+      }
+    }
+    return this._charsCache[chars] = glyphs;
+  }
+  getCharPositions(chars) {
+    const positions = [];
+    if (this.cMap) {
+      const c = Object.create(null);
+      let i = 0;
+      while (i < chars.length) {
+        this.cMap.readCharCode(chars, i, c);
+        const length = c.length;
+        positions.push([i, i + length]);
+        i += length;
+      }
+    } else {
+      for (let i = 0, ii = chars.length; i < ii; ++i) {
+        positions.push([i, i + 1]);
+      }
+    }
+    return positions;
+  }
+  get glyphCacheValues() {
+    return Object.values(this._glyphCache);
+  }
+  encodeString(str) {
+    const buffers = [];
+    const currentBuf = [];
+    const hasCurrentBufErrors = () => buffers.length % 2 === 1;
+    const getCharCode = this.toUnicode instanceof _to_unicode_map.IdentityToUnicodeMap ? unicode => this.toUnicode.charCodeOf(unicode) : unicode => this.toUnicode.charCodeOf(String.fromCodePoint(unicode));
+    for (let i = 0, ii = str.length; i < ii; i++) {
+      const unicode = str.codePointAt(i);
+      if (unicode > 0xd7ff && (unicode < 0xe000 || unicode > 0xfffd)) {
+        i++;
+      }
+      if (this.toUnicode) {
+        const charCode = getCharCode(unicode);
+        if (charCode !== -1) {
+          if (hasCurrentBufErrors()) {
+            buffers.push(currentBuf.join(""));
+            currentBuf.length = 0;
+          }
+          const charCodeLength = this.cMap ? this.cMap.getCharCodeLength(charCode) : 1;
+          for (let j = charCodeLength - 1; j >= 0; j--) {
+            currentBuf.push(String.fromCharCode(charCode >> 8 * j & 0xff));
+          }
+          continue;
+        }
+      }
+      if (!hasCurrentBufErrors()) {
+        buffers.push(currentBuf.join(""));
+        currentBuf.length = 0;
+      }
+      currentBuf.push(String.fromCodePoint(unicode));
+    }
+    buffers.push(currentBuf.join(""));
+    return buffers;
+  }
+}
+exports.Font = Font;
+class ErrorFont {
+  constructor(error) {
+    this.error = error;
+    this.loadedName = "g_font_error";
+    this.missingFile = true;
+  }
+  charsToGlyphs() {
+    return [];
+  }
+  encodeString(chars) {
+    return [chars];
+  }
+  exportData(extraProperties = false) {
+    return {
+      error: this.error
+    };
+  }
+}
+exports.ErrorFont = ErrorFont;
+
+/***/ }),
+/* 35 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.CFFTopDict = exports.CFFStrings = exports.CFFStandardStrings = exports.CFFPrivateDict = exports.CFFParser = exports.CFFIndex = exports.CFFHeader = exports.CFFFDSelect = exports.CFFCompiler = exports.CFFCharset = exports.CFF = void 0;
+var _util = __w_pdfjs_require__(2);
+var _charsets = __w_pdfjs_require__(36);
+var _encodings = __w_pdfjs_require__(37);
+const MAX_SUBR_NESTING = 10;
+const CFFStandardStrings = [".notdef", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quoteright", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "quoteleft", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "exclamdown", "cent", "sterling", "fraction", "yen", "florin", "section", "currency", "quotesingle", "quotedblleft", "guillemotleft", "guilsinglleft", "guilsinglright", "fi", "fl", "endash", "dagger", "daggerdbl", "periodcentered", "paragraph", "bullet", "quotesinglbase", "quotedblbase", "quotedblright", "guillemotright", "ellipsis", "perthousand", "questiondown", "grave", "acute", "circumflex", "tilde", "macron", "breve", "dotaccent", "dieresis", "ring", "cedilla", "hungarumlaut", "ogonek", "caron", "emdash", "AE", "ordfeminine", "Lslash", "Oslash", "OE", "ordmasculine", "ae", "dotlessi", "lslash", "oslash", "oe", "germandbls", "onesuperior", "logicalnot", "mu", "trademark", "Eth", "onehalf", "plusminus", "Thorn", "onequarter", "divide", "brokenbar", "degree", "thorn", "threequarters", "twosuperior", "registered", "minus", "eth", "multiply", "threesuperior", "copyright", "Aacute", "Acircumflex", "Adieresis", "Agrave", "Aring", "Atilde", "Ccedilla", "Eacute", "Ecircumflex", "Edieresis", "Egrave", "Iacute", "Icircumflex", "Idieresis", "Igrave", "Ntilde", "Oacute", "Ocircumflex", "Odieresis", "Ograve", "Otilde", "Scaron", "Uacute", "Ucircumflex", "Udieresis", "Ugrave", "Yacute", "Ydieresis", "Zcaron", "aacute", "acircumflex", "adieresis", "agrave", "aring", "atilde", "ccedilla", "eacute", "ecircumflex", "edieresis", "egrave", "iacute", "icircumflex", "idieresis", "igrave", "ntilde", "oacute", "ocircumflex", "odieresis", "ograve", "otilde", "scaron", "uacute", "ucircumflex", "udieresis", "ugrave", "yacute", "ydieresis", "zcaron", "exclamsmall", "Hungarumlautsmall", "dollaroldstyle", "dollarsuperior", "ampersandsmall", "Acutesmall", "parenleftsuperior", "parenrightsuperior", "twodotenleader", "onedotenleader", "zerooldstyle", "oneoldstyle", "twooldstyle", "threeoldstyle", "fouroldstyle", "fiveoldstyle", "sixoldstyle", "sevenoldstyle", "eightoldstyle", "nineoldstyle", "commasuperior", "threequartersemdash", "periodsuperior", "questionsmall", "asuperior", "bsuperior", "centsuperior", "dsuperior", "esuperior", "isuperior", "lsuperior", "msuperior", "nsuperior", "osuperior", "rsuperior", "ssuperior", "tsuperior", "ff", "ffi", "ffl", "parenleftinferior", "parenrightinferior", "Circumflexsmall", "hyphensuperior", "Gravesmall", "Asmall", "Bsmall", "Csmall", "Dsmall", "Esmall", "Fsmall", "Gsmall", "Hsmall", "Ismall", "Jsmall", "Ksmall", "Lsmall", "Msmall", "Nsmall", "Osmall", "Psmall", "Qsmall", "Rsmall", "Ssmall", "Tsmall", "Usmall", "Vsmall", "Wsmall", "Xsmall", "Ysmall", "Zsmall", "colonmonetary", "onefitted", "rupiah", "Tildesmall", "exclamdownsmall", "centoldstyle", "Lslashsmall", "Scaronsmall", "Zcaronsmall", "Dieresissmall", "Brevesmall", "Caronsmall", "Dotaccentsmall", "Macronsmall", "figuredash", "hypheninferior", "Ogoneksmall", "Ringsmall", "Cedillasmall", "questiondownsmall", "oneeighth", "threeeighths", "fiveeighths", "seveneighths", "onethird", "twothirds", "zerosuperior", "foursuperior", "fivesuperior", "sixsuperior", "sevensuperior", "eightsuperior", "ninesuperior", "zeroinferior", "oneinferior", "twoinferior", "threeinferior", "fourinferior", "fiveinferior", "sixinferior", "seveninferior", "eightinferior", "nineinferior", "centinferior", "dollarinferior", "periodinferior", "commainferior", "Agravesmall", "Aacutesmall", "Acircumflexsmall", "Atildesmall", "Adieresissmall", "Aringsmall", "AEsmall", "Ccedillasmall", "Egravesmall", "Eacutesmall", "Ecircumflexsmall", "Edieresissmall", "Igravesmall", "Iacutesmall", "Icircumflexsmall", "Idieresissmall", "Ethsmall", "Ntildesmall", "Ogravesmall", "Oacutesmall", "Ocircumflexsmall", "Otildesmall", "Odieresissmall", "OEsmall", "Oslashsmall", "Ugravesmall", "Uacutesmall", "Ucircumflexsmall", "Udieresissmall", "Yacutesmall", "Thornsmall", "Ydieresissmall", "001.000", "001.001", "001.002", "001.003", "Black", "Bold", "Book", "Light", "Medium", "Regular", "Roman", "Semibold"];
+exports.CFFStandardStrings = CFFStandardStrings;
+const NUM_STANDARD_CFF_STRINGS = 391;
+const CharstringValidationData = [null, {
+  id: "hstem",
+  min: 2,
+  stackClearing: true,
+  stem: true
+}, null, {
+  id: "vstem",
+  min: 2,
+  stackClearing: true,
+  stem: true
+}, {
+  id: "vmoveto",
+  min: 1,
+  stackClearing: true
+}, {
+  id: "rlineto",
+  min: 2,
+  resetStack: true
+}, {
+  id: "hlineto",
+  min: 1,
+  resetStack: true
+}, {
+  id: "vlineto",
+  min: 1,
+  resetStack: true
+}, {
+  id: "rrcurveto",
+  min: 6,
+  resetStack: true
+}, null, {
+  id: "callsubr",
+  min: 1,
+  undefStack: true
+}, {
+  id: "return",
+  min: 0,
+  undefStack: true
+}, null, null, {
+  id: "endchar",
+  min: 0,
+  stackClearing: true
+}, null, null, null, {
+  id: "hstemhm",
+  min: 2,
+  stackClearing: true,
+  stem: true
+}, {
+  id: "hintmask",
+  min: 0,
+  stackClearing: true
+}, {
+  id: "cntrmask",
+  min: 0,
+  stackClearing: true
+}, {
+  id: "rmoveto",
+  min: 2,
+  stackClearing: true
+}, {
+  id: "hmoveto",
+  min: 1,
+  stackClearing: true
+}, {
+  id: "vstemhm",
+  min: 2,
+  stackClearing: true,
+  stem: true
+}, {
+  id: "rcurveline",
+  min: 8,
+  resetStack: true
+}, {
+  id: "rlinecurve",
+  min: 8,
+  resetStack: true
+}, {
+  id: "vvcurveto",
+  min: 4,
+  resetStack: true
+}, {
+  id: "hhcurveto",
+  min: 4,
+  resetStack: true
+}, null, {
+  id: "callgsubr",
+  min: 1,
+  undefStack: true
+}, {
+  id: "vhcurveto",
+  min: 4,
+  resetStack: true
+}, {
+  id: "hvcurveto",
+  min: 4,
+  resetStack: true
+}];
+const CharstringValidationData12 = [null, null, null, {
+  id: "and",
+  min: 2,
+  stackDelta: -1
+}, {
+  id: "or",
+  min: 2,
+  stackDelta: -1
+}, {
+  id: "not",
+  min: 1,
+  stackDelta: 0
+}, null, null, null, {
+  id: "abs",
+  min: 1,
+  stackDelta: 0
+}, {
+  id: "add",
+  min: 2,
+  stackDelta: -1,
+  stackFn(stack, index) {
+    stack[index - 2] = stack[index - 2] + stack[index - 1];
+  }
+}, {
+  id: "sub",
+  min: 2,
+  stackDelta: -1,
+  stackFn(stack, index) {
+    stack[index - 2] = stack[index - 2] - stack[index - 1];
+  }
+}, {
+  id: "div",
+  min: 2,
+  stackDelta: -1,
+  stackFn(stack, index) {
+    stack[index - 2] = stack[index - 2] / stack[index - 1];
+  }
+}, null, {
+  id: "neg",
+  min: 1,
+  stackDelta: 0,
+  stackFn(stack, index) {
+    stack[index - 1] = -stack[index - 1];
+  }
+}, {
+  id: "eq",
+  min: 2,
+  stackDelta: -1
+}, null, null, {
+  id: "drop",
+  min: 1,
+  stackDelta: -1
+}, null, {
+  id: "put",
+  min: 2,
+  stackDelta: -2
+}, {
+  id: "get",
+  min: 1,
+  stackDelta: 0
+}, {
+  id: "ifelse",
+  min: 4,
+  stackDelta: -3
+}, {
+  id: "random",
+  min: 0,
+  stackDelta: 1
+}, {
+  id: "mul",
+  min: 2,
+  stackDelta: -1,
+  stackFn(stack, index) {
+    stack[index - 2] = stack[index - 2] * stack[index - 1];
+  }
+}, null, {
+  id: "sqrt",
+  min: 1,
+  stackDelta: 0
+}, {
+  id: "dup",
+  min: 1,
+  stackDelta: 1
+}, {
+  id: "exch",
+  min: 2,
+  stackDelta: 0
+}, {
+  id: "index",
+  min: 2,
+  stackDelta: 0
+}, {
+  id: "roll",
+  min: 3,
+  stackDelta: -2
+}, null, null, null, {
+  id: "hflex",
+  min: 7,
+  resetStack: true
+}, {
+  id: "flex",
+  min: 13,
+  resetStack: true
+}, {
+  id: "hflex1",
+  min: 9,
+  resetStack: true
+}, {
+  id: "flex1",
+  min: 11,
+  resetStack: true
+}];
+class CFFParser {
+  constructor(file, properties, seacAnalysisEnabled) {
+    this.bytes = file.getBytes();
+    this.properties = properties;
+    this.seacAnalysisEnabled = !!seacAnalysisEnabled;
+  }
+  parse() {
+    const properties = this.properties;
+    const cff = new CFF();
+    this.cff = cff;
+    const header = this.parseHeader();
+    const nameIndex = this.parseIndex(header.endPos);
+    const topDictIndex = this.parseIndex(nameIndex.endPos);
+    const stringIndex = this.parseIndex(topDictIndex.endPos);
+    const globalSubrIndex = this.parseIndex(stringIndex.endPos);
+    const topDictParsed = this.parseDict(topDictIndex.obj.get(0));
+    const topDict = this.createDict(CFFTopDict, topDictParsed, cff.strings);
+    cff.header = header.obj;
+    cff.names = this.parseNameIndex(nameIndex.obj);
+    cff.strings = this.parseStringIndex(stringIndex.obj);
+    cff.topDict = topDict;
+    cff.globalSubrIndex = globalSubrIndex.obj;
+    this.parsePrivateDict(cff.topDict);
+    cff.isCIDFont = topDict.hasName("ROS");
+    const charStringOffset = topDict.getByName("CharStrings");
+    const charStringIndex = this.parseIndex(charStringOffset).obj;
+    const fontMatrix = topDict.getByName("FontMatrix");
+    if (fontMatrix) {
+      properties.fontMatrix = fontMatrix;
+    }
+    const fontBBox = topDict.getByName("FontBBox");
+    if (fontBBox) {
+      properties.ascent = Math.max(fontBBox[3], fontBBox[1]);
+      properties.descent = Math.min(fontBBox[1], fontBBox[3]);
+      properties.ascentScaled = true;
+    }
+    let charset, encoding;
+    if (cff.isCIDFont) {
+      const fdArrayIndex = this.parseIndex(topDict.getByName("FDArray")).obj;
+      for (let i = 0, ii = fdArrayIndex.count; i < ii; ++i) {
+        const dictRaw = fdArrayIndex.get(i);
+        const fontDict = this.createDict(CFFTopDict, this.parseDict(dictRaw), cff.strings);
+        this.parsePrivateDict(fontDict);
+        cff.fdArray.push(fontDict);
+      }
+      encoding = null;
+      charset = this.parseCharsets(topDict.getByName("charset"), charStringIndex.count, cff.strings, true);
+      cff.fdSelect = this.parseFDSelect(topDict.getByName("FDSelect"), charStringIndex.count);
+    } else {
+      charset = this.parseCharsets(topDict.getByName("charset"), charStringIndex.count, cff.strings, false);
+      encoding = this.parseEncoding(topDict.getByName("Encoding"), properties, cff.strings, charset.charset);
+    }
+    cff.charset = charset;
+    cff.encoding = encoding;
+    const charStringsAndSeacs = this.parseCharStrings({
+      charStrings: charStringIndex,
+      localSubrIndex: topDict.privateDict.subrsIndex,
+      globalSubrIndex: globalSubrIndex.obj,
+      fdSelect: cff.fdSelect,
+      fdArray: cff.fdArray,
+      privateDict: topDict.privateDict
+    });
+    cff.charStrings = charStringsAndSeacs.charStrings;
+    cff.seacs = charStringsAndSeacs.seacs;
+    cff.widths = charStringsAndSeacs.widths;
+    return cff;
+  }
+  parseHeader() {
+    let bytes = this.bytes;
+    const bytesLength = bytes.length;
+    let offset = 0;
+    while (offset < bytesLength && bytes[offset] !== 1) {
+      ++offset;
+    }
+    if (offset >= bytesLength) {
+      throw new _util.FormatError("Invalid CFF header");
+    }
+    if (offset !== 0) {
+      (0, _util.info)("cff data is shifted");
+      bytes = bytes.subarray(offset);
+      this.bytes = bytes;
+    }
+    const major = bytes[0];
+    const minor = bytes[1];
+    const hdrSize = bytes[2];
+    const offSize = bytes[3];
+    const header = new CFFHeader(major, minor, hdrSize, offSize);
+    return {
+      obj: header,
+      endPos: hdrSize
+    };
+  }
+  parseDict(dict) {
+    let pos = 0;
+    function parseOperand() {
+      let value = dict[pos++];
+      if (value === 30) {
+        return parseFloatOperand();
+      } else if (value === 28) {
+        value = dict[pos++];
+        value = (value << 24 | dict[pos++] << 16) >> 16;
+        return value;
+      } else if (value === 29) {
+        value = dict[pos++];
+        value = value << 8 | dict[pos++];
+        value = value << 8 | dict[pos++];
+        value = value << 8 | dict[pos++];
+        return value;
+      } else if (value >= 32 && value <= 246) {
+        return value - 139;
+      } else if (value >= 247 && value <= 250) {
+        return (value - 247) * 256 + dict[pos++] + 108;
+      } else if (value >= 251 && value <= 254) {
+        return -((value - 251) * 256) - dict[pos++] - 108;
+      }
+      (0, _util.warn)('CFFParser_parseDict: "' + value + '" is a reserved command.');
+      return NaN;
+    }
+    function parseFloatOperand() {
+      let str = "";
+      const eof = 15;
+      const lookup = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", ".", "E", "E-", null, "-"];
+      const length = dict.length;
+      while (pos < length) {
+        const b = dict[pos++];
+        const b1 = b >> 4;
+        const b2 = b & 15;
+        if (b1 === eof) {
+          break;
+        }
+        str += lookup[b1];
+        if (b2 === eof) {
+          break;
+        }
+        str += lookup[b2];
+      }
+      return parseFloat(str);
+    }
+    let operands = [];
+    const entries = [];
+    pos = 0;
+    const end = dict.length;
+    while (pos < end) {
+      let b = dict[pos];
+      if (b <= 21) {
+        if (b === 12) {
+          b = b << 8 | dict[++pos];
+        }
+        entries.push([b, operands]);
+        operands = [];
+        ++pos;
+      } else {
+        operands.push(parseOperand());
+      }
+    }
+    return entries;
+  }
+  parseIndex(pos) {
+    const cffIndex = new CFFIndex();
+    const bytes = this.bytes;
+    const count = bytes[pos++] << 8 | bytes[pos++];
+    const offsets = [];
+    let end = pos;
+    let i, ii;
+    if (count !== 0) {
+      const offsetSize = bytes[pos++];
+      const startPos = pos + (count + 1) * offsetSize - 1;
+      for (i = 0, ii = count + 1; i < ii; ++i) {
+        let offset = 0;
+        for (let j = 0; j < offsetSize; ++j) {
+          offset <<= 8;
+          offset += bytes[pos++];
+        }
+        offsets.push(startPos + offset);
+      }
+      end = offsets[count];
+    }
+    for (i = 0, ii = offsets.length - 1; i < ii; ++i) {
+      const offsetStart = offsets[i];
+      const offsetEnd = offsets[i + 1];
+      cffIndex.add(bytes.subarray(offsetStart, offsetEnd));
+    }
+    return {
+      obj: cffIndex,
+      endPos: end
+    };
+  }
+  parseNameIndex(index) {
+    const names = [];
+    for (let i = 0, ii = index.count; i < ii; ++i) {
+      const name = index.get(i);
+      names.push((0, _util.bytesToString)(name));
+    }
+    return names;
+  }
+  parseStringIndex(index) {
+    const strings = new CFFStrings();
+    for (let i = 0, ii = index.count; i < ii; ++i) {
+      const data = index.get(i);
+      strings.add((0, _util.bytesToString)(data));
+    }
+    return strings;
+  }
+  createDict(Type, dict, strings) {
+    const cffDict = new Type(strings);
+    for (const [key, value] of dict) {
+      cffDict.setByKey(key, value);
+    }
+    return cffDict;
+  }
+  parseCharString(state, data, localSubrIndex, globalSubrIndex) {
+    if (!data || state.callDepth > MAX_SUBR_NESTING) {
+      return false;
+    }
+    let stackSize = state.stackSize;
+    const stack = state.stack;
+    let length = data.length;
+    for (let j = 0; j < length;) {
+      const value = data[j++];
+      let validationCommand = null;
+      if (value === 12) {
+        const q = data[j++];
+        if (q === 0) {
+          data[j - 2] = 139;
+          data[j - 1] = 22;
+          stackSize = 0;
+        } else {
+          validationCommand = CharstringValidationData12[q];
+        }
+      } else if (value === 28) {
+        stack[stackSize] = (data[j] << 24 | data[j + 1] << 16) >> 16;
+        j += 2;
+        stackSize++;
+      } else if (value === 14) {
+        if (stackSize >= 4) {
+          stackSize -= 4;
+          if (this.seacAnalysisEnabled) {
+            state.seac = stack.slice(stackSize, stackSize + 4);
+            return false;
+          }
+        }
+        validationCommand = CharstringValidationData[value];
+      } else if (value >= 32 && value <= 246) {
+        stack[stackSize] = value - 139;
+        stackSize++;
+      } else if (value >= 247 && value <= 254) {
+        stack[stackSize] = value < 251 ? (value - 247 << 8) + data[j] + 108 : -(value - 251 << 8) - data[j] - 108;
+        j++;
+        stackSize++;
+      } else if (value === 255) {
+        stack[stackSize] = (data[j] << 24 | data[j + 1] << 16 | data[j + 2] << 8 | data[j + 3]) / 65536;
+        j += 4;
+        stackSize++;
+      } else if (value === 19 || value === 20) {
+        state.hints += stackSize >> 1;
+        j += state.hints + 7 >> 3;
+        stackSize %= 2;
+        validationCommand = CharstringValidationData[value];
+      } else if (value === 10 || value === 29) {
+        let subrsIndex;
+        if (value === 10) {
+          subrsIndex = localSubrIndex;
+        } else {
+          subrsIndex = globalSubrIndex;
+        }
+        if (!subrsIndex) {
+          validationCommand = CharstringValidationData[value];
+          (0, _util.warn)("Missing subrsIndex for " + validationCommand.id);
+          return false;
+        }
+        let bias = 32768;
+        if (subrsIndex.count < 1240) {
+          bias = 107;
+        } else if (subrsIndex.count < 33900) {
+          bias = 1131;
+        }
+        const subrNumber = stack[--stackSize] + bias;
+        if (subrNumber < 0 || subrNumber >= subrsIndex.count || isNaN(subrNumber)) {
+          validationCommand = CharstringValidationData[value];
+          (0, _util.warn)("Out of bounds subrIndex for " + validationCommand.id);
+          return false;
+        }
+        state.stackSize = stackSize;
+        state.callDepth++;
+        const valid = this.parseCharString(state, subrsIndex.get(subrNumber), localSubrIndex, globalSubrIndex);
+        if (!valid) {
+          return false;
+        }
+        state.callDepth--;
+        stackSize = state.stackSize;
+        continue;
+      } else if (value === 11) {
+        state.stackSize = stackSize;
+        return true;
+      } else if (value === 0 && j === data.length) {
+        data[j - 1] = 14;
+        validationCommand = CharstringValidationData[14];
+      } else if (value === 9) {
+        data.copyWithin(j - 1, j, -1);
+        j -= 1;
+        length -= 1;
+        continue;
+      } else {
+        validationCommand = CharstringValidationData[value];
+      }
+      if (validationCommand) {
+        if (validationCommand.stem) {
+          state.hints += stackSize >> 1;
+          if (value === 3 || value === 23) {
+            state.hasVStems = true;
+          } else if (state.hasVStems && (value === 1 || value === 18)) {
+            (0, _util.warn)("CFF stem hints are in wrong order");
+            data[j - 1] = value === 1 ? 3 : 23;
+          }
+        }
+        if ("min" in validationCommand) {
+          if (!state.undefStack && stackSize < validationCommand.min) {
+            (0, _util.warn)("Not enough parameters for " + validationCommand.id + "; actual: " + stackSize + ", expected: " + validationCommand.min);
+            if (stackSize === 0) {
+              data[j - 1] = 14;
+              return true;
+            }
+            return false;
+          }
+        }
+        if (state.firstStackClearing && validationCommand.stackClearing) {
+          state.firstStackClearing = false;
+          stackSize -= validationCommand.min;
+          if (stackSize >= 2 && validationCommand.stem) {
+            stackSize %= 2;
+          } else if (stackSize > 1) {
+            (0, _util.warn)("Found too many parameters for stack-clearing command");
+          }
+          if (stackSize > 0) {
+            state.width = stack[stackSize - 1];
+          }
+        }
+        if ("stackDelta" in validationCommand) {
+          if ("stackFn" in validationCommand) {
+            validationCommand.stackFn(stack, stackSize);
+          }
+          stackSize += validationCommand.stackDelta;
+        } else if (validationCommand.stackClearing) {
+          stackSize = 0;
+        } else if (validationCommand.resetStack) {
+          stackSize = 0;
+          state.undefStack = false;
+        } else if (validationCommand.undefStack) {
+          stackSize = 0;
+          state.undefStack = true;
+          state.firstStackClearing = false;
+        }
+      }
+    }
+    if (length < data.length) {
+      data.fill(14, length);
+    }
+    state.stackSize = stackSize;
+    return true;
+  }
+  parseCharStrings({
+    charStrings,
+    localSubrIndex,
+    globalSubrIndex,
+    fdSelect,
+    fdArray,
+    privateDict
+  }) {
+    const seacs = [];
+    const widths = [];
+    const count = charStrings.count;
+    for (let i = 0; i < count; i++) {
+      const charstring = charStrings.get(i);
+      const state = {
+        callDepth: 0,
+        stackSize: 0,
+        stack: [],
+        undefStack: true,
+        hints: 0,
+        firstStackClearing: true,
+        seac: null,
+        width: null,
+        hasVStems: false
+      };
+      let valid = true;
+      let localSubrToUse = null;
+      let privateDictToUse = privateDict;
+      if (fdSelect && fdArray.length) {
+        const fdIndex = fdSelect.getFDIndex(i);
+        if (fdIndex === -1) {
+          (0, _util.warn)("Glyph index is not in fd select.");
+          valid = false;
+        }
+        if (fdIndex >= fdArray.length) {
+          (0, _util.warn)("Invalid fd index for glyph index.");
+          valid = false;
+        }
+        if (valid) {
+          privateDictToUse = fdArray[fdIndex].privateDict;
+          localSubrToUse = privateDictToUse.subrsIndex;
+        }
+      } else if (localSubrIndex) {
+        localSubrToUse = localSubrIndex;
+      }
+      if (valid) {
+        valid = this.parseCharString(state, charstring, localSubrToUse, globalSubrIndex);
+      }
+      if (state.width !== null) {
+        const nominalWidth = privateDictToUse.getByName("nominalWidthX");
+        widths[i] = nominalWidth + state.width;
+      } else {
+        const defaultWidth = privateDictToUse.getByName("defaultWidthX");
+        widths[i] = defaultWidth;
+      }
+      if (state.seac !== null) {
+        seacs[i] = state.seac;
+      }
+      if (!valid) {
+        charStrings.set(i, new Uint8Array([14]));
+      }
+    }
+    return {
+      charStrings,
+      seacs,
+      widths
+    };
+  }
+  emptyPrivateDictionary(parentDict) {
+    const privateDict = this.createDict(CFFPrivateDict, [], parentDict.strings);
+    parentDict.setByKey(18, [0, 0]);
+    parentDict.privateDict = privateDict;
+  }
+  parsePrivateDict(parentDict) {
+    if (!parentDict.hasName("Private")) {
+      this.emptyPrivateDictionary(parentDict);
+      return;
+    }
+    const privateOffset = parentDict.getByName("Private");
+    if (!Array.isArray(privateOffset) || privateOffset.length !== 2) {
+      parentDict.removeByName("Private");
+      return;
+    }
+    const size = privateOffset[0];
+    const offset = privateOffset[1];
+    if (size === 0 || offset >= this.bytes.length) {
+      this.emptyPrivateDictionary(parentDict);
+      return;
+    }
+    const privateDictEnd = offset + size;
+    const dictData = this.bytes.subarray(offset, privateDictEnd);
+    const dict = this.parseDict(dictData);
+    const privateDict = this.createDict(CFFPrivateDict, dict, parentDict.strings);
+    parentDict.privateDict = privateDict;
+    if (privateDict.getByName("ExpansionFactor") === 0) {
+      privateDict.setByName("ExpansionFactor", 0.06);
+    }
+    if (!privateDict.getByName("Subrs")) {
+      return;
+    }
+    const subrsOffset = privateDict.getByName("Subrs");
+    const relativeOffset = offset + subrsOffset;
+    if (subrsOffset === 0 || relativeOffset >= this.bytes.length) {
+      this.emptyPrivateDictionary(parentDict);
+      return;
+    }
+    const subrsIndex = this.parseIndex(relativeOffset);
+    privateDict.subrsIndex = subrsIndex.obj;
+  }
+  parseCharsets(pos, length, strings, cid) {
+    if (pos === 0) {
+      return new CFFCharset(true, CFFCharsetPredefinedTypes.ISO_ADOBE, _charsets.ISOAdobeCharset);
+    } else if (pos === 1) {
+      return new CFFCharset(true, CFFCharsetPredefinedTypes.EXPERT, _charsets.ExpertCharset);
+    } else if (pos === 2) {
+      return new CFFCharset(true, CFFCharsetPredefinedTypes.EXPERT_SUBSET, _charsets.ExpertSubsetCharset);
+    }
+    const bytes = this.bytes;
+    const start = pos;
+    const format = bytes[pos++];
+    const charset = [cid ? 0 : ".notdef"];
+    let id, count, i;
+    length -= 1;
+    switch (format) {
+      case 0:
+        for (i = 0; i < length; i++) {
+          id = bytes[pos++] << 8 | bytes[pos++];
+          charset.push(cid ? id : strings.get(id));
+        }
+        break;
+      case 1:
+        while (charset.length <= length) {
+          id = bytes[pos++] << 8 | bytes[pos++];
+          count = bytes[pos++];
+          for (i = 0; i <= count; i++) {
+            charset.push(cid ? id++ : strings.get(id++));
+          }
+        }
+        break;
+      case 2:
+        while (charset.length <= length) {
+          id = bytes[pos++] << 8 | bytes[pos++];
+          count = bytes[pos++] << 8 | bytes[pos++];
+          for (i = 0; i <= count; i++) {
+            charset.push(cid ? id++ : strings.get(id++));
+          }
+        }
+        break;
+      default:
+        throw new _util.FormatError("Unknown charset format");
+    }
+    const end = pos;
+    const raw = bytes.subarray(start, end);
+    return new CFFCharset(false, format, charset, raw);
+  }
+  parseEncoding(pos, properties, strings, charset) {
+    const encoding = Object.create(null);
+    const bytes = this.bytes;
+    let predefined = false;
+    let format, i, ii;
+    let raw = null;
+    function readSupplement() {
+      const supplementsCount = bytes[pos++];
+      for (i = 0; i < supplementsCount; i++) {
+        const code = bytes[pos++];
+        const sid = (bytes[pos++] << 8) + (bytes[pos++] & 0xff);
+        encoding[code] = charset.indexOf(strings.get(sid));
+      }
+    }
+    if (pos === 0 || pos === 1) {
+      predefined = true;
+      format = pos;
+      const baseEncoding = pos ? _encodings.ExpertEncoding : _encodings.StandardEncoding;
+      for (i = 0, ii = charset.length; i < ii; i++) {
+        const index = baseEncoding.indexOf(charset[i]);
+        if (index !== -1) {
+          encoding[index] = i;
+        }
+      }
+    } else {
+      const dataStart = pos;
+      format = bytes[pos++];
+      switch (format & 0x7f) {
+        case 0:
+          const glyphsCount = bytes[pos++];
+          for (i = 1; i <= glyphsCount; i++) {
+            encoding[bytes[pos++]] = i;
+          }
+          break;
+        case 1:
+          const rangesCount = bytes[pos++];
+          let gid = 1;
+          for (i = 0; i < rangesCount; i++) {
+            const start = bytes[pos++];
+            const left = bytes[pos++];
+            for (let j = start; j <= start + left; j++) {
+              encoding[j] = gid++;
+            }
+          }
+          break;
+        default:
+          throw new _util.FormatError(`Unknown encoding format: ${format} in CFF`);
+      }
+      const dataEnd = pos;
+      if (format & 0x80) {
+        bytes[dataStart] &= 0x7f;
+        readSupplement();
+      }
+      raw = bytes.subarray(dataStart, dataEnd);
+    }
+    format &= 0x7f;
+    return new CFFEncoding(predefined, format, encoding, raw);
+  }
+  parseFDSelect(pos, length) {
+    const bytes = this.bytes;
+    const format = bytes[pos++];
+    const fdSelect = [];
+    let i;
+    switch (format) {
+      case 0:
+        for (i = 0; i < length; ++i) {
+          const id = bytes[pos++];
+          fdSelect.push(id);
+        }
+        break;
+      case 3:
+        const rangesCount = bytes[pos++] << 8 | bytes[pos++];
+        for (i = 0; i < rangesCount; ++i) {
+          let first = bytes[pos++] << 8 | bytes[pos++];
+          if (i === 0 && first !== 0) {
+            (0, _util.warn)("parseFDSelect: The first range must have a first GID of 0" + " -- trying to recover.");
+            first = 0;
+          }
+          const fdIndex = bytes[pos++];
+          const next = bytes[pos] << 8 | bytes[pos + 1];
+          for (let j = first; j < next; ++j) {
+            fdSelect.push(fdIndex);
+          }
+        }
+        pos += 2;
+        break;
+      default:
+        throw new _util.FormatError(`parseFDSelect: Unknown format "${format}".`);
+    }
+    if (fdSelect.length !== length) {
+      throw new _util.FormatError("parseFDSelect: Invalid font data.");
+    }
+    return new CFFFDSelect(format, fdSelect);
+  }
+}
+exports.CFFParser = CFFParser;
+class CFF {
+  constructor() {
+    this.header = null;
+    this.names = [];
+    this.topDict = null;
+    this.strings = new CFFStrings();
+    this.globalSubrIndex = null;
+    this.encoding = null;
+    this.charset = null;
+    this.charStrings = null;
+    this.fdArray = [];
+    this.fdSelect = null;
+    this.isCIDFont = false;
+  }
+  duplicateFirstGlyph() {
+    if (this.charStrings.count >= 65535) {
+      (0, _util.warn)("Not enough space in charstrings to duplicate first glyph.");
+      return;
+    }
+    const glyphZero = this.charStrings.get(0);
+    this.charStrings.add(glyphZero);
+    if (this.isCIDFont) {
+      this.fdSelect.fdSelect.push(this.fdSelect.fdSelect[0]);
+    }
+  }
+  hasGlyphId(id) {
+    if (id < 0 || id >= this.charStrings.count) {
+      return false;
+    }
+    const glyph = this.charStrings.get(id);
+    return glyph.length > 0;
+  }
+}
+exports.CFF = CFF;
+class CFFHeader {
+  constructor(major, minor, hdrSize, offSize) {
+    this.major = major;
+    this.minor = minor;
+    this.hdrSize = hdrSize;
+    this.offSize = offSize;
+  }
+}
+exports.CFFHeader = CFFHeader;
+class CFFStrings {
+  constructor() {
+    this.strings = [];
+  }
+  get(index) {
+    if (index >= 0 && index <= NUM_STANDARD_CFF_STRINGS - 1) {
+      return CFFStandardStrings[index];
+    }
+    if (index - NUM_STANDARD_CFF_STRINGS <= this.strings.length) {
+      return this.strings[index - NUM_STANDARD_CFF_STRINGS];
+    }
+    return CFFStandardStrings[0];
+  }
+  getSID(str) {
+    let index = CFFStandardStrings.indexOf(str);
+    if (index !== -1) {
+      return index;
+    }
+    index = this.strings.indexOf(str);
+    if (index !== -1) {
+      return index + NUM_STANDARD_CFF_STRINGS;
+    }
+    return -1;
+  }
+  add(value) {
+    this.strings.push(value);
+  }
+  get count() {
+    return this.strings.length;
+  }
+}
+exports.CFFStrings = CFFStrings;
+class CFFIndex {
+  constructor() {
+    this.objects = [];
+    this.length = 0;
+  }
+  add(data) {
+    this.length += data.length;
+    this.objects.push(data);
+  }
+  set(index, data) {
+    this.length += data.length - this.objects[index].length;
+    this.objects[index] = data;
+  }
+  get(index) {
+    return this.objects[index];
+  }
+  get count() {
+    return this.objects.length;
+  }
+}
+exports.CFFIndex = CFFIndex;
+class CFFDict {
+  constructor(tables, strings) {
+    this.keyToNameMap = tables.keyToNameMap;
+    this.nameToKeyMap = tables.nameToKeyMap;
+    this.defaults = tables.defaults;
+    this.types = tables.types;
+    this.opcodes = tables.opcodes;
+    this.order = tables.order;
+    this.strings = strings;
+    this.values = Object.create(null);
+  }
+  setByKey(key, value) {
+    if (!(key in this.keyToNameMap)) {
+      return false;
+    }
+    if (value.length === 0) {
+      return true;
+    }
+    for (const val of value) {
+      if (isNaN(val)) {
+        (0, _util.warn)(`Invalid CFFDict value: "${value}" for key "${key}".`);
+        return true;
+      }
+    }
+    const type = this.types[key];
+    if (type === "num" || type === "sid" || type === "offset") {
+      value = value[0];
+    }
+    this.values[key] = value;
+    return true;
+  }
+  setByName(name, value) {
+    if (!(name in this.nameToKeyMap)) {
+      throw new _util.FormatError(`Invalid dictionary name "${name}"`);
+    }
+    this.values[this.nameToKeyMap[name]] = value;
+  }
+  hasName(name) {
+    return this.nameToKeyMap[name] in this.values;
+  }
+  getByName(name) {
+    if (!(name in this.nameToKeyMap)) {
+      throw new _util.FormatError(`Invalid dictionary name ${name}"`);
+    }
+    const key = this.nameToKeyMap[name];
+    if (!(key in this.values)) {
+      return this.defaults[key];
+    }
+    return this.values[key];
+  }
+  removeByName(name) {
+    delete this.values[this.nameToKeyMap[name]];
+  }
+  static createTables(layout) {
+    const tables = {
+      keyToNameMap: {},
+      nameToKeyMap: {},
+      defaults: {},
+      types: {},
+      opcodes: {},
+      order: []
+    };
+    for (const entry of layout) {
+      const key = Array.isArray(entry[0]) ? (entry[0][0] << 8) + entry[0][1] : entry[0];
+      tables.keyToNameMap[key] = entry[1];
+      tables.nameToKeyMap[entry[1]] = key;
+      tables.types[key] = entry[2];
+      tables.defaults[key] = entry[3];
+      tables.opcodes[key] = Array.isArray(entry[0]) ? entry[0] : [entry[0]];
+      tables.order.push(key);
+    }
+    return tables;
+  }
+}
+const CFFTopDictLayout = [[[12, 30], "ROS", ["sid", "sid", "num"], null], [[12, 20], "SyntheticBase", "num", null], [0, "version", "sid", null], [1, "Notice", "sid", null], [[12, 0], "Copyright", "sid", null], [2, "FullName", "sid", null], [3, "FamilyName", "sid", null], [4, "Weight", "sid", null], [[12, 1], "isFixedPitch", "num", 0], [[12, 2], "ItalicAngle", "num", 0], [[12, 3], "UnderlinePosition", "num", -100], [[12, 4], "UnderlineThickness", "num", 50], [[12, 5], "PaintType", "num", 0], [[12, 6], "CharstringType", "num", 2], [[12, 7], "FontMatrix", ["num", "num", "num", "num", "num", "num"], [0.001, 0, 0, 0.001, 0, 0]], [13, "UniqueID", "num", null], [5, "FontBBox", ["num", "num", "num", "num"], [0, 0, 0, 0]], [[12, 8], "StrokeWidth", "num", 0], [14, "XUID", "array", null], [15, "charset", "offset", 0], [16, "Encoding", "offset", 0], [17, "CharStrings", "offset", 0], [18, "Private", ["offset", "offset"], null], [[12, 21], "PostScript", "sid", null], [[12, 22], "BaseFontName", "sid", null], [[12, 23], "BaseFontBlend", "delta", null], [[12, 31], "CIDFontVersion", "num", 0], [[12, 32], "CIDFontRevision", "num", 0], [[12, 33], "CIDFontType", "num", 0], [[12, 34], "CIDCount", "num", 8720], [[12, 35], "UIDBase", "num", null], [[12, 37], "FDSelect", "offset", null], [[12, 36], "FDArray", "offset", null], [[12, 38], "FontName", "sid", null]];
+class CFFTopDict extends CFFDict {
+  static get tables() {
+    return (0, _util.shadow)(this, "tables", this.createTables(CFFTopDictLayout));
+  }
+  constructor(strings) {
+    super(CFFTopDict.tables, strings);
+    this.privateDict = null;
+  }
+}
+exports.CFFTopDict = CFFTopDict;
+const CFFPrivateDictLayout = [[6, "BlueValues", "delta", null], [7, "OtherBlues", "delta", null], [8, "FamilyBlues", "delta", null], [9, "FamilyOtherBlues", "delta", null], [[12, 9], "BlueScale", "num", 0.039625], [[12, 10], "BlueShift", "num", 7], [[12, 11], "BlueFuzz", "num", 1], [10, "StdHW", "num", null], [11, "StdVW", "num", null], [[12, 12], "StemSnapH", "delta", null], [[12, 13], "StemSnapV", "delta", null], [[12, 14], "ForceBold", "num", 0], [[12, 17], "LanguageGroup", "num", 0], [[12, 18], "ExpansionFactor", "num", 0.06], [[12, 19], "initialRandomSeed", "num", 0], [20, "defaultWidthX", "num", 0], [21, "nominalWidthX", "num", 0], [19, "Subrs", "offset", null]];
+class CFFPrivateDict extends CFFDict {
+  static get tables() {
+    return (0, _util.shadow)(this, "tables", this.createTables(CFFPrivateDictLayout));
+  }
+  constructor(strings) {
+    super(CFFPrivateDict.tables, strings);
+    this.subrsIndex = null;
+  }
+}
+exports.CFFPrivateDict = CFFPrivateDict;
+const CFFCharsetPredefinedTypes = {
+  ISO_ADOBE: 0,
+  EXPERT: 1,
+  EXPERT_SUBSET: 2
+};
+class CFFCharset {
+  constructor(predefined, format, charset, raw) {
+    this.predefined = predefined;
+    this.format = format;
+    this.charset = charset;
+    this.raw = raw;
+  }
+}
+exports.CFFCharset = CFFCharset;
+class CFFEncoding {
+  constructor(predefined, format, encoding, raw) {
+    this.predefined = predefined;
+    this.format = format;
+    this.encoding = encoding;
+    this.raw = raw;
+  }
+}
+class CFFFDSelect {
+  constructor(format, fdSelect) {
+    this.format = format;
+    this.fdSelect = fdSelect;
+  }
+  getFDIndex(glyphIndex) {
+    if (glyphIndex < 0 || glyphIndex >= this.fdSelect.length) {
+      return -1;
+    }
+    return this.fdSelect[glyphIndex];
+  }
+}
+exports.CFFFDSelect = CFFFDSelect;
+class CFFOffsetTracker {
+  constructor() {
+    this.offsets = Object.create(null);
+  }
+  isTracking(key) {
+    return key in this.offsets;
+  }
+  track(key, location) {
+    if (key in this.offsets) {
+      throw new _util.FormatError(`Already tracking location of ${key}`);
+    }
+    this.offsets[key] = location;
+  }
+  offset(value) {
+    for (const key in this.offsets) {
+      this.offsets[key] += value;
+    }
+  }
+  setEntryLocation(key, values, output) {
+    if (!(key in this.offsets)) {
+      throw new _util.FormatError(`Not tracking location of ${key}`);
+    }
+    const data = output.data;
+    const dataOffset = this.offsets[key];
+    const size = 5;
+    for (let i = 0, ii = values.length; i < ii; ++i) {
+      const offset0 = i * size + dataOffset;
+      const offset1 = offset0 + 1;
+      const offset2 = offset0 + 2;
+      const offset3 = offset0 + 3;
+      const offset4 = offset0 + 4;
+      if (data[offset0] !== 0x1d || data[offset1] !== 0 || data[offset2] !== 0 || data[offset3] !== 0 || data[offset4] !== 0) {
+        throw new _util.FormatError("writing to an offset that is not empty");
+      }
+      const value = values[i];
+      data[offset0] = 0x1d;
+      data[offset1] = value >> 24 & 0xff;
+      data[offset2] = value >> 16 & 0xff;
+      data[offset3] = value >> 8 & 0xff;
+      data[offset4] = value & 0xff;
+    }
+  }
+}
+class CFFCompiler {
+  constructor(cff) {
+    this.cff = cff;
+  }
+  compile() {
+    const cff = this.cff;
+    const output = {
+      data: [],
+      length: 0,
+      add(data) {
+        if (data.length <= 65536) {
+          this.data.push(...data);
+        } else {
+          this.data = this.data.concat(data);
+        }
+        this.length = this.data.length;
+      }
+    };
+    const header = this.compileHeader(cff.header);
+    output.add(header);
+    const nameIndex = this.compileNameIndex(cff.names);
+    output.add(nameIndex);
+    if (cff.isCIDFont) {
+      if (cff.topDict.hasName("FontMatrix")) {
+        const base = cff.topDict.getByName("FontMatrix");
+        cff.topDict.removeByName("FontMatrix");
+        for (const subDict of cff.fdArray) {
+          let matrix = base.slice(0);
+          if (subDict.hasName("FontMatrix")) {
+            matrix = _util.Util.transform(matrix, subDict.getByName("FontMatrix"));
+          }
+          subDict.setByName("FontMatrix", matrix);
+        }
+      }
+    }
+    const xuid = cff.topDict.getByName("XUID");
+    if (xuid && xuid.length > 16) {
+      cff.topDict.removeByName("XUID");
+    }
+    cff.topDict.setByName("charset", 0);
+    let compiled = this.compileTopDicts([cff.topDict], output.length, cff.isCIDFont);
+    output.add(compiled.output);
+    const topDictTracker = compiled.trackers[0];
+    const stringIndex = this.compileStringIndex(cff.strings.strings);
+    output.add(stringIndex);
+    const globalSubrIndex = this.compileIndex(cff.globalSubrIndex);
+    output.add(globalSubrIndex);
+    if (cff.encoding && cff.topDict.hasName("Encoding")) {
+      if (cff.encoding.predefined) {
+        topDictTracker.setEntryLocation("Encoding", [cff.encoding.format], output);
+      } else {
+        const encoding = this.compileEncoding(cff.encoding);
+        topDictTracker.setEntryLocation("Encoding", [output.length], output);
+        output.add(encoding);
+      }
+    }
+    const charset = this.compileCharset(cff.charset, cff.charStrings.count, cff.strings, cff.isCIDFont);
+    topDictTracker.setEntryLocation("charset", [output.length], output);
+    output.add(charset);
+    const charStrings = this.compileCharStrings(cff.charStrings);
+    topDictTracker.setEntryLocation("CharStrings", [output.length], output);
+    output.add(charStrings);
+    if (cff.isCIDFont) {
+      topDictTracker.setEntryLocation("FDSelect", [output.length], output);
+      const fdSelect = this.compileFDSelect(cff.fdSelect);
+      output.add(fdSelect);
+      compiled = this.compileTopDicts(cff.fdArray, output.length, true);
+      topDictTracker.setEntryLocation("FDArray", [output.length], output);
+      output.add(compiled.output);
+      const fontDictTrackers = compiled.trackers;
+      this.compilePrivateDicts(cff.fdArray, fontDictTrackers, output);
+    }
+    this.compilePrivateDicts([cff.topDict], [topDictTracker], output);
+    output.add([0]);
+    return output.data;
+  }
+  encodeNumber(value) {
+    if (Number.isInteger(value)) {
+      return this.encodeInteger(value);
+    }
+    return this.encodeFloat(value);
+  }
+  static get EncodeFloatRegExp() {
+    return (0, _util.shadow)(this, "EncodeFloatRegExp", /\.(\d*?)(?:9{5,20}|0{5,20})\d{0,2}(?:e(.+)|$)/);
+  }
+  encodeFloat(num) {
+    let value = num.toString();
+    const m = CFFCompiler.EncodeFloatRegExp.exec(value);
+    if (m) {
+      const epsilon = parseFloat("1e" + ((m[2] ? +m[2] : 0) + m[1].length));
+      value = (Math.round(num * epsilon) / epsilon).toString();
+    }
+    let nibbles = "";
+    let i, ii;
+    for (i = 0, ii = value.length; i < ii; ++i) {
+      const a = value[i];
+      if (a === "e") {
+        nibbles += value[++i] === "-" ? "c" : "b";
+      } else if (a === ".") {
+        nibbles += "a";
+      } else if (a === "-") {
+        nibbles += "e";
+      } else {
+        nibbles += a;
+      }
+    }
+    nibbles += nibbles.length & 1 ? "f" : "ff";
+    const out = [30];
+    for (i = 0, ii = nibbles.length; i < ii; i += 2) {
+      out.push(parseInt(nibbles.substring(i, i + 2), 16));
+    }
+    return out;
+  }
+  encodeInteger(value) {
+    let code;
+    if (value >= -107 && value <= 107) {
+      code = [value + 139];
+    } else if (value >= 108 && value <= 1131) {
+      value -= 108;
+      code = [(value >> 8) + 247, value & 0xff];
+    } else if (value >= -1131 && value <= -108) {
+      value = -value - 108;
+      code = [(value >> 8) + 251, value & 0xff];
+    } else if (value >= -32768 && value <= 32767) {
+      code = [0x1c, value >> 8 & 0xff, value & 0xff];
+    } else {
+      code = [0x1d, value >> 24 & 0xff, value >> 16 & 0xff, value >> 8 & 0xff, value & 0xff];
+    }
+    return code;
+  }
+  compileHeader(header) {
+    return [header.major, header.minor, 4, header.offSize];
+  }
+  compileNameIndex(names) {
+    const nameIndex = new CFFIndex();
+    for (const name of names) {
+      const length = Math.min(name.length, 127);
+      let sanitizedName = new Array(length);
+      for (let j = 0; j < length; j++) {
+        let char = name[j];
+        if (char < "!" || char > "~" || char === "[" || char === "]" || char === "(" || char === ")" || char === "{" || char === "}" || char === "<" || char === ">" || char === "/" || char === "%") {
+          char = "_";
+        }
+        sanitizedName[j] = char;
+      }
+      sanitizedName = sanitizedName.join("");
+      if (sanitizedName === "") {
+        sanitizedName = "Bad_Font_Name";
+      }
+      nameIndex.add((0, _util.stringToBytes)(sanitizedName));
+    }
+    return this.compileIndex(nameIndex);
+  }
+  compileTopDicts(dicts, length, removeCidKeys) {
+    const fontDictTrackers = [];
+    let fdArrayIndex = new CFFIndex();
+    for (const fontDict of dicts) {
+      if (removeCidKeys) {
+        fontDict.removeByName("CIDFontVersion");
+        fontDict.removeByName("CIDFontRevision");
+        fontDict.removeByName("CIDFontType");
+        fontDict.removeByName("CIDCount");
+        fontDict.removeByName("UIDBase");
+      }
+      const fontDictTracker = new CFFOffsetTracker();
+      const fontDictData = this.compileDict(fontDict, fontDictTracker);
+      fontDictTrackers.push(fontDictTracker);
+      fdArrayIndex.add(fontDictData);
+      fontDictTracker.offset(length);
+    }
+    fdArrayIndex = this.compileIndex(fdArrayIndex, fontDictTrackers);
+    return {
+      trackers: fontDictTrackers,
+      output: fdArrayIndex
+    };
+  }
+  compilePrivateDicts(dicts, trackers, output) {
+    for (let i = 0, ii = dicts.length; i < ii; ++i) {
+      const fontDict = dicts[i];
+      const privateDict = fontDict.privateDict;
+      if (!privateDict || !fontDict.hasName("Private")) {
+        throw new _util.FormatError("There must be a private dictionary.");
+      }
+      const privateDictTracker = new CFFOffsetTracker();
+      const privateDictData = this.compileDict(privateDict, privateDictTracker);
+      let outputLength = output.length;
+      privateDictTracker.offset(outputLength);
+      if (!privateDictData.length) {
+        outputLength = 0;
+      }
+      trackers[i].setEntryLocation("Private", [privateDictData.length, outputLength], output);
+      output.add(privateDictData);
+      if (privateDict.subrsIndex && privateDict.hasName("Subrs")) {
+        const subrs = this.compileIndex(privateDict.subrsIndex);
+        privateDictTracker.setEntryLocation("Subrs", [privateDictData.length], output);
+        output.add(subrs);
+      }
+    }
+  }
+  compileDict(dict, offsetTracker) {
+    const out = [];
+    for (const key of dict.order) {
+      if (!(key in dict.values)) {
+        continue;
+      }
+      let values = dict.values[key];
+      let types = dict.types[key];
+      if (!Array.isArray(types)) {
+        types = [types];
+      }
+      if (!Array.isArray(values)) {
+        values = [values];
+      }
+      if (values.length === 0) {
+        continue;
+      }
+      for (let j = 0, jj = types.length; j < jj; ++j) {
+        const type = types[j];
+        const value = values[j];
+        switch (type) {
+          case "num":
+          case "sid":
+            out.push(...this.encodeNumber(value));
+            break;
+          case "offset":
+            const name = dict.keyToNameMap[key];
+            if (!offsetTracker.isTracking(name)) {
+              offsetTracker.track(name, out.length);
+            }
+            out.push(0x1d, 0, 0, 0, 0);
+            break;
+          case "array":
+          case "delta":
+            out.push(...this.encodeNumber(value));
+            for (let k = 1, kk = values.length; k < kk; ++k) {
+              out.push(...this.encodeNumber(values[k]));
+            }
+            break;
+          default:
+            throw new _util.FormatError(`Unknown data type of ${type}`);
+        }
+      }
+      out.push(...dict.opcodes[key]);
+    }
+    return out;
+  }
+  compileStringIndex(strings) {
+    const stringIndex = new CFFIndex();
+    for (const string of strings) {
+      stringIndex.add((0, _util.stringToBytes)(string));
+    }
+    return this.compileIndex(stringIndex);
+  }
+  compileCharStrings(charStrings) {
+    const charStringsIndex = new CFFIndex();
+    for (let i = 0; i < charStrings.count; i++) {
+      const glyph = charStrings.get(i);
+      if (glyph.length === 0) {
+        charStringsIndex.add(new Uint8Array([0x8b, 0x0e]));
+        continue;
+      }
+      charStringsIndex.add(glyph);
+    }
+    return this.compileIndex(charStringsIndex);
+  }
+  compileCharset(charset, numGlyphs, strings, isCIDFont) {
+    let out;
+    const numGlyphsLessNotDef = numGlyphs - 1;
+    if (isCIDFont) {
+      out = new Uint8Array([2, 0, 0, numGlyphsLessNotDef >> 8 & 0xff, numGlyphsLessNotDef & 0xff]);
+    } else {
+      const length = 1 + numGlyphsLessNotDef * 2;
+      out = new Uint8Array(length);
+      out[0] = 0;
+      let charsetIndex = 0;
+      const numCharsets = charset.charset.length;
+      let warned = false;
+      for (let i = 1; i < out.length; i += 2) {
+        let sid = 0;
+        if (charsetIndex < numCharsets) {
+          const name = charset.charset[charsetIndex++];
+          sid = strings.getSID(name);
+          if (sid === -1) {
+            sid = 0;
+            if (!warned) {
+              warned = true;
+              (0, _util.warn)(`Couldn't find ${name} in CFF strings`);
+            }
+          }
+        }
+        out[i] = sid >> 8 & 0xff;
+        out[i + 1] = sid & 0xff;
+      }
+    }
+    return this.compileTypedArray(out);
+  }
+  compileEncoding(encoding) {
+    return this.compileTypedArray(encoding.raw);
+  }
+  compileFDSelect(fdSelect) {
+    const format = fdSelect.format;
+    let out, i;
+    switch (format) {
+      case 0:
+        out = new Uint8Array(1 + fdSelect.fdSelect.length);
+        out[0] = format;
+        for (i = 0; i < fdSelect.fdSelect.length; i++) {
+          out[i + 1] = fdSelect.fdSelect[i];
+        }
+        break;
+      case 3:
+        const start = 0;
+        let lastFD = fdSelect.fdSelect[0];
+        const ranges = [format, 0, 0, start >> 8 & 0xff, start & 0xff, lastFD];
+        for (i = 1; i < fdSelect.fdSelect.length; i++) {
+          const currentFD = fdSelect.fdSelect[i];
+          if (currentFD !== lastFD) {
+            ranges.push(i >> 8 & 0xff, i & 0xff, currentFD);
+            lastFD = currentFD;
+          }
+        }
+        const numRanges = (ranges.length - 3) / 3;
+        ranges[1] = numRanges >> 8 & 0xff;
+        ranges[2] = numRanges & 0xff;
+        ranges.push(i >> 8 & 0xff, i & 0xff);
+        out = new Uint8Array(ranges);
+        break;
+    }
+    return this.compileTypedArray(out);
+  }
+  compileTypedArray(data) {
+    return Array.from(data);
+  }
+  compileIndex(index, trackers = []) {
+    const objects = index.objects;
+    const count = objects.length;
+    if (count === 0) {
+      return [0, 0];
+    }
+    const data = [count >> 8 & 0xff, count & 0xff];
+    let lastOffset = 1,
+      i;
+    for (i = 0; i < count; ++i) {
+      lastOffset += objects[i].length;
+    }
+    let offsetSize;
+    if (lastOffset < 0x100) {
+      offsetSize = 1;
+    } else if (lastOffset < 0x10000) {
+      offsetSize = 2;
+    } else if (lastOffset < 0x1000000) {
+      offsetSize = 3;
+    } else {
+      offsetSize = 4;
+    }
+    data.push(offsetSize);
+    let relativeOffset = 1;
+    for (i = 0; i < count + 1; i++) {
+      if (offsetSize === 1) {
+        data.push(relativeOffset & 0xff);
+      } else if (offsetSize === 2) {
+        data.push(relativeOffset >> 8 & 0xff, relativeOffset & 0xff);
+      } else if (offsetSize === 3) {
+        data.push(relativeOffset >> 16 & 0xff, relativeOffset >> 8 & 0xff, relativeOffset & 0xff);
+      } else {
+        data.push(relativeOffset >>> 24 & 0xff, relativeOffset >> 16 & 0xff, relativeOffset >> 8 & 0xff, relativeOffset & 0xff);
+      }
+      if (objects[i]) {
+        relativeOffset += objects[i].length;
+      }
+    }
+    for (i = 0; i < count; i++) {
+      if (trackers[i]) {
+        trackers[i].offset(data.length);
+      }
+      data.push(...objects[i]);
+    }
+    return data;
+  }
+}
+exports.CFFCompiler = CFFCompiler;
+
+/***/ }),
+/* 36 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ISOAdobeCharset = exports.ExpertSubsetCharset = exports.ExpertCharset = void 0;
+const ISOAdobeCharset = [".notdef", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quoteright", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "quoteleft", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "exclamdown", "cent", "sterling", "fraction", "yen", "florin", "section", "currency", "quotesingle", "quotedblleft", "guillemotleft", "guilsinglleft", "guilsinglright", "fi", "fl", "endash", "dagger", "daggerdbl", "periodcentered", "paragraph", "bullet", "quotesinglbase", "quotedblbase", "quotedblright", "guillemotright", "ellipsis", "perthousand", "questiondown", "grave", "acute", "circumflex", "tilde", "macron", "breve", "dotaccent", "dieresis", "ring", "cedilla", "hungarumlaut", "ogonek", "caron", "emdash", "AE", "ordfeminine", "Lslash", "Oslash", "OE", "ordmasculine", "ae", "dotlessi", "lslash", "oslash", "oe", "germandbls", "onesuperior", "logicalnot", "mu", "trademark", "Eth", "onehalf", "plusminus", "Thorn", "onequarter", "divide", "brokenbar", "degree", "thorn", "threequarters", "twosuperior", "registered", "minus", "eth", "multiply", "threesuperior", "copyright", "Aacute", "Acircumflex", "Adieresis", "Agrave", "Aring", "Atilde", "Ccedilla", "Eacute", "Ecircumflex", "Edieresis", "Egrave", "Iacute", "Icircumflex", "Idieresis", "Igrave", "Ntilde", "Oacute", "Ocircumflex", "Odieresis", "Ograve", "Otilde", "Scaron", "Uacute", "Ucircumflex", "Udieresis", "Ugrave", "Yacute", "Ydieresis", "Zcaron", "aacute", "acircumflex", "adieresis", "agrave", "aring", "atilde", "ccedilla", "eacute", "ecircumflex", "edieresis", "egrave", "iacute", "icircumflex", "idieresis", "igrave", "ntilde", "oacute", "ocircumflex", "odieresis", "ograve", "otilde", "scaron", "uacute", "ucircumflex", "udieresis", "ugrave", "yacute", "ydieresis", "zcaron"];
+exports.ISOAdobeCharset = ISOAdobeCharset;
+const ExpertCharset = [".notdef", "space", "exclamsmall", "Hungarumlautsmall", "dollaroldstyle", "dollarsuperior", "ampersandsmall", "Acutesmall", "parenleftsuperior", "parenrightsuperior", "twodotenleader", "onedotenleader", "comma", "hyphen", "period", "fraction", "zerooldstyle", "oneoldstyle", "twooldstyle", "threeoldstyle", "fouroldstyle", "fiveoldstyle", "sixoldstyle", "sevenoldstyle", "eightoldstyle", "nineoldstyle", "colon", "semicolon", "commasuperior", "threequartersemdash", "periodsuperior", "questionsmall", "asuperior", "bsuperior", "centsuperior", "dsuperior", "esuperior", "isuperior", "lsuperior", "msuperior", "nsuperior", "osuperior", "rsuperior", "ssuperior", "tsuperior", "ff", "fi", "fl", "ffi", "ffl", "parenleftinferior", "parenrightinferior", "Circumflexsmall", "hyphensuperior", "Gravesmall", "Asmall", "Bsmall", "Csmall", "Dsmall", "Esmall", "Fsmall", "Gsmall", "Hsmall", "Ismall", "Jsmall", "Ksmall", "Lsmall", "Msmall", "Nsmall", "Osmall", "Psmall", "Qsmall", "Rsmall", "Ssmall", "Tsmall", "Usmall", "Vsmall", "Wsmall", "Xsmall", "Ysmall", "Zsmall", "colonmonetary", "onefitted", "rupiah", "Tildesmall", "exclamdownsmall", "centoldstyle", "Lslashsmall", "Scaronsmall", "Zcaronsmall", "Dieresissmall", "Brevesmall", "Caronsmall", "Dotaccentsmall", "Macronsmall", "figuredash", "hypheninferior", "Ogoneksmall", "Ringsmall", "Cedillasmall", "onequarter", "onehalf", "threequarters", "questiondownsmall", "oneeighth", "threeeighths", "fiveeighths", "seveneighths", "onethird", "twothirds", "zerosuperior", "onesuperior", "twosuperior", "threesuperior", "foursuperior", "fivesuperior", "sixsuperior", "sevensuperior", "eightsuperior", "ninesuperior", "zeroinferior", "oneinferior", "twoinferior", "threeinferior", "fourinferior", "fiveinferior", "sixinferior", "seveninferior", "eightinferior", "nineinferior", "centinferior", "dollarinferior", "periodinferior", "commainferior", "Agravesmall", "Aacutesmall", "Acircumflexsmall", "Atildesmall", "Adieresissmall", "Aringsmall", "AEsmall", "Ccedillasmall", "Egravesmall", "Eacutesmall", "Ecircumflexsmall", "Edieresissmall", "Igravesmall", "Iacutesmall", "Icircumflexsmall", "Idieresissmall", "Ethsmall", "Ntildesmall", "Ogravesmall", "Oacutesmall", "Ocircumflexsmall", "Otildesmall", "Odieresissmall", "OEsmall", "Oslashsmall", "Ugravesmall", "Uacutesmall", "Ucircumflexsmall", "Udieresissmall", "Yacutesmall", "Thornsmall", "Ydieresissmall"];
+exports.ExpertCharset = ExpertCharset;
+const ExpertSubsetCharset = [".notdef", "space", "dollaroldstyle", "dollarsuperior", "parenleftsuperior", "parenrightsuperior", "twodotenleader", "onedotenleader", "comma", "hyphen", "period", "fraction", "zerooldstyle", "oneoldstyle", "twooldstyle", "threeoldstyle", "fouroldstyle", "fiveoldstyle", "sixoldstyle", "sevenoldstyle", "eightoldstyle", "nineoldstyle", "colon", "semicolon", "commasuperior", "threequartersemdash", "periodsuperior", "asuperior", "bsuperior", "centsuperior", "dsuperior", "esuperior", "isuperior", "lsuperior", "msuperior", "nsuperior", "osuperior", "rsuperior", "ssuperior", "tsuperior", "ff", "fi", "fl", "ffi", "ffl", "parenleftinferior", "parenrightinferior", "hyphensuperior", "colonmonetary", "onefitted", "rupiah", "centoldstyle", "figuredash", "hypheninferior", "onequarter", "onehalf", "threequarters", "oneeighth", "threeeighths", "fiveeighths", "seveneighths", "onethird", "twothirds", "zerosuperior", "onesuperior", "twosuperior", "threesuperior", "foursuperior", "fivesuperior", "sixsuperior", "sevensuperior", "eightsuperior", "ninesuperior", "zeroinferior", "oneinferior", "twoinferior", "threeinferior", "fourinferior", "fiveinferior", "sixinferior", "seveninferior", "eightinferior", "nineinferior", "centinferior", "dollarinferior", "periodinferior", "commainferior"];
+exports.ExpertSubsetCharset = ExpertSubsetCharset;
+
+/***/ }),
+/* 37 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ZapfDingbatsEncoding = exports.WinAnsiEncoding = exports.SymbolSetEncoding = exports.StandardEncoding = exports.MacRomanEncoding = exports.ExpertEncoding = void 0;
+exports.getEncoding = getEncoding;
+const ExpertEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclamsmall", "Hungarumlautsmall", "", "dollaroldstyle", "dollarsuperior", "ampersandsmall", "Acutesmall", "parenleftsuperior", "parenrightsuperior", "twodotenleader", "onedotenleader", "comma", "hyphen", "period", "fraction", "zerooldstyle", "oneoldstyle", "twooldstyle", "threeoldstyle", "fouroldstyle", "fiveoldstyle", "sixoldstyle", "sevenoldstyle", "eightoldstyle", "nineoldstyle", "colon", "semicolon", "commasuperior", "threequartersemdash", "periodsuperior", "questionsmall", "", "asuperior", "bsuperior", "centsuperior", "dsuperior", "esuperior", "", "", "", "isuperior", "", "", "lsuperior", "msuperior", "nsuperior", "osuperior", "", "", "rsuperior", "ssuperior", "tsuperior", "", "ff", "fi", "fl", "ffi", "ffl", "parenleftinferior", "", "parenrightinferior", "Circumflexsmall", "hyphensuperior", "Gravesmall", "Asmall", "Bsmall", "Csmall", "Dsmall", "Esmall", "Fsmall", "Gsmall", "Hsmall", "Ismall", "Jsmall", "Ksmall", "Lsmall", "Msmall", "Nsmall", "Osmall", "Psmall", "Qsmall", "Rsmall", "Ssmall", "Tsmall", "Usmall", "Vsmall", "Wsmall", "Xsmall", "Ysmall", "Zsmall", "colonmonetary", "onefitted", "rupiah", "Tildesmall", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "exclamdownsmall", "centoldstyle", "Lslashsmall", "", "", "Scaronsmall", "Zcaronsmall", "Dieresissmall", "Brevesmall", "Caronsmall", "", "Dotaccentsmall", "", "", "Macronsmall", "", "", "figuredash", "hypheninferior", "", "", "Ogoneksmall", "Ringsmall", "Cedillasmall", "", "", "", "onequarter", "onehalf", "threequarters", "questiondownsmall", "oneeighth", "threeeighths", "fiveeighths", "seveneighths", "onethird", "twothirds", "", "", "zerosuperior", "onesuperior", "twosuperior", "threesuperior", "foursuperior", "fivesuperior", "sixsuperior", "sevensuperior", "eightsuperior", "ninesuperior", "zeroinferior", "oneinferior", "twoinferior", "threeinferior", "fourinferior", "fiveinferior", "sixinferior", "seveninferior", "eightinferior", "nineinferior", "centinferior", "dollarinferior", "periodinferior", "commainferior", "Agravesmall", "Aacutesmall", "Acircumflexsmall", "Atildesmall", "Adieresissmall", "Aringsmall", "AEsmall", "Ccedillasmall", "Egravesmall", "Eacutesmall", "Ecircumflexsmall", "Edieresissmall", "Igravesmall", "Iacutesmall", "Icircumflexsmall", "Idieresissmall", "Ethsmall", "Ntildesmall", "Ogravesmall", "Oacutesmall", "Ocircumflexsmall", "Otildesmall", "Odieresissmall", "OEsmall", "Oslashsmall", "Ugravesmall", "Uacutesmall", "Ucircumflexsmall", "Udieresissmall", "Yacutesmall", "Thornsmall", "Ydieresissmall"];
+exports.ExpertEncoding = ExpertEncoding;
+const MacExpertEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclamsmall", "Hungarumlautsmall", "centoldstyle", "dollaroldstyle", "dollarsuperior", "ampersandsmall", "Acutesmall", "parenleftsuperior", "parenrightsuperior", "twodotenleader", "onedotenleader", "comma", "hyphen", "period", "fraction", "zerooldstyle", "oneoldstyle", "twooldstyle", "threeoldstyle", "fouroldstyle", "fiveoldstyle", "sixoldstyle", "sevenoldstyle", "eightoldstyle", "nineoldstyle", "colon", "semicolon", "", "threequartersemdash", "", "questionsmall", "", "", "", "", "Ethsmall", "", "", "onequarter", "onehalf", "threequarters", "oneeighth", "threeeighths", "fiveeighths", "seveneighths", "onethird", "twothirds", "", "", "", "", "", "", "ff", "fi", "fl", "ffi", "ffl", "parenleftinferior", "", "parenrightinferior", "Circumflexsmall", "hypheninferior", "Gravesmall", "Asmall", "Bsmall", "Csmall", "Dsmall", "Esmall", "Fsmall", "Gsmall", "Hsmall", "Ismall", "Jsmall", "Ksmall", "Lsmall", "Msmall", "Nsmall", "Osmall", "Psmall", "Qsmall", "Rsmall", "Ssmall", "Tsmall", "Usmall", "Vsmall", "Wsmall", "Xsmall", "Ysmall", "Zsmall", "colonmonetary", "onefitted", "rupiah", "Tildesmall", "", "", "asuperior", "centsuperior", "", "", "", "", "Aacutesmall", "Agravesmall", "Acircumflexsmall", "Adieresissmall", "Atildesmall", "Aringsmall", "Ccedillasmall", "Eacutesmall", "Egravesmall", "Ecircumflexsmall", "Edieresissmall", "Iacutesmall", "Igravesmall", "Icircumflexsmall", "Idieresissmall", "Ntildesmall", "Oacutesmall", "Ogravesmall", "Ocircumflexsmall", "Odieresissmall", "Otildesmall", "Uacutesmall", "Ugravesmall", "Ucircumflexsmall", "Udieresissmall", "", "eightsuperior", "fourinferior", "threeinferior", "sixinferior", "eightinferior", "seveninferior", "Scaronsmall", "", "centinferior", "twoinferior", "", "Dieresissmall", "", "Caronsmall", "osuperior", "fiveinferior", "", "commainferior", "periodinferior", "Yacutesmall", "", "dollarinferior", "", "", "Thornsmall", "", "nineinferior", "zeroinferior", "Zcaronsmall", "AEsmall", "Oslashsmall", "questiondownsmall", "oneinferior", "Lslashsmall", "", "", "", "", "", "", "Cedillasmall", "", "", "", "", "", "OEsmall", "figuredash", "hyphensuperior", "", "", "", "", "exclamdownsmall", "", "Ydieresissmall", "", "onesuperior", "twosuperior", "threesuperior", "foursuperior", "fivesuperior", "sixsuperior", "sevensuperior", "ninesuperior", "zerosuperior", "", "esuperior", "rsuperior", "tsuperior", "", "", "isuperior", "ssuperior", "dsuperior", "", "", "", "", "", "lsuperior", "Ogoneksmall", "Brevesmall", "Macronsmall", "bsuperior", "nsuperior", "msuperior", "commasuperior", "periodsuperior", "Dotaccentsmall", "Ringsmall", "", "", "", ""];
+const MacRomanEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quotesingle", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "grave", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "", "Adieresis", "Aring", "Ccedilla", "Eacute", "Ntilde", "Odieresis", "Udieresis", "aacute", "agrave", "acircumflex", "adieresis", "atilde", "aring", "ccedilla", "eacute", "egrave", "ecircumflex", "edieresis", "iacute", "igrave", "icircumflex", "idieresis", "ntilde", "oacute", "ograve", "ocircumflex", "odieresis", "otilde", "uacute", "ugrave", "ucircumflex", "udieresis", "dagger", "degree", "cent", "sterling", "section", "bullet", "paragraph", "germandbls", "registered", "copyright", "trademark", "acute", "dieresis", "notequal", "AE", "Oslash", "infinity", "plusminus", "lessequal", "greaterequal", "yen", "mu", "partialdiff", "summation", "product", "pi", "integral", "ordfeminine", "ordmasculine", "Omega", "ae", "oslash", "questiondown", "exclamdown", "logicalnot", "radical", "florin", "approxequal", "Delta", "guillemotleft", "guillemotright", "ellipsis", "space", "Agrave", "Atilde", "Otilde", "OE", "oe", "endash", "emdash", "quotedblleft", "quotedblright", "quoteleft", "quoteright", "divide", "lozenge", "ydieresis", "Ydieresis", "fraction", "currency", "guilsinglleft", "guilsinglright", "fi", "fl", "daggerdbl", "periodcentered", "quotesinglbase", "quotedblbase", "perthousand", "Acircumflex", "Ecircumflex", "Aacute", "Edieresis", "Egrave", "Iacute", "Icircumflex", "Idieresis", "Igrave", "Oacute", "Ocircumflex", "apple", "Ograve", "Uacute", "Ucircumflex", "Ugrave", "dotlessi", "circumflex", "tilde", "macron", "breve", "dotaccent", "ring", "cedilla", "hungarumlaut", "ogonek", "caron"];
+exports.MacRomanEncoding = MacRomanEncoding;
+const StandardEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quoteright", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "quoteleft", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "exclamdown", "cent", "sterling", "fraction", "yen", "florin", "section", "currency", "quotesingle", "quotedblleft", "guillemotleft", "guilsinglleft", "guilsinglright", "fi", "fl", "", "endash", "dagger", "daggerdbl", "periodcentered", "", "paragraph", "bullet", "quotesinglbase", "quotedblbase", "quotedblright", "guillemotright", "ellipsis", "perthousand", "", "questiondown", "", "grave", "acute", "circumflex", "tilde", "macron", "breve", "dotaccent", "dieresis", "", "ring", "cedilla", "", "hungarumlaut", "ogonek", "caron", "emdash", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "AE", "", "ordfeminine", "", "", "", "", "Lslash", "Oslash", "OE", "ordmasculine", "", "", "", "", "", "ae", "", "", "", "dotlessi", "", "", "lslash", "oslash", "oe", "germandbls", "", "", "", ""];
+exports.StandardEncoding = StandardEncoding;
+const WinAnsiEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quotesingle", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "grave", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "bullet", "Euro", "bullet", "quotesinglbase", "florin", "quotedblbase", "ellipsis", "dagger", "daggerdbl", "circumflex", "perthousand", "Scaron", "guilsinglleft", "OE", "bullet", "Zcaron", "bullet", "bullet", "quoteleft", "quoteright", "quotedblleft", "quotedblright", "bullet", "endash", "emdash", "tilde", "trademark", "scaron", "guilsinglright", "oe", "bullet", "zcaron", "Ydieresis", "space", "exclamdown", "cent", "sterling", "currency", "yen", "brokenbar", "section", "dieresis", "copyright", "ordfeminine", "guillemotleft", "logicalnot", "hyphen", "registered", "macron", "degree", "plusminus", "twosuperior", "threesuperior", "acute", "mu", "paragraph", "periodcentered", "cedilla", "onesuperior", "ordmasculine", "guillemotright", "onequarter", "onehalf", "threequarters", "questiondown", "Agrave", "Aacute", "Acircumflex", "Atilde", "Adieresis", "Aring", "AE", "Ccedilla", "Egrave", "Eacute", "Ecircumflex", "Edieresis", "Igrave", "Iacute", "Icircumflex", "Idieresis", "Eth", "Ntilde", "Ograve", "Oacute", "Ocircumflex", "Otilde", "Odieresis", "multiply", "Oslash", "Ugrave", "Uacute", "Ucircumflex", "Udieresis", "Yacute", "Thorn", "germandbls", "agrave", "aacute", "acircumflex", "atilde", "adieresis", "aring", "ae", "ccedilla", "egrave", "eacute", "ecircumflex", "edieresis", "igrave", "iacute", "icircumflex", "idieresis", "eth", "ntilde", "ograve", "oacute", "ocircumflex", "otilde", "odieresis", "divide", "oslash", "ugrave", "uacute", "ucircumflex", "udieresis", "yacute", "thorn", "ydieresis"];
+exports.WinAnsiEncoding = WinAnsiEncoding;
+const SymbolSetEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "exclam", "universal", "numbersign", "existential", "percent", "ampersand", "suchthat", "parenleft", "parenright", "asteriskmath", "plus", "comma", "minus", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "congruent", "Alpha", "Beta", "Chi", "Delta", "Epsilon", "Phi", "Gamma", "Eta", "Iota", "theta1", "Kappa", "Lambda", "Mu", "Nu", "Omicron", "Pi", "Theta", "Rho", "Sigma", "Tau", "Upsilon", "sigma1", "Omega", "Xi", "Psi", "Zeta", "bracketleft", "therefore", "bracketright", "perpendicular", "underscore", "radicalex", "alpha", "beta", "chi", "delta", "epsilon", "phi", "gamma", "eta", "iota", "phi1", "kappa", "lambda", "mu", "nu", "omicron", "pi", "theta", "rho", "sigma", "tau", "upsilon", "omega1", "omega", "xi", "psi", "zeta", "braceleft", "bar", "braceright", "similar", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "Euro", "Upsilon1", "minute", "lessequal", "fraction", "infinity", "florin", "club", "diamond", "heart", "spade", "arrowboth", "arrowleft", "arrowup", "arrowright", "arrowdown", "degree", "plusminus", "second", "greaterequal", "multiply", "proportional", "partialdiff", "bullet", "divide", "notequal", "equivalence", "approxequal", "ellipsis", "arrowvertex", "arrowhorizex", "carriagereturn", "aleph", "Ifraktur", "Rfraktur", "weierstrass", "circlemultiply", "circleplus", "emptyset", "intersection", "union", "propersuperset", "reflexsuperset", "notsubset", "propersubset", "reflexsubset", "element", "notelement", "angle", "gradient", "registerserif", "copyrightserif", "trademarkserif", "product", "radical", "dotmath", "logicalnot", "logicaland", "logicalor", "arrowdblboth", "arrowdblleft", "arrowdblup", "arrowdblright", "arrowdbldown", "lozenge", "angleleft", "registersans", "copyrightsans", "trademarksans", "summation", "parenlefttp", "parenleftex", "parenleftbt", "bracketlefttp", "bracketleftex", "bracketleftbt", "bracelefttp", "braceleftmid", "braceleftbt", "braceex", "", "angleright", "integral", "integraltp", "integralex", "integralbt", "parenrighttp", "parenrightex", "parenrightbt", "bracketrighttp", "bracketrightex", "bracketrightbt", "bracerighttp", "bracerightmid", "bracerightbt", ""];
+exports.SymbolSetEncoding = SymbolSetEncoding;
+const ZapfDingbatsEncoding = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "space", "a1", "a2", "a202", "a3", "a4", "a5", "a119", "a118", "a117", "a11", "a12", "a13", "a14", "a15", "a16", "a105", "a17", "a18", "a19", "a20", "a21", "a22", "a23", "a24", "a25", "a26", "a27", "a28", "a6", "a7", "a8", "a9", "a10", "a29", "a30", "a31", "a32", "a33", "a34", "a35", "a36", "a37", "a38", "a39", "a40", "a41", "a42", "a43", "a44", "a45", "a46", "a47", "a48", "a49", "a50", "a51", "a52", "a53", "a54", "a55", "a56", "a57", "a58", "a59", "a60", "a61", "a62", "a63", "a64", "a65", "a66", "a67", "a68", "a69", "a70", "a71", "a72", "a73", "a74", "a203", "a75", "a204", "a76", "a77", "a78", "a79", "a81", "a82", "a83", "a84", "a97", "a98", "a99", "a100", "", "a89", "a90", "a93", "a94", "a91", "a92", "a205", "a85", "a206", "a86", "a87", "a88", "a95", "a96", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "a101", "a102", "a103", "a104", "a106", "a107", "a108", "a112", "a111", "a110", "a109", "a120", "a121", "a122", "a123", "a124", "a125", "a126", "a127", "a128", "a129", "a130", "a131", "a132", "a133", "a134", "a135", "a136", "a137", "a138", "a139", "a140", "a141", "a142", "a143", "a144", "a145", "a146", "a147", "a148", "a149", "a150", "a151", "a152", "a153", "a154", "a155", "a156", "a157", "a158", "a159", "a160", "a161", "a163", "a164", "a196", "a165", "a192", "a166", "a167", "a168", "a169", "a170", "a171", "a172", "a173", "a162", "a174", "a175", "a176", "a177", "a178", "a179", "a193", "a180", "a199", "a181", "a200", "a182", "", "a201", "a183", "a184", "a197", "a185", "a194", "a198", "a186", "a195", "a187", "a188", "a189", "a190", "a191", ""];
+exports.ZapfDingbatsEncoding = ZapfDingbatsEncoding;
+function getEncoding(encodingName) {
+  switch (encodingName) {
+    case "WinAnsiEncoding":
+      return WinAnsiEncoding;
+    case "StandardEncoding":
+      return StandardEncoding;
+    case "MacRomanEncoding":
+      return MacRomanEncoding;
+    case "SymbolSetEncoding":
+      return SymbolSetEncoding;
+    case "ZapfDingbatsEncoding":
+      return ZapfDingbatsEncoding;
+    case "ExpertEncoding":
+      return ExpertEncoding;
+    case "MacExpertEncoding":
+      return MacExpertEncoding;
+    default:
+      return null;
+  }
+}
+
+/***/ }),
+/* 38 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.SEAC_ANALYSIS_ENABLED = exports.MacStandardGlyphOrdering = exports.FontFlags = void 0;
+exports.normalizeFontName = normalizeFontName;
+exports.recoverGlyphName = recoverGlyphName;
+exports.type1FontGlyphMapping = type1FontGlyphMapping;
+var _encodings = __w_pdfjs_require__(37);
+var _glyphlist = __w_pdfjs_require__(39);
+var _unicode = __w_pdfjs_require__(40);
+var _util = __w_pdfjs_require__(2);
+const SEAC_ANALYSIS_ENABLED = true;
+exports.SEAC_ANALYSIS_ENABLED = SEAC_ANALYSIS_ENABLED;
+const FontFlags = {
+  FixedPitch: 1,
+  Serif: 2,
+  Symbolic: 4,
+  Script: 8,
+  Nonsymbolic: 32,
+  Italic: 64,
+  AllCap: 65536,
+  SmallCap: 131072,
+  ForceBold: 262144
+};
+exports.FontFlags = FontFlags;
+const MacStandardGlyphOrdering = [".notdef", ".null", "nonmarkingreturn", "space", "exclam", "quotedbl", "numbersign", "dollar", "percent", "ampersand", "quotesingle", "parenleft", "parenright", "asterisk", "plus", "comma", "hyphen", "period", "slash", "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "colon", "semicolon", "less", "equal", "greater", "question", "at", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "bracketleft", "backslash", "bracketright", "asciicircum", "underscore", "grave", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "braceleft", "bar", "braceright", "asciitilde", "Adieresis", "Aring", "Ccedilla", "Eacute", "Ntilde", "Odieresis", "Udieresis", "aacute", "agrave", "acircumflex", "adieresis", "atilde", "aring", "ccedilla", "eacute", "egrave", "ecircumflex", "edieresis", "iacute", "igrave", "icircumflex", "idieresis", "ntilde", "oacute", "ograve", "ocircumflex", "odieresis", "otilde", "uacute", "ugrave", "ucircumflex", "udieresis", "dagger", "degree", "cent", "sterling", "section", "bullet", "paragraph", "germandbls", "registered", "copyright", "trademark", "acute", "dieresis", "notequal", "AE", "Oslash", "infinity", "plusminus", "lessequal", "greaterequal", "yen", "mu", "partialdiff", "summation", "product", "pi", "integral", "ordfeminine", "ordmasculine", "Omega", "ae", "oslash", "questiondown", "exclamdown", "logicalnot", "radical", "florin", "approxequal", "Delta", "guillemotleft", "guillemotright", "ellipsis", "nonbreakingspace", "Agrave", "Atilde", "Otilde", "OE", "oe", "endash", "emdash", "quotedblleft", "quotedblright", "quoteleft", "quoteright", "divide", "lozenge", "ydieresis", "Ydieresis", "fraction", "currency", "guilsinglleft", "guilsinglright", "fi", "fl", "daggerdbl", "periodcentered", "quotesinglbase", "quotedblbase", "perthousand", "Acircumflex", "Ecircumflex", "Aacute", "Edieresis", "Egrave", "Iacute", "Icircumflex", "Idieresis", "Igrave", "Oacute", "Ocircumflex", "apple", "Ograve", "Uacute", "Ucircumflex", "Ugrave", "dotlessi", "circumflex", "tilde", "macron", "breve", "dotaccent", "ring", "cedilla", "hungarumlaut", "ogonek", "caron", "Lslash", "lslash", "Scaron", "scaron", "Zcaron", "zcaron", "brokenbar", "Eth", "eth", "Yacute", "yacute", "Thorn", "thorn", "minus", "multiply", "onesuperior", "twosuperior", "threesuperior", "onehalf", "onequarter", "threequarters", "franc", "Gbreve", "gbreve", "Idotaccent", "Scedilla", "scedilla", "Cacute", "cacute", "Ccaron", "ccaron", "dcroat"];
+exports.MacStandardGlyphOrdering = MacStandardGlyphOrdering;
+function recoverGlyphName(name, glyphsUnicodeMap) {
+  if (glyphsUnicodeMap[name] !== undefined) {
+    return name;
+  }
+  const unicode = (0, _unicode.getUnicodeForGlyph)(name, glyphsUnicodeMap);
+  if (unicode !== -1) {
+    for (const key in glyphsUnicodeMap) {
+      if (glyphsUnicodeMap[key] === unicode) {
+        return key;
+      }
+    }
+  }
+  (0, _util.info)("Unable to recover a standard glyph name for: " + name);
+  return name;
+}
+function type1FontGlyphMapping(properties, builtInEncoding, glyphNames) {
+  const charCodeToGlyphId = Object.create(null);
+  let glyphId, charCode, baseEncoding;
+  const isSymbolicFont = !!(properties.flags & FontFlags.Symbolic);
+  if (properties.isInternalFont) {
+    baseEncoding = builtInEncoding;
+    for (charCode = 0; charCode < baseEncoding.length; charCode++) {
+      glyphId = glyphNames.indexOf(baseEncoding[charCode]);
+      if (glyphId >= 0) {
+        charCodeToGlyphId[charCode] = glyphId;
+      } else {
+        charCodeToGlyphId[charCode] = 0;
+      }
+    }
+  } else if (properties.baseEncodingName) {
+    baseEncoding = (0, _encodings.getEncoding)(properties.baseEncodingName);
+    for (charCode = 0; charCode < baseEncoding.length; charCode++) {
+      glyphId = glyphNames.indexOf(baseEncoding[charCode]);
+      if (glyphId >= 0) {
+        charCodeToGlyphId[charCode] = glyphId;
+      } else {
+        charCodeToGlyphId[charCode] = 0;
+      }
+    }
+  } else if (isSymbolicFont) {
+    for (charCode in builtInEncoding) {
+      charCodeToGlyphId[charCode] = builtInEncoding[charCode];
+    }
+  } else {
+    baseEncoding = _encodings.StandardEncoding;
+    for (charCode = 0; charCode < baseEncoding.length; charCode++) {
+      glyphId = glyphNames.indexOf(baseEncoding[charCode]);
+      if (glyphId >= 0) {
+        charCodeToGlyphId[charCode] = glyphId;
+      } else {
+        charCodeToGlyphId[charCode] = 0;
+      }
+    }
+  }
+  const differences = properties.differences;
+  let glyphsUnicodeMap;
+  if (differences) {
+    for (charCode in differences) {
+      const glyphName = differences[charCode];
+      glyphId = glyphNames.indexOf(glyphName);
+      if (glyphId === -1) {
+        if (!glyphsUnicodeMap) {
+          glyphsUnicodeMap = (0, _glyphlist.getGlyphsUnicode)();
+        }
+        const standardGlyphName = recoverGlyphName(glyphName, glyphsUnicodeMap);
+        if (standardGlyphName !== glyphName) {
+          glyphId = glyphNames.indexOf(standardGlyphName);
+        }
+      }
+      if (glyphId >= 0) {
+        charCodeToGlyphId[charCode] = glyphId;
+      } else {
+        charCodeToGlyphId[charCode] = 0;
+      }
+    }
+  }
+  return charCodeToGlyphId;
+}
+function normalizeFontName(name) {
+  return name.replaceAll(/[,_]/g, "-").replaceAll(/\s/g, "");
+}
+
+/***/ }),
+/* 39 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __w_pdfjs_require__) => {
+
+__w_pdfjs_require__.r(__webpack_exports__);
+/* harmony export */ __w_pdfjs_require__.d(__webpack_exports__, {
+/* harmony export */   "getDingbatsGlyphsUnicode": () => (/* binding */ getDingbatsGlyphsUnicode),
+/* harmony export */   "getGlyphsUnicode": () => (/* binding */ getGlyphsUnicode)
+/* harmony export */ });
+/* harmony import */ var _core_utils_js__WEBPACK_IMPORTED_MODULE_0__ = __w_pdfjs_require__(3);
+
+const getGlyphsUnicode = (0,_core_utils_js__WEBPACK_IMPORTED_MODULE_0__.getLookupTableFactory)(function (t) {
+ t.A = 0x0041;
+ t.AE = 0x00c6;
+ t.AEacute = 0x01fc;
+ t.AEmacron = 0x01e2;
+ t.AEsmall = 0xf7e6;
+ t.Aacute = 0x00c1;
+ t.Aacutesmall = 0xf7e1;
+ t.Abreve = 0x0102;
+ t.Abreveacute = 0x1eae;
+ t.Abrevecyrillic = 0x04d0;
+ t.Abrevedotbelow = 0x1eb6;
+ t.Abrevegrave = 0x1eb0;
+ t.Abrevehookabove = 0x1eb2;
+ t.Abrevetilde = 0x1eb4;
+ t.Acaron = 0x01cd;
+ t.Acircle = 0x24b6;
+ t.Acircumflex = 0x00c2;
+ t.Acircumflexacute = 0x1ea4;
+ t.Acircumflexdotbelow = 0x1eac;
+ t.Acircumflexgrave = 0x1ea6;
+ t.Acircumflexhookabove = 0x1ea8;
+ t.Acircumflexsmall = 0xf7e2;
+ t.Acircumflextilde = 0x1eaa;
+ t.Acute = 0xf6c9;
+ t.Acutesmall = 0xf7b4;
+ t.Acyrillic = 0x0410;
+ t.Adblgrave = 0x0200;
+ t.Adieresis = 0x00c4;
+ t.Adieresiscyrillic = 0x04d2;
+ t.Adieresismacron = 0x01de;
+ t.Adieresissmall = 0xf7e4;
+ t.Adotbelow = 0x1ea0;
+ t.Adotmacron = 0x01e0;
+ t.Agrave = 0x00c0;
+ t.Agravesmall = 0xf7e0;
+ t.Ahookabove = 0x1ea2;
+ t.Aiecyrillic = 0x04d4;
+ t.Ainvertedbreve = 0x0202;
+ t.Alpha = 0x0391;
+ t.Alphatonos = 0x0386;
+ t.Amacron = 0x0100;
+ t.Amonospace = 0xff21;
+ t.Aogonek = 0x0104;
+ t.Aring = 0x00c5;
+ t.Aringacute = 0x01fa;
+ t.Aringbelow = 0x1e00;
+ t.Aringsmall = 0xf7e5;
+ t.Asmall = 0xf761;
+ t.Atilde = 0x00c3;
+ t.Atildesmall = 0xf7e3;
+ t.Aybarmenian = 0x0531;
+ t.B = 0x0042;
+ t.Bcircle = 0x24b7;
+ t.Bdotaccent = 0x1e02;
+ t.Bdotbelow = 0x1e04;
+ t.Becyrillic = 0x0411;
+ t.Benarmenian = 0x0532;
+ t.Beta = 0x0392;
+ t.Bhook = 0x0181;
+ t.Blinebelow = 0x1e06;
+ t.Bmonospace = 0xff22;
+ t.Brevesmall = 0xf6f4;
+ t.Bsmall = 0xf762;
+ t.Btopbar = 0x0182;
+ t.C = 0x0043;
+ t.Caarmenian = 0x053e;
+ t.Cacute = 0x0106;
+ t.Caron = 0xf6ca;
+ t.Caronsmall = 0xf6f5;
+ t.Ccaron = 0x010c;
+ t.Ccedilla = 0x00c7;
+ t.Ccedillaacute = 0x1e08;
+ t.Ccedillasmall = 0xf7e7;
+ t.Ccircle = 0x24b8;
+ t.Ccircumflex = 0x0108;
+ t.Cdot = 0x010a;
+ t.Cdotaccent = 0x010a;
+ t.Cedillasmall = 0xf7b8;
+ t.Chaarmenian = 0x0549;
+ t.Cheabkhasiancyrillic = 0x04bc;
+ t.Checyrillic = 0x0427;
+ t.Chedescenderabkhasiancyrillic = 0x04be;
+ t.Chedescendercyrillic = 0x04b6;
+ t.Chedieresiscyrillic = 0x04f4;
+ t.Cheharmenian = 0x0543;
+ t.Chekhakassiancyrillic = 0x04cb;
+ t.Cheverticalstrokecyrillic = 0x04b8;
+ t.Chi = 0x03a7;
+ t.Chook = 0x0187;
+ t.Circumflexsmall = 0xf6f6;
+ t.Cmonospace = 0xff23;
+ t.Coarmenian = 0x0551;
+ t.Csmall = 0xf763;
+ t.D = 0x0044;
+ t.DZ = 0x01f1;
+ t.DZcaron = 0x01c4;
+ t.Daarmenian = 0x0534;
+ t.Dafrican = 0x0189;
+ t.Dcaron = 0x010e;
+ t.Dcedilla = 0x1e10;
+ t.Dcircle = 0x24b9;
+ t.Dcircumflexbelow = 0x1e12;
+ t.Dcroat = 0x0110;
+ t.Ddotaccent = 0x1e0a;
+ t.Ddotbelow = 0x1e0c;
+ t.Decyrillic = 0x0414;
+ t.Deicoptic = 0x03ee;
+ t.Delta = 0x2206;
+ t.Deltagreek = 0x0394;
+ t.Dhook = 0x018a;
+ t.Dieresis = 0xf6cb;
+ t.DieresisAcute = 0xf6cc;
+ t.DieresisGrave = 0xf6cd;
+ t.Dieresissmall = 0xf7a8;
+ t.Digammagreek = 0x03dc;
+ t.Djecyrillic = 0x0402;
+ t.Dlinebelow = 0x1e0e;
+ t.Dmonospace = 0xff24;
+ t.Dotaccentsmall = 0xf6f7;
+ t.Dslash = 0x0110;
+ t.Dsmall = 0xf764;
+ t.Dtopbar = 0x018b;
+ t.Dz = 0x01f2;
+ t.Dzcaron = 0x01c5;
+ t.Dzeabkhasiancyrillic = 0x04e0;
+ t.Dzecyrillic = 0x0405;
+ t.Dzhecyrillic = 0x040f;
+ t.E = 0x0045;
+ t.Eacute = 0x00c9;
+ t.Eacutesmall = 0xf7e9;
+ t.Ebreve = 0x0114;
+ t.Ecaron = 0x011a;
+ t.Ecedillabreve = 0x1e1c;
+ t.Echarmenian = 0x0535;
+ t.Ecircle = 0x24ba;
+ t.Ecircumflex = 0x00ca;
+ t.Ecircumflexacute = 0x1ebe;
+ t.Ecircumflexbelow = 0x1e18;
+ t.Ecircumflexdotbelow = 0x1ec6;
+ t.Ecircumflexgrave = 0x1ec0;
+ t.Ecircumflexhookabove = 0x1ec2;
+ t.Ecircumflexsmall = 0xf7ea;
+ t.Ecircumflextilde = 0x1ec4;
+ t.Ecyrillic = 0x0404;
+ t.Edblgrave = 0x0204;
+ t.Edieresis = 0x00cb;
+ t.Edieresissmall = 0xf7eb;
+ t.Edot = 0x0116;
+ t.Edotaccent = 0x0116;
+ t.Edotbelow = 0x1eb8;
+ t.Efcyrillic = 0x0424;
+ t.Egrave = 0x00c8;
+ t.Egravesmall = 0xf7e8;
+ t.Eharmenian = 0x0537;
+ t.Ehookabove = 0x1eba;
+ t.Eightroman = 0x2167;
+ t.Einvertedbreve = 0x0206;
+ t.Eiotifiedcyrillic = 0x0464;
+ t.Elcyrillic = 0x041b;
+ t.Elevenroman = 0x216a;
+ t.Emacron = 0x0112;
+ t.Emacronacute = 0x1e16;
+ t.Emacrongrave = 0x1e14;
+ t.Emcyrillic = 0x041c;
+ t.Emonospace = 0xff25;
+ t.Encyrillic = 0x041d;
+ t.Endescendercyrillic = 0x04a2;
+ t.Eng = 0x014a;
+ t.Enghecyrillic = 0x04a4;
+ t.Enhookcyrillic = 0x04c7;
+ t.Eogonek = 0x0118;
+ t.Eopen = 0x0190;
+ t.Epsilon = 0x0395;
+ t.Epsilontonos = 0x0388;
+ t.Ercyrillic = 0x0420;
+ t.Ereversed = 0x018e;
+ t.Ereversedcyrillic = 0x042d;
+ t.Escyrillic = 0x0421;
+ t.Esdescendercyrillic = 0x04aa;
+ t.Esh = 0x01a9;
+ t.Esmall = 0xf765;
+ t.Eta = 0x0397;
+ t.Etarmenian = 0x0538;
+ t.Etatonos = 0x0389;
+ t.Eth = 0x00d0;
+ t.Ethsmall = 0xf7f0;
+ t.Etilde = 0x1ebc;
+ t.Etildebelow = 0x1e1a;
+ t.Euro = 0x20ac;
+ t.Ezh = 0x01b7;
+ t.Ezhcaron = 0x01ee;
+ t.Ezhreversed = 0x01b8;
+ t.F = 0x0046;
+ t.Fcircle = 0x24bb;
+ t.Fdotaccent = 0x1e1e;
+ t.Feharmenian = 0x0556;
+ t.Feicoptic = 0x03e4;
+ t.Fhook = 0x0191;
+ t.Fitacyrillic = 0x0472;
+ t.Fiveroman = 0x2164;
+ t.Fmonospace = 0xff26;
+ t.Fourroman = 0x2163;
+ t.Fsmall = 0xf766;
+ t.G = 0x0047;
+ t.GBsquare = 0x3387;
+ t.Gacute = 0x01f4;
+ t.Gamma = 0x0393;
+ t.Gammaafrican = 0x0194;
+ t.Gangiacoptic = 0x03ea;
+ t.Gbreve = 0x011e;
+ t.Gcaron = 0x01e6;
+ t.Gcedilla = 0x0122;
+ t.Gcircle = 0x24bc;
+ t.Gcircumflex = 0x011c;
+ t.Gcommaaccent = 0x0122;
+ t.Gdot = 0x0120;
+ t.Gdotaccent = 0x0120;
+ t.Gecyrillic = 0x0413;
+ t.Ghadarmenian = 0x0542;
+ t.Ghemiddlehookcyrillic = 0x0494;
+ t.Ghestrokecyrillic = 0x0492;
+ t.Gheupturncyrillic = 0x0490;
+ t.Ghook = 0x0193;
+ t.Gimarmenian = 0x0533;
+ t.Gjecyrillic = 0x0403;
+ t.Gmacron = 0x1e20;
+ t.Gmonospace = 0xff27;
+ t.Grave = 0xf6ce;
+ t.Gravesmall = 0xf760;
+ t.Gsmall = 0xf767;
+ t.Gsmallhook = 0x029b;
+ t.Gstroke = 0x01e4;
+ t.H = 0x0048;
+ t.H18533 = 0x25cf;
+ t.H18543 = 0x25aa;
+ t.H18551 = 0x25ab;
+ t.H22073 = 0x25a1;
+ t.HPsquare = 0x33cb;
+ t.Haabkhasiancyrillic = 0x04a8;
+ t.Hadescendercyrillic = 0x04b2;
+ t.Hardsigncyrillic = 0x042a;
+ t.Hbar = 0x0126;
+ t.Hbrevebelow = 0x1e2a;
+ t.Hcedilla = 0x1e28;
+ t.Hcircle = 0x24bd;
+ t.Hcircumflex = 0x0124;
+ t.Hdieresis = 0x1e26;
+ t.Hdotaccent = 0x1e22;
+ t.Hdotbelow = 0x1e24;
+ t.Hmonospace = 0xff28;
+ t.Hoarmenian = 0x0540;
+ t.Horicoptic = 0x03e8;
+ t.Hsmall = 0xf768;
+ t.Hungarumlaut = 0xf6cf;
+ t.Hungarumlautsmall = 0xf6f8;
+ t.Hzsquare = 0x3390;
+ t.I = 0x0049;
+ t.IAcyrillic = 0x042f;
+ t.IJ = 0x0132;
+ t.IUcyrillic = 0x042e;
+ t.Iacute = 0x00cd;
+ t.Iacutesmall = 0xf7ed;
+ t.Ibreve = 0x012c;
+ t.Icaron = 0x01cf;
+ t.Icircle = 0x24be;
+ t.Icircumflex = 0x00ce;
+ t.Icircumflexsmall = 0xf7ee;
+ t.Icyrillic = 0x0406;
+ t.Idblgrave = 0x0208;
+ t.Idieresis = 0x00cf;
+ t.Idieresisacute = 0x1e2e;
+ t.Idieresiscyrillic = 0x04e4;
+ t.Idieresissmall = 0xf7ef;
+ t.Idot = 0x0130;
+ t.Idotaccent = 0x0130;
+ t.Idotbelow = 0x1eca;
+ t.Iebrevecyrillic = 0x04d6;
+ t.Iecyrillic = 0x0415;
+ t.Ifraktur = 0x2111;
+ t.Igrave = 0x00cc;
+ t.Igravesmall = 0xf7ec;
+ t.Ihookabove = 0x1ec8;
+ t.Iicyrillic = 0x0418;
+ t.Iinvertedbreve = 0x020a;
+ t.Iishortcyrillic = 0x0419;
+ t.Imacron = 0x012a;
+ t.Imacroncyrillic = 0x04e2;
+ t.Imonospace = 0xff29;
+ t.Iniarmenian = 0x053b;
+ t.Iocyrillic = 0x0401;
+ t.Iogonek = 0x012e;
+ t.Iota = 0x0399;
+ t.Iotaafrican = 0x0196;
+ t.Iotadieresis = 0x03aa;
+ t.Iotatonos = 0x038a;
+ t.Ismall = 0xf769;
+ t.Istroke = 0x0197;
+ t.Itilde = 0x0128;
+ t.Itildebelow = 0x1e2c;
+ t.Izhitsacyrillic = 0x0474;
+ t.Izhitsadblgravecyrillic = 0x0476;
+ t.J = 0x004a;
+ t.Jaarmenian = 0x0541;
+ t.Jcircle = 0x24bf;
+ t.Jcircumflex = 0x0134;
+ t.Jecyrillic = 0x0408;
+ t.Jheharmenian = 0x054b;
+ t.Jmonospace = 0xff2a;
+ t.Jsmall = 0xf76a;
+ t.K = 0x004b;
+ t.KBsquare = 0x3385;
+ t.KKsquare = 0x33cd;
+ t.Kabashkircyrillic = 0x04a0;
+ t.Kacute = 0x1e30;
+ t.Kacyrillic = 0x041a;
+ t.Kadescendercyrillic = 0x049a;
+ t.Kahookcyrillic = 0x04c3;
+ t.Kappa = 0x039a;
+ t.Kastrokecyrillic = 0x049e;
+ t.Kaverticalstrokecyrillic = 0x049c;
+ t.Kcaron = 0x01e8;
+ t.Kcedilla = 0x0136;
+ t.Kcircle = 0x24c0;
+ t.Kcommaaccent = 0x0136;
+ t.Kdotbelow = 0x1e32;
+ t.Keharmenian = 0x0554;
+ t.Kenarmenian = 0x053f;
+ t.Khacyrillic = 0x0425;
+ t.Kheicoptic = 0x03e6;
+ t.Khook = 0x0198;
+ t.Kjecyrillic = 0x040c;
+ t.Klinebelow = 0x1e34;
+ t.Kmonospace = 0xff2b;
+ t.Koppacyrillic = 0x0480;
+ t.Koppagreek = 0x03de;
+ t.Ksicyrillic = 0x046e;
+ t.Ksmall = 0xf76b;
+ t.L = 0x004c;
+ t.LJ = 0x01c7;
+ t.LL = 0xf6bf;
+ t.Lacute = 0x0139;
+ t.Lambda = 0x039b;
+ t.Lcaron = 0x013d;
+ t.Lcedilla = 0x013b;
+ t.Lcircle = 0x24c1;
+ t.Lcircumflexbelow = 0x1e3c;
+ t.Lcommaaccent = 0x013b;
+ t.Ldot = 0x013f;
+ t.Ldotaccent = 0x013f;
+ t.Ldotbelow = 0x1e36;
+ t.Ldotbelowmacron = 0x1e38;
+ t.Liwnarmenian = 0x053c;
+ t.Lj = 0x01c8;
+ t.Ljecyrillic = 0x0409;
+ t.Llinebelow = 0x1e3a;
+ t.Lmonospace = 0xff2c;
+ t.Lslash = 0x0141;
+ t.Lslashsmall = 0xf6f9;
+ t.Lsmall = 0xf76c;
+ t.M = 0x004d;
+ t.MBsquare = 0x3386;
+ t.Macron = 0xf6d0;
+ t.Macronsmall = 0xf7af;
+ t.Macute = 0x1e3e;
+ t.Mcircle = 0x24c2;
+ t.Mdotaccent = 0x1e40;
+ t.Mdotbelow = 0x1e42;
+ t.Menarmenian = 0x0544;
+ t.Mmonospace = 0xff2d;
+ t.Msmall = 0xf76d;
+ t.Mturned = 0x019c;
+ t.Mu = 0x039c;
+ t.N = 0x004e;
+ t.NJ = 0x01ca;
+ t.Nacute = 0x0143;
+ t.Ncaron = 0x0147;
+ t.Ncedilla = 0x0145;
+ t.Ncircle = 0x24c3;
+ t.Ncircumflexbelow = 0x1e4a;
+ t.Ncommaaccent = 0x0145;
+ t.Ndotaccent = 0x1e44;
+ t.Ndotbelow = 0x1e46;
+ t.Nhookleft = 0x019d;
+ t.Nineroman = 0x2168;
+ t.Nj = 0x01cb;
+ t.Njecyrillic = 0x040a;
+ t.Nlinebelow = 0x1e48;
+ t.Nmonospace = 0xff2e;
+ t.Nowarmenian = 0x0546;
+ t.Nsmall = 0xf76e;
+ t.Ntilde = 0x00d1;
+ t.Ntildesmall = 0xf7f1;
+ t.Nu = 0x039d;
+ t.O = 0x004f;
+ t.OE = 0x0152;
+ t.OEsmall = 0xf6fa;
+ t.Oacute = 0x00d3;
+ t.Oacutesmall = 0xf7f3;
+ t.Obarredcyrillic = 0x04e8;
+ t.Obarreddieresiscyrillic = 0x04ea;
+ t.Obreve = 0x014e;
+ t.Ocaron = 0x01d1;
+ t.Ocenteredtilde = 0x019f;
+ t.Ocircle = 0x24c4;
+ t.Ocircumflex = 0x00d4;
+ t.Ocircumflexacute = 0x1ed0;
+ t.Ocircumflexdotbelow = 0x1ed8;
+ t.Ocircumflexgrave = 0x1ed2;
+ t.Ocircumflexhookabove = 0x1ed4;
+ t.Ocircumflexsmall = 0xf7f4;
+ t.Ocircumflextilde = 0x1ed6;
+ t.Ocyrillic = 0x041e;
+ t.Odblacute = 0x0150;
+ t.Odblgrave = 0x020c;
+ t.Odieresis = 0x00d6;
+ t.Odieresiscyrillic = 0x04e6;
+ t.Odieresissmall = 0xf7f6;
+ t.Odotbelow = 0x1ecc;
+ t.Ogoneksmall = 0xf6fb;
+ t.Ograve = 0x00d2;
+ t.Ogravesmall = 0xf7f2;
+ t.Oharmenian = 0x0555;
+ t.Ohm = 0x2126;
+ t.Ohookabove = 0x1ece;
+ t.Ohorn = 0x01a0;
+ t.Ohornacute = 0x1eda;
+ t.Ohorndotbelow = 0x1ee2;
+ t.Ohorngrave = 0x1edc;
+ t.Ohornhookabove = 0x1ede;
+ t.Ohorntilde = 0x1ee0;
+ t.Ohungarumlaut = 0x0150;
+ t.Oi = 0x01a2;
+ t.Oinvertedbreve = 0x020e;
+ t.Omacron = 0x014c;
+ t.Omacronacute = 0x1e52;
+ t.Omacrongrave = 0x1e50;
+ t.Omega = 0x2126;
+ t.Omegacyrillic = 0x0460;
+ t.Omegagreek = 0x03a9;
+ t.Omegaroundcyrillic = 0x047a;
+ t.Omegatitlocyrillic = 0x047c;
+ t.Omegatonos = 0x038f;
+ t.Omicron = 0x039f;
+ t.Omicrontonos = 0x038c;
+ t.Omonospace = 0xff2f;
+ t.Oneroman = 0x2160;
+ t.Oogonek = 0x01ea;
+ t.Oogonekmacron = 0x01ec;
+ t.Oopen = 0x0186;
+ t.Oslash = 0x00d8;
+ t.Oslashacute = 0x01fe;
+ t.Oslashsmall = 0xf7f8;
+ t.Osmall = 0xf76f;
+ t.Ostrokeacute = 0x01fe;
+ t.Otcyrillic = 0x047e;
+ t.Otilde = 0x00d5;
+ t.Otildeacute = 0x1e4c;
+ t.Otildedieresis = 0x1e4e;
+ t.Otildesmall = 0xf7f5;
+ t.P = 0x0050;
+ t.Pacute = 0x1e54;
+ t.Pcircle = 0x24c5;
+ t.Pdotaccent = 0x1e56;
+ t.Pecyrillic = 0x041f;
+ t.Peharmenian = 0x054a;
+ t.Pemiddlehookcyrillic = 0x04a6;
+ t.Phi = 0x03a6;
+ t.Phook = 0x01a4;
+ t.Pi = 0x03a0;
+ t.Piwrarmenian = 0x0553;
+ t.Pmonospace = 0xff30;
+ t.Psi = 0x03a8;
+ t.Psicyrillic = 0x0470;
+ t.Psmall = 0xf770;
+ t.Q = 0x0051;
+ t.Qcircle = 0x24c6;
+ t.Qmonospace = 0xff31;
+ t.Qsmall = 0xf771;
+ t.R = 0x0052;
+ t.Raarmenian = 0x054c;
+ t.Racute = 0x0154;
+ t.Rcaron = 0x0158;
+ t.Rcedilla = 0x0156;
+ t.Rcircle = 0x24c7;
+ t.Rcommaaccent = 0x0156;
+ t.Rdblgrave = 0x0210;
+ t.Rdotaccent = 0x1e58;
+ t.Rdotbelow = 0x1e5a;
+ t.Rdotbelowmacron = 0x1e5c;
+ t.Reharmenian = 0x0550;
+ t.Rfraktur = 0x211c;
+ t.Rho = 0x03a1;
+ t.Ringsmall = 0xf6fc;
+ t.Rinvertedbreve = 0x0212;
+ t.Rlinebelow = 0x1e5e;
+ t.Rmonospace = 0xff32;
+ t.Rsmall = 0xf772;
+ t.Rsmallinverted = 0x0281;
+ t.Rsmallinvertedsuperior = 0x02b6;
+ t.S = 0x0053;
+ t.SF010000 = 0x250c;
+ t.SF020000 = 0x2514;
+ t.SF030000 = 0x2510;
+ t.SF040000 = 0x2518;
+ t.SF050000 = 0x253c;
+ t.SF060000 = 0x252c;
+ t.SF070000 = 0x2534;
+ t.SF080000 = 0x251c;
+ t.SF090000 = 0x2524;
+ t.SF100000 = 0x2500;
+ t.SF110000 = 0x2502;
+ t.SF190000 = 0x2561;
+ t.SF200000 = 0x2562;
+ t.SF210000 = 0x2556;
+ t.SF220000 = 0x2555;
+ t.SF230000 = 0x2563;
+ t.SF240000 = 0x2551;
+ t.SF250000 = 0x2557;
+ t.SF260000 = 0x255d;
+ t.SF270000 = 0x255c;
+ t.SF280000 = 0x255b;
+ t.SF360000 = 0x255e;
+ t.SF370000 = 0x255f;
+ t.SF380000 = 0x255a;
+ t.SF390000 = 0x2554;
+ t.SF400000 = 0x2569;
+ t.SF410000 = 0x2566;
+ t.SF420000 = 0x2560;
+ t.SF430000 = 0x2550;
+ t.SF440000 = 0x256c;
+ t.SF450000 = 0x2567;
+ t.SF460000 = 0x2568;
+ t.SF470000 = 0x2564;
+ t.SF480000 = 0x2565;
+ t.SF490000 = 0x2559;
+ t.SF500000 = 0x2558;
+ t.SF510000 = 0x2552;
+ t.SF520000 = 0x2553;
+ t.SF530000 = 0x256b;
+ t.SF540000 = 0x256a;
+ t.Sacute = 0x015a;
+ t.Sacutedotaccent = 0x1e64;
+ t.Sampigreek = 0x03e0;
+ t.Scaron = 0x0160;
+ t.Scarondotaccent = 0x1e66;
+ t.Scaronsmall = 0xf6fd;
+ t.Scedilla = 0x015e;
+ t.Schwa = 0x018f;
+ t.Schwacyrillic = 0x04d8;
+ t.Schwadieresiscyrillic = 0x04da;
+ t.Scircle = 0x24c8;
+ t.Scircumflex = 0x015c;
+ t.Scommaaccent = 0x0218;
+ t.Sdotaccent = 0x1e60;
+ t.Sdotbelow = 0x1e62;
+ t.Sdotbelowdotaccent = 0x1e68;
+ t.Seharmenian = 0x054d;
+ t.Sevenroman = 0x2166;
+ t.Shaarmenian = 0x0547;
+ t.Shacyrillic = 0x0428;
+ t.Shchacyrillic = 0x0429;
+ t.Sheicoptic = 0x03e2;
+ t.Shhacyrillic = 0x04ba;
+ t.Shimacoptic = 0x03ec;
+ t.Sigma = 0x03a3;
+ t.Sixroman = 0x2165;
+ t.Smonospace = 0xff33;
+ t.Softsigncyrillic = 0x042c;
+ t.Ssmall = 0xf773;
+ t.Stigmagreek = 0x03da;
+ t.T = 0x0054;
+ t.Tau = 0x03a4;
+ t.Tbar = 0x0166;
+ t.Tcaron = 0x0164;
+ t.Tcedilla = 0x0162;
+ t.Tcircle = 0x24c9;
+ t.Tcircumflexbelow = 0x1e70;
+ t.Tcommaaccent = 0x0162;
+ t.Tdotaccent = 0x1e6a;
+ t.Tdotbelow = 0x1e6c;
+ t.Tecyrillic = 0x0422;
+ t.Tedescendercyrillic = 0x04ac;
+ t.Tenroman = 0x2169;
+ t.Tetsecyrillic = 0x04b4;
+ t.Theta = 0x0398;
+ t.Thook = 0x01ac;
+ t.Thorn = 0x00de;
+ t.Thornsmall = 0xf7fe;
+ t.Threeroman = 0x2162;
+ t.Tildesmall = 0xf6fe;
+ t.Tiwnarmenian = 0x054f;
+ t.Tlinebelow = 0x1e6e;
+ t.Tmonospace = 0xff34;
+ t.Toarmenian = 0x0539;
+ t.Tonefive = 0x01bc;
+ t.Tonesix = 0x0184;
+ t.Tonetwo = 0x01a7;
+ t.Tretroflexhook = 0x01ae;
+ t.Tsecyrillic = 0x0426;
+ t.Tshecyrillic = 0x040b;
+ t.Tsmall = 0xf774;
+ t.Twelveroman = 0x216b;
+ t.Tworoman = 0x2161;
+ t.U = 0x0055;
+ t.Uacute = 0x00da;
+ t.Uacutesmall = 0xf7fa;
+ t.Ubreve = 0x016c;
+ t.Ucaron = 0x01d3;
+ t.Ucircle = 0x24ca;
+ t.Ucircumflex = 0x00db;
+ t.Ucircumflexbelow = 0x1e76;
+ t.Ucircumflexsmall = 0xf7fb;
+ t.Ucyrillic = 0x0423;
+ t.Udblacute = 0x0170;
+ t.Udblgrave = 0x0214;
+ t.Udieresis = 0x00dc;
+ t.Udieresisacute = 0x01d7;
+ t.Udieresisbelow = 0x1e72;
+ t.Udieresiscaron = 0x01d9;
+ t.Udieresiscyrillic = 0x04f0;
+ t.Udieresisgrave = 0x01db;
+ t.Udieresismacron = 0x01d5;
+ t.Udieresissmall = 0xf7fc;
+ t.Udotbelow = 0x1ee4;
+ t.Ugrave = 0x00d9;
+ t.Ugravesmall = 0xf7f9;
+ t.Uhookabove = 0x1ee6;
+ t.Uhorn = 0x01af;
+ t.Uhornacute = 0x1ee8;
+ t.Uhorndotbelow = 0x1ef0;
+ t.Uhorngrave = 0x1eea;
+ t.Uhornhookabove = 0x1eec;
+ t.Uhorntilde = 0x1eee;
+ t.Uhungarumlaut = 0x0170;
+ t.Uhungarumlautcyrillic = 0x04f2;
+ t.Uinvertedbreve = 0x0216;
+ t.Ukcyrillic = 0x0478;
+ t.Umacron = 0x016a;
+ t.Umacroncyrillic = 0x04ee;
+ t.Umacrondieresis = 0x1e7a;
+ t.Umonospace = 0xff35;
+ t.Uogonek = 0x0172;
+ t.Upsilon = 0x03a5;
+ t.Upsilon1 = 0x03d2;
+ t.Upsilonacutehooksymbolgreek = 0x03d3;
+ t.Upsilonafrican = 0x01b1;
+ t.Upsilondieresis = 0x03ab;
+ t.Upsilondieresishooksymbolgreek = 0x03d4;
+ t.Upsilonhooksymbol = 0x03d2;
+ t.Upsilontonos = 0x038e;
+ t.Uring = 0x016e;
+ t.Ushortcyrillic = 0x040e;
+ t.Usmall = 0xf775;
+ t.Ustraightcyrillic = 0x04ae;
+ t.Ustraightstrokecyrillic = 0x04b0;
+ t.Utilde = 0x0168;
+ t.Utildeacute = 0x1e78;
+ t.Utildebelow = 0x1e74;
+ t.V = 0x0056;
+ t.Vcircle = 0x24cb;
+ t.Vdotbelow = 0x1e7e;
+ t.Vecyrillic = 0x0412;
+ t.Vewarmenian = 0x054e;
+ t.Vhook = 0x01b2;
+ t.Vmonospace = 0xff36;
+ t.Voarmenian = 0x0548;
+ t.Vsmall = 0xf776;
+ t.Vtilde = 0x1e7c;
+ t.W = 0x0057;
+ t.Wacute = 0x1e82;
+ t.Wcircle = 0x24cc;
+ t.Wcircumflex = 0x0174;
+ t.Wdieresis = 0x1e84;
+ t.Wdotaccent = 0x1e86;
+ t.Wdotbelow = 0x1e88;
+ t.Wgrave = 0x1e80;
+ t.Wmonospace = 0xff37;
+ t.Wsmall = 0xf777;
+ t.X = 0x0058;
+ t.Xcircle = 0x24cd;
+ t.Xdieresis = 0x1e8c;
+ t.Xdotaccent = 0x1e8a;
+ t.Xeharmenian = 0x053d;
+ t.Xi = 0x039e;
+ t.Xmonospace = 0xff38;
+ t.Xsmall = 0xf778;
+ t.Y = 0x0059;
+ t.Yacute = 0x00dd;
+ t.Yacutesmall = 0xf7fd;
+ t.Yatcyrillic = 0x0462;
+ t.Ycircle = 0x24ce;
+ t.Ycircumflex = 0x0176;
+ t.Ydieresis = 0x0178;
+ t.Ydieresissmall = 0xf7ff;
+ t.Ydotaccent = 0x1e8e;
+ t.Ydotbelow = 0x1ef4;
+ t.Yericyrillic = 0x042b;
+ t.Yerudieresiscyrillic = 0x04f8;
+ t.Ygrave = 0x1ef2;
+ t.Yhook = 0x01b3;
+ t.Yhookabove = 0x1ef6;
+ t.Yiarmenian = 0x0545;
+ t.Yicyrillic = 0x0407;
+ t.Yiwnarmenian = 0x0552;
+ t.Ymonospace = 0xff39;
+ t.Ysmall = 0xf779;
+ t.Ytilde = 0x1ef8;
+ t.Yusbigcyrillic = 0x046a;
+ t.Yusbigiotifiedcyrillic = 0x046c;
+ t.Yuslittlecyrillic = 0x0466;
+ t.Yuslittleiotifiedcyrillic = 0x0468;
+ t.Z = 0x005a;
+ t.Zaarmenian = 0x0536;
+ t.Zacute = 0x0179;
+ t.Zcaron = 0x017d;
+ t.Zcaronsmall = 0xf6ff;
+ t.Zcircle = 0x24cf;
+ t.Zcircumflex = 0x1e90;
+ t.Zdot = 0x017b;
+ t.Zdotaccent = 0x017b;
+ t.Zdotbelow = 0x1e92;
+ t.Zecyrillic = 0x0417;
+ t.Zedescendercyrillic = 0x0498;
+ t.Zedieresiscyrillic = 0x04de;
+ t.Zeta = 0x0396;
+ t.Zhearmenian = 0x053a;
+ t.Zhebrevecyrillic = 0x04c1;
+ t.Zhecyrillic = 0x0416;
+ t.Zhedescendercyrillic = 0x0496;
+ t.Zhedieresiscyrillic = 0x04dc;
+ t.Zlinebelow = 0x1e94;
+ t.Zmonospace = 0xff3a;
+ t.Zsmall = 0xf77a;
+ t.Zstroke = 0x01b5;
+ t.a = 0x0061;
+ t.aabengali = 0x0986;
+ t.aacute = 0x00e1;
+ t.aadeva = 0x0906;
+ t.aagujarati = 0x0a86;
+ t.aagurmukhi = 0x0a06;
+ t.aamatragurmukhi = 0x0a3e;
+ t.aarusquare = 0x3303;
+ t.aavowelsignbengali = 0x09be;
+ t.aavowelsigndeva = 0x093e;
+ t.aavowelsigngujarati = 0x0abe;
+ t.abbreviationmarkarmenian = 0x055f;
+ t.abbreviationsigndeva = 0x0970;
+ t.abengali = 0x0985;
+ t.abopomofo = 0x311a;
+ t.abreve = 0x0103;
+ t.abreveacute = 0x1eaf;
+ t.abrevecyrillic = 0x04d1;
+ t.abrevedotbelow = 0x1eb7;
+ t.abrevegrave = 0x1eb1;
+ t.abrevehookabove = 0x1eb3;
+ t.abrevetilde = 0x1eb5;
+ t.acaron = 0x01ce;
+ t.acircle = 0x24d0;
+ t.acircumflex = 0x00e2;
+ t.acircumflexacute = 0x1ea5;
+ t.acircumflexdotbelow = 0x1ead;
+ t.acircumflexgrave = 0x1ea7;
+ t.acircumflexhookabove = 0x1ea9;
+ t.acircumflextilde = 0x1eab;
+ t.acute = 0x00b4;
+ t.acutebelowcmb = 0x0317;
+ t.acutecmb = 0x0301;
+ t.acutecomb = 0x0301;
+ t.acutedeva = 0x0954;
+ t.acutelowmod = 0x02cf;
+ t.acutetonecmb = 0x0341;
+ t.acyrillic = 0x0430;
+ t.adblgrave = 0x0201;
+ t.addakgurmukhi = 0x0a71;
+ t.adeva = 0x0905;
+ t.adieresis = 0x00e4;
+ t.adieresiscyrillic = 0x04d3;
+ t.adieresismacron = 0x01df;
+ t.adotbelow = 0x1ea1;
+ t.adotmacron = 0x01e1;
+ t.ae = 0x00e6;
+ t.aeacute = 0x01fd;
+ t.aekorean = 0x3150;
+ t.aemacron = 0x01e3;
+ t.afii00208 = 0x2015;
+ t.afii08941 = 0x20a4;
+ t.afii10017 = 0x0410;
+ t.afii10018 = 0x0411;
+ t.afii10019 = 0x0412;
+ t.afii10020 = 0x0413;
+ t.afii10021 = 0x0414;
+ t.afii10022 = 0x0415;
+ t.afii10023 = 0x0401;
+ t.afii10024 = 0x0416;
+ t.afii10025 = 0x0417;
+ t.afii10026 = 0x0418;
+ t.afii10027 = 0x0419;
+ t.afii10028 = 0x041a;
+ t.afii10029 = 0x041b;
+ t.afii10030 = 0x041c;
+ t.afii10031 = 0x041d;
+ t.afii10032 = 0x041e;
+ t.afii10033 = 0x041f;
+ t.afii10034 = 0x0420;
+ t.afii10035 = 0x0421;
+ t.afii10036 = 0x0422;
+ t.afii10037 = 0x0423;
+ t.afii10038 = 0x0424;
+ t.afii10039 = 0x0425;
+ t.afii10040 = 0x0426;
+ t.afii10041 = 0x0427;
+ t.afii10042 = 0x0428;
+ t.afii10043 = 0x0429;
+ t.afii10044 = 0x042a;
+ t.afii10045 = 0x042b;
+ t.afii10046 = 0x042c;
+ t.afii10047 = 0x042d;
+ t.afii10048 = 0x042e;
+ t.afii10049 = 0x042f;
+ t.afii10050 = 0x0490;
+ t.afii10051 = 0x0402;
+ t.afii10052 = 0x0403;
+ t.afii10053 = 0x0404;
+ t.afii10054 = 0x0405;
+ t.afii10055 = 0x0406;
+ t.afii10056 = 0x0407;
+ t.afii10057 = 0x0408;
+ t.afii10058 = 0x0409;
+ t.afii10059 = 0x040a;
+ t.afii10060 = 0x040b;
+ t.afii10061 = 0x040c;
+ t.afii10062 = 0x040e;
+ t.afii10063 = 0xf6c4;
+ t.afii10064 = 0xf6c5;
+ t.afii10065 = 0x0430;
+ t.afii10066 = 0x0431;
+ t.afii10067 = 0x0432;
+ t.afii10068 = 0x0433;
+ t.afii10069 = 0x0434;
+ t.afii10070 = 0x0435;
+ t.afii10071 = 0x0451;
+ t.afii10072 = 0x0436;
+ t.afii10073 = 0x0437;
+ t.afii10074 = 0x0438;
+ t.afii10075 = 0x0439;
+ t.afii10076 = 0x043a;
+ t.afii10077 = 0x043b;
+ t.afii10078 = 0x043c;
+ t.afii10079 = 0x043d;
+ t.afii10080 = 0x043e;
+ t.afii10081 = 0x043f;
+ t.afii10082 = 0x0440;
+ t.afii10083 = 0x0441;
+ t.afii10084 = 0x0442;
+ t.afii10085 = 0x0443;
+ t.afii10086 = 0x0444;
+ t.afii10087 = 0x0445;
+ t.afii10088 = 0x0446;
+ t.afii10089 = 0x0447;
+ t.afii10090 = 0x0448;
+ t.afii10091 = 0x0449;
+ t.afii10092 = 0x044a;
+ t.afii10093 = 0x044b;
+ t.afii10094 = 0x044c;
+ t.afii10095 = 0x044d;
+ t.afii10096 = 0x044e;
+ t.afii10097 = 0x044f;
+ t.afii10098 = 0x0491;
+ t.afii10099 = 0x0452;
+ t.afii10100 = 0x0453;
+ t.afii10101 = 0x0454;
+ t.afii10102 = 0x0455;
+ t.afii10103 = 0x0456;
+ t.afii10104 = 0x0457;
+ t.afii10105 = 0x0458;
+ t.afii10106 = 0x0459;
+ t.afii10107 = 0x045a;
+ t.afii10108 = 0x045b;
+ t.afii10109 = 0x045c;
+ t.afii10110 = 0x045e;
+ t.afii10145 = 0x040f;
+ t.afii10146 = 0x0462;
+ t.afii10147 = 0x0472;
+ t.afii10148 = 0x0474;
+ t.afii10192 = 0xf6c6;
+ t.afii10193 = 0x045f;
+ t.afii10194 = 0x0463;
+ t.afii10195 = 0x0473;
+ t.afii10196 = 0x0475;
+ t.afii10831 = 0xf6c7;
+ t.afii10832 = 0xf6c8;
+ t.afii10846 = 0x04d9;
+ t.afii299 = 0x200e;
+ t.afii300 = 0x200f;
+ t.afii301 = 0x200d;
+ t.afii57381 = 0x066a;
+ t.afii57388 = 0x060c;
+ t.afii57392 = 0x0660;
+ t.afii57393 = 0x0661;
+ t.afii57394 = 0x0662;
+ t.afii57395 = 0x0663;
+ t.afii57396 = 0x0664;
+ t.afii57397 = 0x0665;
+ t.afii57398 = 0x0666;
+ t.afii57399 = 0x0667;
+ t.afii57400 = 0x0668;
+ t.afii57401 = 0x0669;
+ t.afii57403 = 0x061b;
+ t.afii57407 = 0x061f;
+ t.afii57409 = 0x0621;
+ t.afii57410 = 0x0622;
+ t.afii57411 = 0x0623;
+ t.afii57412 = 0x0624;
+ t.afii57413 = 0x0625;
+ t.afii57414 = 0x0626;
+ t.afii57415 = 0x0627;
+ t.afii57416 = 0x0628;
+ t.afii57417 = 0x0629;
+ t.afii57418 = 0x062a;
+ t.afii57419 = 0x062b;
+ t.afii57420 = 0x062c;
+ t.afii57421 = 0x062d;
+ t.afii57422 = 0x062e;
+ t.afii57423 = 0x062f;
+ t.afii57424 = 0x0630;
+ t.afii57425 = 0x0631;
+ t.afii57426 = 0x0632;
+ t.afii57427 = 0x0633;
+ t.afii57428 = 0x0634;
+ t.afii57429 = 0x0635;
+ t.afii57430 = 0x0636;
+ t.afii57431 = 0x0637;
+ t.afii57432 = 0x0638;
+ t.afii57433 = 0x0639;
+ t.afii57434 = 0x063a;
+ t.afii57440 = 0x0640;
+ t.afii57441 = 0x0641;
+ t.afii57442 = 0x0642;
+ t.afii57443 = 0x0643;
+ t.afii57444 = 0x0644;
+ t.afii57445 = 0x0645;
+ t.afii57446 = 0x0646;
+ t.afii57448 = 0x0648;
+ t.afii57449 = 0x0649;
+ t.afii57450 = 0x064a;
+ t.afii57451 = 0x064b;
+ t.afii57452 = 0x064c;
+ t.afii57453 = 0x064d;
+ t.afii57454 = 0x064e;
+ t.afii57455 = 0x064f;
+ t.afii57456 = 0x0650;
+ t.afii57457 = 0x0651;
+ t.afii57458 = 0x0652;
+ t.afii57470 = 0x0647;
+ t.afii57505 = 0x06a4;
+ t.afii57506 = 0x067e;
+ t.afii57507 = 0x0686;
+ t.afii57508 = 0x0698;
+ t.afii57509 = 0x06af;
+ t.afii57511 = 0x0679;
+ t.afii57512 = 0x0688;
+ t.afii57513 = 0x0691;
+ t.afii57514 = 0x06ba;
+ t.afii57519 = 0x06d2;
+ t.afii57534 = 0x06d5;
+ t.afii57636 = 0x20aa;
+ t.afii57645 = 0x05be;
+ t.afii57658 = 0x05c3;
+ t.afii57664 = 0x05d0;
+ t.afii57665 = 0x05d1;
+ t.afii57666 = 0x05d2;
+ t.afii57667 = 0x05d3;
+ t.afii57668 = 0x05d4;
+ t.afii57669 = 0x05d5;
+ t.afii57670 = 0x05d6;
+ t.afii57671 = 0x05d7;
+ t.afii57672 = 0x05d8;
+ t.afii57673 = 0x05d9;
+ t.afii57674 = 0x05da;
+ t.afii57675 = 0x05db;
+ t.afii57676 = 0x05dc;
+ t.afii57677 = 0x05dd;
+ t.afii57678 = 0x05de;
+ t.afii57679 = 0x05df;
+ t.afii57680 = 0x05e0;
+ t.afii57681 = 0x05e1;
+ t.afii57682 = 0x05e2;
+ t.afii57683 = 0x05e3;
+ t.afii57684 = 0x05e4;
+ t.afii57685 = 0x05e5;
+ t.afii57686 = 0x05e6;
+ t.afii57687 = 0x05e7;
+ t.afii57688 = 0x05e8;
+ t.afii57689 = 0x05e9;
+ t.afii57690 = 0x05ea;
+ t.afii57694 = 0xfb2a;
+ t.afii57695 = 0xfb2b;
+ t.afii57700 = 0xfb4b;
+ t.afii57705 = 0xfb1f;
+ t.afii57716 = 0x05f0;
+ t.afii57717 = 0x05f1;
+ t.afii57718 = 0x05f2;
+ t.afii57723 = 0xfb35;
+ t.afii57793 = 0x05b4;
+ t.afii57794 = 0x05b5;
+ t.afii57795 = 0x05b6;
+ t.afii57796 = 0x05bb;
+ t.afii57797 = 0x05b8;
+ t.afii57798 = 0x05b7;
+ t.afii57799 = 0x05b0;
+ t.afii57800 = 0x05b2;
+ t.afii57801 = 0x05b1;
+ t.afii57802 = 0x05b3;
+ t.afii57803 = 0x05c2;
+ t.afii57804 = 0x05c1;
+ t.afii57806 = 0x05b9;
+ t.afii57807 = 0x05bc;
+ t.afii57839 = 0x05bd;
+ t.afii57841 = 0x05bf;
+ t.afii57842 = 0x05c0;
+ t.afii57929 = 0x02bc;
+ t.afii61248 = 0x2105;
+ t.afii61289 = 0x2113;
+ t.afii61352 = 0x2116;
+ t.afii61573 = 0x202c;
+ t.afii61574 = 0x202d;
+ t.afii61575 = 0x202e;
+ t.afii61664 = 0x200c;
+ t.afii63167 = 0x066d;
+ t.afii64937 = 0x02bd;
+ t.agrave = 0x00e0;
+ t.agujarati = 0x0a85;
+ t.agurmukhi = 0x0a05;
+ t.ahiragana = 0x3042;
+ t.ahookabove = 0x1ea3;
+ t.aibengali = 0x0990;
+ t.aibopomofo = 0x311e;
+ t.aideva = 0x0910;
+ t.aiecyrillic = 0x04d5;
+ t.aigujarati = 0x0a90;
+ t.aigurmukhi = 0x0a10;
+ t.aimatragurmukhi = 0x0a48;
+ t.ainarabic = 0x0639;
+ t.ainfinalarabic = 0xfeca;
+ t.aininitialarabic = 0xfecb;
+ t.ainmedialarabic = 0xfecc;
+ t.ainvertedbreve = 0x0203;
+ t.aivowelsignbengali = 0x09c8;
+ t.aivowelsigndeva = 0x0948;
+ t.aivowelsigngujarati = 0x0ac8;
+ t.akatakana = 0x30a2;
+ t.akatakanahalfwidth = 0xff71;
+ t.akorean = 0x314f;
+ t.alef = 0x05d0;
+ t.alefarabic = 0x0627;
+ t.alefdageshhebrew = 0xfb30;
+ t.aleffinalarabic = 0xfe8e;
+ t.alefhamzaabovearabic = 0x0623;
+ t.alefhamzaabovefinalarabic = 0xfe84;
+ t.alefhamzabelowarabic = 0x0625;
+ t.alefhamzabelowfinalarabic = 0xfe88;
+ t.alefhebrew = 0x05d0;
+ t.aleflamedhebrew = 0xfb4f;
+ t.alefmaddaabovearabic = 0x0622;
+ t.alefmaddaabovefinalarabic = 0xfe82;
+ t.alefmaksuraarabic = 0x0649;
+ t.alefmaksurafinalarabic = 0xfef0;
+ t.alefmaksurainitialarabic = 0xfef3;
+ t.alefmaksuramedialarabic = 0xfef4;
+ t.alefpatahhebrew = 0xfb2e;
+ t.alefqamatshebrew = 0xfb2f;
+ t.aleph = 0x2135;
+ t.allequal = 0x224c;
+ t.alpha = 0x03b1;
+ t.alphatonos = 0x03ac;
+ t.amacron = 0x0101;
+ t.amonospace = 0xff41;
+ t.ampersand = 0x0026;
+ t.ampersandmonospace = 0xff06;
+ t.ampersandsmall = 0xf726;
+ t.amsquare = 0x33c2;
+ t.anbopomofo = 0x3122;
+ t.angbopomofo = 0x3124;
+ t.angbracketleft = 0x3008;
+ t.angbracketright = 0x3009;
+ t.angkhankhuthai = 0x0e5a;
+ t.angle = 0x2220;
+ t.anglebracketleft = 0x3008;
+ t.anglebracketleftvertical = 0xfe3f;
+ t.anglebracketright = 0x3009;
+ t.anglebracketrightvertical = 0xfe40;
+ t.angleleft = 0x2329;
+ t.angleright = 0x232a;
+ t.angstrom = 0x212b;
+ t.anoteleia = 0x0387;
+ t.anudattadeva = 0x0952;
+ t.anusvarabengali = 0x0982;
+ t.anusvaradeva = 0x0902;
+ t.anusvaragujarati = 0x0a82;
+ t.aogonek = 0x0105;
+ t.apaatosquare = 0x3300;
+ t.aparen = 0x249c;
+ t.apostrophearmenian = 0x055a;
+ t.apostrophemod = 0x02bc;
+ t.apple = 0xf8ff;
+ t.approaches = 0x2250;
+ t.approxequal = 0x2248;
+ t.approxequalorimage = 0x2252;
+ t.approximatelyequal = 0x2245;
+ t.araeaekorean = 0x318e;
+ t.araeakorean = 0x318d;
+ t.arc = 0x2312;
+ t.arighthalfring = 0x1e9a;
+ t.aring = 0x00e5;
+ t.aringacute = 0x01fb;
+ t.aringbelow = 0x1e01;
+ t.arrowboth = 0x2194;
+ t.arrowdashdown = 0x21e3;
+ t.arrowdashleft = 0x21e0;
+ t.arrowdashright = 0x21e2;
+ t.arrowdashup = 0x21e1;
+ t.arrowdblboth = 0x21d4;
+ t.arrowdbldown = 0x21d3;
+ t.arrowdblleft = 0x21d0;
+ t.arrowdblright = 0x21d2;
+ t.arrowdblup = 0x21d1;
+ t.arrowdown = 0x2193;
+ t.arrowdownleft = 0x2199;
+ t.arrowdownright = 0x2198;
+ t.arrowdownwhite = 0x21e9;
+ t.arrowheaddownmod = 0x02c5;
+ t.arrowheadleftmod = 0x02c2;
+ t.arrowheadrightmod = 0x02c3;
+ t.arrowheadupmod = 0x02c4;
+ t.arrowhorizex = 0xf8e7;
+ t.arrowleft = 0x2190;
+ t.arrowleftdbl = 0x21d0;
+ t.arrowleftdblstroke = 0x21cd;
+ t.arrowleftoverright = 0x21c6;
+ t.arrowleftwhite = 0x21e6;
+ t.arrowright = 0x2192;
+ t.arrowrightdblstroke = 0x21cf;
+ t.arrowrightheavy = 0x279e;
+ t.arrowrightoverleft = 0x21c4;
+ t.arrowrightwhite = 0x21e8;
+ t.arrowtableft = 0x21e4;
+ t.arrowtabright = 0x21e5;
+ t.arrowup = 0x2191;
+ t.arrowupdn = 0x2195;
+ t.arrowupdnbse = 0x21a8;
+ t.arrowupdownbase = 0x21a8;
+ t.arrowupleft = 0x2196;
+ t.arrowupleftofdown = 0x21c5;
+ t.arrowupright = 0x2197;
+ t.arrowupwhite = 0x21e7;
+ t.arrowvertex = 0xf8e6;
+ t.asciicircum = 0x005e;
+ t.asciicircummonospace = 0xff3e;
+ t.asciitilde = 0x007e;
+ t.asciitildemonospace = 0xff5e;
+ t.ascript = 0x0251;
+ t.ascriptturned = 0x0252;
+ t.asmallhiragana = 0x3041;
+ t.asmallkatakana = 0x30a1;
+ t.asmallkatakanahalfwidth = 0xff67;
+ t.asterisk = 0x002a;
+ t.asteriskaltonearabic = 0x066d;
+ t.asteriskarabic = 0x066d;
+ t.asteriskmath = 0x2217;
+ t.asteriskmonospace = 0xff0a;
+ t.asterisksmall = 0xfe61;
+ t.asterism = 0x2042;
+ t.asuperior = 0xf6e9;
+ t.asymptoticallyequal = 0x2243;
+ t.at = 0x0040;
+ t.atilde = 0x00e3;
+ t.atmonospace = 0xff20;
+ t.atsmall = 0xfe6b;
+ t.aturned = 0x0250;
+ t.aubengali = 0x0994;
+ t.aubopomofo = 0x3120;
+ t.audeva = 0x0914;
+ t.augujarati = 0x0a94;
+ t.augurmukhi = 0x0a14;
+ t.aulengthmarkbengali = 0x09d7;
+ t.aumatragurmukhi = 0x0a4c;
+ t.auvowelsignbengali = 0x09cc;
+ t.auvowelsigndeva = 0x094c;
+ t.auvowelsigngujarati = 0x0acc;
+ t.avagrahadeva = 0x093d;
+ t.aybarmenian = 0x0561;
+ t.ayin = 0x05e2;
+ t.ayinaltonehebrew = 0xfb20;
+ t.ayinhebrew = 0x05e2;
+ t.b = 0x0062;
+ t.babengali = 0x09ac;
+ t.backslash = 0x005c;
+ t.backslashmonospace = 0xff3c;
+ t.badeva = 0x092c;
+ t.bagujarati = 0x0aac;
+ t.bagurmukhi = 0x0a2c;
+ t.bahiragana = 0x3070;
+ t.bahtthai = 0x0e3f;
+ t.bakatakana = 0x30d0;
+ t.bar = 0x007c;
+ t.barmonospace = 0xff5c;
+ t.bbopomofo = 0x3105;
+ t.bcircle = 0x24d1;
+ t.bdotaccent = 0x1e03;
+ t.bdotbelow = 0x1e05;
+ t.beamedsixteenthnotes = 0x266c;
+ t.because = 0x2235;
+ t.becyrillic = 0x0431;
+ t.beharabic = 0x0628;
+ t.behfinalarabic = 0xfe90;
+ t.behinitialarabic = 0xfe91;
+ t.behiragana = 0x3079;
+ t.behmedialarabic = 0xfe92;
+ t.behmeeminitialarabic = 0xfc9f;
+ t.behmeemisolatedarabic = 0xfc08;
+ t.behnoonfinalarabic = 0xfc6d;
+ t.bekatakana = 0x30d9;
+ t.benarmenian = 0x0562;
+ t.bet = 0x05d1;
+ t.beta = 0x03b2;
+ t.betasymbolgreek = 0x03d0;
+ t.betdagesh = 0xfb31;
+ t.betdageshhebrew = 0xfb31;
+ t.bethebrew = 0x05d1;
+ t.betrafehebrew = 0xfb4c;
+ t.bhabengali = 0x09ad;
+ t.bhadeva = 0x092d;
+ t.bhagujarati = 0x0aad;
+ t.bhagurmukhi = 0x0a2d;
+ t.bhook = 0x0253;
+ t.bihiragana = 0x3073;
+ t.bikatakana = 0x30d3;
+ t.bilabialclick = 0x0298;
+ t.bindigurmukhi = 0x0a02;
+ t.birusquare = 0x3331;
+ t.blackcircle = 0x25cf;
+ t.blackdiamond = 0x25c6;
+ t.blackdownpointingtriangle = 0x25bc;
+ t.blackleftpointingpointer = 0x25c4;
+ t.blackleftpointingtriangle = 0x25c0;
+ t.blacklenticularbracketleft = 0x3010;
+ t.blacklenticularbracketleftvertical = 0xfe3b;
+ t.blacklenticularbracketright = 0x3011;
+ t.blacklenticularbracketrightvertical = 0xfe3c;
+ t.blacklowerlefttriangle = 0x25e3;
+ t.blacklowerrighttriangle = 0x25e2;
+ t.blackrectangle = 0x25ac;
+ t.blackrightpointingpointer = 0x25ba;
+ t.blackrightpointingtriangle = 0x25b6;
+ t.blacksmallsquare = 0x25aa;
+ t.blacksmilingface = 0x263b;
+ t.blacksquare = 0x25a0;
+ t.blackstar = 0x2605;
+ t.blackupperlefttriangle = 0x25e4;
+ t.blackupperrighttriangle = 0x25e5;
+ t.blackuppointingsmalltriangle = 0x25b4;
+ t.blackuppointingtriangle = 0x25b2;
+ t.blank = 0x2423;
+ t.blinebelow = 0x1e07;
+ t.block = 0x2588;
+ t.bmonospace = 0xff42;
+ t.bobaimaithai = 0x0e1a;
+ t.bohiragana = 0x307c;
+ t.bokatakana = 0x30dc;
+ t.bparen = 0x249d;
+ t.bqsquare = 0x33c3;
+ t.braceex = 0xf8f4;
+ t.braceleft = 0x007b;
+ t.braceleftbt = 0xf8f3;
+ t.braceleftmid = 0xf8f2;
+ t.braceleftmonospace = 0xff5b;
+ t.braceleftsmall = 0xfe5b;
+ t.bracelefttp = 0xf8f1;
+ t.braceleftvertical = 0xfe37;
+ t.braceright = 0x007d;
+ t.bracerightbt = 0xf8fe;
+ t.bracerightmid = 0xf8fd;
+ t.bracerightmonospace = 0xff5d;
+ t.bracerightsmall = 0xfe5c;
+ t.bracerighttp = 0xf8fc;
+ t.bracerightvertical = 0xfe38;
+ t.bracketleft = 0x005b;
+ t.bracketleftbt = 0xf8f0;
+ t.bracketleftex = 0xf8ef;
+ t.bracketleftmonospace = 0xff3b;
+ t.bracketlefttp = 0xf8ee;
+ t.bracketright = 0x005d;
+ t.bracketrightbt = 0xf8fb;
+ t.bracketrightex = 0xf8fa;
+ t.bracketrightmonospace = 0xff3d;
+ t.bracketrighttp = 0xf8f9;
+ t.breve = 0x02d8;
+ t.brevebelowcmb = 0x032e;
+ t.brevecmb = 0x0306;
+ t.breveinvertedbelowcmb = 0x032f;
+ t.breveinvertedcmb = 0x0311;
+ t.breveinverteddoublecmb = 0x0361;
+ t.bridgebelowcmb = 0x032a;
+ t.bridgeinvertedbelowcmb = 0x033a;
+ t.brokenbar = 0x00a6;
+ t.bstroke = 0x0180;
+ t.bsuperior = 0xf6ea;
+ t.btopbar = 0x0183;
+ t.buhiragana = 0x3076;
+ t.bukatakana = 0x30d6;
+ t.bullet = 0x2022;
+ t.bulletinverse = 0x25d8;
+ t.bulletoperator = 0x2219;
+ t.bullseye = 0x25ce;
+ t.c = 0x0063;
+ t.caarmenian = 0x056e;
+ t.cabengali = 0x099a;
+ t.cacute = 0x0107;
+ t.cadeva = 0x091a;
+ t.cagujarati = 0x0a9a;
+ t.cagurmukhi = 0x0a1a;
+ t.calsquare = 0x3388;
+ t.candrabindubengali = 0x0981;
+ t.candrabinducmb = 0x0310;
+ t.candrabindudeva = 0x0901;
+ t.candrabindugujarati = 0x0a81;
+ t.capslock = 0x21ea;
+ t.careof = 0x2105;
+ t.caron = 0x02c7;
+ t.caronbelowcmb = 0x032c;
+ t.caroncmb = 0x030c;
+ t.carriagereturn = 0x21b5;
+ t.cbopomofo = 0x3118;
+ t.ccaron = 0x010d;
+ t.ccedilla = 0x00e7;
+ t.ccedillaacute = 0x1e09;
+ t.ccircle = 0x24d2;
+ t.ccircumflex = 0x0109;
+ t.ccurl = 0x0255;
+ t.cdot = 0x010b;
+ t.cdotaccent = 0x010b;
+ t.cdsquare = 0x33c5;
+ t.cedilla = 0x00b8;
+ t.cedillacmb = 0x0327;
+ t.cent = 0x00a2;
+ t.centigrade = 0x2103;
+ t.centinferior = 0xf6df;
+ t.centmonospace = 0xffe0;
+ t.centoldstyle = 0xf7a2;
+ t.centsuperior = 0xf6e0;
+ t.chaarmenian = 0x0579;
+ t.chabengali = 0x099b;
+ t.chadeva = 0x091b;
+ t.chagujarati = 0x0a9b;
+ t.chagurmukhi = 0x0a1b;
+ t.chbopomofo = 0x3114;
+ t.cheabkhasiancyrillic = 0x04bd;
+ t.checkmark = 0x2713;
+ t.checyrillic = 0x0447;
+ t.chedescenderabkhasiancyrillic = 0x04bf;
+ t.chedescendercyrillic = 0x04b7;
+ t.chedieresiscyrillic = 0x04f5;
+ t.cheharmenian = 0x0573;
+ t.chekhakassiancyrillic = 0x04cc;
+ t.cheverticalstrokecyrillic = 0x04b9;
+ t.chi = 0x03c7;
+ t.chieuchacirclekorean = 0x3277;
+ t.chieuchaparenkorean = 0x3217;
+ t.chieuchcirclekorean = 0x3269;
+ t.chieuchkorean = 0x314a;
+ t.chieuchparenkorean = 0x3209;
+ t.chochangthai = 0x0e0a;
+ t.chochanthai = 0x0e08;
+ t.chochingthai = 0x0e09;
+ t.chochoethai = 0x0e0c;
+ t.chook = 0x0188;
+ t.cieucacirclekorean = 0x3276;
+ t.cieucaparenkorean = 0x3216;
+ t.cieuccirclekorean = 0x3268;
+ t.cieuckorean = 0x3148;
+ t.cieucparenkorean = 0x3208;
+ t.cieucuparenkorean = 0x321c;
+ t.circle = 0x25cb;
+ t.circlecopyrt = 0x00a9;
+ t.circlemultiply = 0x2297;
+ t.circleot = 0x2299;
+ t.circleplus = 0x2295;
+ t.circlepostalmark = 0x3036;
+ t.circlewithlefthalfblack = 0x25d0;
+ t.circlewithrighthalfblack = 0x25d1;
+ t.circumflex = 0x02c6;
+ t.circumflexbelowcmb = 0x032d;
+ t.circumflexcmb = 0x0302;
+ t.clear = 0x2327;
+ t.clickalveolar = 0x01c2;
+ t.clickdental = 0x01c0;
+ t.clicklateral = 0x01c1;
+ t.clickretroflex = 0x01c3;
+ t.club = 0x2663;
+ t.clubsuitblack = 0x2663;
+ t.clubsuitwhite = 0x2667;
+ t.cmcubedsquare = 0x33a4;
+ t.cmonospace = 0xff43;
+ t.cmsquaredsquare = 0x33a0;
+ t.coarmenian = 0x0581;
+ t.colon = 0x003a;
+ t.colonmonetary = 0x20a1;
+ t.colonmonospace = 0xff1a;
+ t.colonsign = 0x20a1;
+ t.colonsmall = 0xfe55;
+ t.colontriangularhalfmod = 0x02d1;
+ t.colontriangularmod = 0x02d0;
+ t.comma = 0x002c;
+ t.commaabovecmb = 0x0313;
+ t.commaaboverightcmb = 0x0315;
+ t.commaaccent = 0xf6c3;
+ t.commaarabic = 0x060c;
+ t.commaarmenian = 0x055d;
+ t.commainferior = 0xf6e1;
+ t.commamonospace = 0xff0c;
+ t.commareversedabovecmb = 0x0314;
+ t.commareversedmod = 0x02bd;
+ t.commasmall = 0xfe50;
+ t.commasuperior = 0xf6e2;
+ t.commaturnedabovecmb = 0x0312;
+ t.commaturnedmod = 0x02bb;
+ t.compass = 0x263c;
+ t.congruent = 0x2245;
+ t.contourintegral = 0x222e;
+ t.control = 0x2303;
+ t.controlACK = 0x0006;
+ t.controlBEL = 0x0007;
+ t.controlBS = 0x0008;
+ t.controlCAN = 0x0018;
+ t.controlCR = 0x000d;
+ t.controlDC1 = 0x0011;
+ t.controlDC2 = 0x0012;
+ t.controlDC3 = 0x0013;
+ t.controlDC4 = 0x0014;
+ t.controlDEL = 0x007f;
+ t.controlDLE = 0x0010;
+ t.controlEM = 0x0019;
+ t.controlENQ = 0x0005;
+ t.controlEOT = 0x0004;
+ t.controlESC = 0x001b;
+ t.controlETB = 0x0017;
+ t.controlETX = 0x0003;
+ t.controlFF = 0x000c;
+ t.controlFS = 0x001c;
+ t.controlGS = 0x001d;
+ t.controlHT = 0x0009;
+ t.controlLF = 0x000a;
+ t.controlNAK = 0x0015;
+ t.controlNULL = 0x0000;
+ t.controlRS = 0x001e;
+ t.controlSI = 0x000f;
+ t.controlSO = 0x000e;
+ t.controlSOT = 0x0002;
+ t.controlSTX = 0x0001;
+ t.controlSUB = 0x001a;
+ t.controlSYN = 0x0016;
+ t.controlUS = 0x001f;
+ t.controlVT = 0x000b;
+ t.copyright = 0x00a9;
+ t.copyrightsans = 0xf8e9;
+ t.copyrightserif = 0xf6d9;
+ t.cornerbracketleft = 0x300c;
+ t.cornerbracketlefthalfwidth = 0xff62;
+ t.cornerbracketleftvertical = 0xfe41;
+ t.cornerbracketright = 0x300d;
+ t.cornerbracketrighthalfwidth = 0xff63;
+ t.cornerbracketrightvertical = 0xfe42;
+ t.corporationsquare = 0x337f;
+ t.cosquare = 0x33c7;
+ t.coverkgsquare = 0x33c6;
+ t.cparen = 0x249e;
+ t.cruzeiro = 0x20a2;
+ t.cstretched = 0x0297;
+ t.curlyand = 0x22cf;
+ t.curlyor = 0x22ce;
+ t.currency = 0x00a4;
+ t.cyrBreve = 0xf6d1;
+ t.cyrFlex = 0xf6d2;
+ t.cyrbreve = 0xf6d4;
+ t.cyrflex = 0xf6d5;
+ t.d = 0x0064;
+ t.daarmenian = 0x0564;
+ t.dabengali = 0x09a6;
+ t.dadarabic = 0x0636;
+ t.dadeva = 0x0926;
+ t.dadfinalarabic = 0xfebe;
+ t.dadinitialarabic = 0xfebf;
+ t.dadmedialarabic = 0xfec0;
+ t.dagesh = 0x05bc;
+ t.dageshhebrew = 0x05bc;
+ t.dagger = 0x2020;
+ t.daggerdbl = 0x2021;
+ t.dagujarati = 0x0aa6;
+ t.dagurmukhi = 0x0a26;
+ t.dahiragana = 0x3060;
+ t.dakatakana = 0x30c0;
+ t.dalarabic = 0x062f;
+ t.dalet = 0x05d3;
+ t.daletdagesh = 0xfb33;
+ t.daletdageshhebrew = 0xfb33;
+ t.dalethebrew = 0x05d3;
+ t.dalfinalarabic = 0xfeaa;
+ t.dammaarabic = 0x064f;
+ t.dammalowarabic = 0x064f;
+ t.dammatanaltonearabic = 0x064c;
+ t.dammatanarabic = 0x064c;
+ t.danda = 0x0964;
+ t.dargahebrew = 0x05a7;
+ t.dargalefthebrew = 0x05a7;
+ t.dasiapneumatacyrilliccmb = 0x0485;
+ t.dblGrave = 0xf6d3;
+ t.dblanglebracketleft = 0x300a;
+ t.dblanglebracketleftvertical = 0xfe3d;
+ t.dblanglebracketright = 0x300b;
+ t.dblanglebracketrightvertical = 0xfe3e;
+ t.dblarchinvertedbelowcmb = 0x032b;
+ t.dblarrowleft = 0x21d4;
+ t.dblarrowright = 0x21d2;
+ t.dbldanda = 0x0965;
+ t.dblgrave = 0xf6d6;
+ t.dblgravecmb = 0x030f;
+ t.dblintegral = 0x222c;
+ t.dbllowline = 0x2017;
+ t.dbllowlinecmb = 0x0333;
+ t.dbloverlinecmb = 0x033f;
+ t.dblprimemod = 0x02ba;
+ t.dblverticalbar = 0x2016;
+ t.dblverticallineabovecmb = 0x030e;
+ t.dbopomofo = 0x3109;
+ t.dbsquare = 0x33c8;
+ t.dcaron = 0x010f;
+ t.dcedilla = 0x1e11;
+ t.dcircle = 0x24d3;
+ t.dcircumflexbelow = 0x1e13;
+ t.dcroat = 0x0111;
+ t.ddabengali = 0x09a1;
+ t.ddadeva = 0x0921;
+ t.ddagujarati = 0x0aa1;
+ t.ddagurmukhi = 0x0a21;
+ t.ddalarabic = 0x0688;
+ t.ddalfinalarabic = 0xfb89;
+ t.dddhadeva = 0x095c;
+ t.ddhabengali = 0x09a2;
+ t.ddhadeva = 0x0922;
+ t.ddhagujarati = 0x0aa2;
+ t.ddhagurmukhi = 0x0a22;
+ t.ddotaccent = 0x1e0b;
+ t.ddotbelow = 0x1e0d;
+ t.decimalseparatorarabic = 0x066b;
+ t.decimalseparatorpersian = 0x066b;
+ t.decyrillic = 0x0434;
+ t.degree = 0x00b0;
+ t.dehihebrew = 0x05ad;
+ t.dehiragana = 0x3067;
+ t.deicoptic = 0x03ef;
+ t.dekatakana = 0x30c7;
+ t.deleteleft = 0x232b;
+ t.deleteright = 0x2326;
+ t.delta = 0x03b4;
+ t.deltaturned = 0x018d;
+ t.denominatorminusonenumeratorbengali = 0x09f8;
+ t.dezh = 0x02a4;
+ t.dhabengali = 0x09a7;
+ t.dhadeva = 0x0927;
+ t.dhagujarati = 0x0aa7;
+ t.dhagurmukhi = 0x0a27;
+ t.dhook = 0x0257;
+ t.dialytikatonos = 0x0385;
+ t.dialytikatonoscmb = 0x0344;
+ t.diamond = 0x2666;
+ t.diamondsuitwhite = 0x2662;
+ t.dieresis = 0x00a8;
+ t.dieresisacute = 0xf6d7;
+ t.dieresisbelowcmb = 0x0324;
+ t.dieresiscmb = 0x0308;
+ t.dieresisgrave = 0xf6d8;
+ t.dieresistonos = 0x0385;
+ t.dihiragana = 0x3062;
+ t.dikatakana = 0x30c2;
+ t.dittomark = 0x3003;
+ t.divide = 0x00f7;
+ t.divides = 0x2223;
+ t.divisionslash = 0x2215;
+ t.djecyrillic = 0x0452;
+ t.dkshade = 0x2593;
+ t.dlinebelow = 0x1e0f;
+ t.dlsquare = 0x3397;
+ t.dmacron = 0x0111;
+ t.dmonospace = 0xff44;
+ t.dnblock = 0x2584;
+ t.dochadathai = 0x0e0e;
+ t.dodekthai = 0x0e14;
+ t.dohiragana = 0x3069;
+ t.dokatakana = 0x30c9;
+ t.dollar = 0x0024;
+ t.dollarinferior = 0xf6e3;
+ t.dollarmonospace = 0xff04;
+ t.dollaroldstyle = 0xf724;
+ t.dollarsmall = 0xfe69;
+ t.dollarsuperior = 0xf6e4;
+ t.dong = 0x20ab;
+ t.dorusquare = 0x3326;
+ t.dotaccent = 0x02d9;
+ t.dotaccentcmb = 0x0307;
+ t.dotbelowcmb = 0x0323;
+ t.dotbelowcomb = 0x0323;
+ t.dotkatakana = 0x30fb;
+ t.dotlessi = 0x0131;
+ t.dotlessj = 0xf6be;
+ t.dotlessjstrokehook = 0x0284;
+ t.dotmath = 0x22c5;
+ t.dottedcircle = 0x25cc;
+ t.doubleyodpatah = 0xfb1f;
+ t.doubleyodpatahhebrew = 0xfb1f;
+ t.downtackbelowcmb = 0x031e;
+ t.downtackmod = 0x02d5;
+ t.dparen = 0x249f;
+ t.dsuperior = 0xf6eb;
+ t.dtail = 0x0256;
+ t.dtopbar = 0x018c;
+ t.duhiragana = 0x3065;
+ t.dukatakana = 0x30c5;
+ t.dz = 0x01f3;
+ t.dzaltone = 0x02a3;
+ t.dzcaron = 0x01c6;
+ t.dzcurl = 0x02a5;
+ t.dzeabkhasiancyrillic = 0x04e1;
+ t.dzecyrillic = 0x0455;
+ t.dzhecyrillic = 0x045f;
+ t.e = 0x0065;
+ t.eacute = 0x00e9;
+ t.earth = 0x2641;
+ t.ebengali = 0x098f;
+ t.ebopomofo = 0x311c;
+ t.ebreve = 0x0115;
+ t.ecandradeva = 0x090d;
+ t.ecandragujarati = 0x0a8d;
+ t.ecandravowelsigndeva = 0x0945;
+ t.ecandravowelsigngujarati = 0x0ac5;
+ t.ecaron = 0x011b;
+ t.ecedillabreve = 0x1e1d;
+ t.echarmenian = 0x0565;
+ t.echyiwnarmenian = 0x0587;
+ t.ecircle = 0x24d4;
+ t.ecircumflex = 0x00ea;
+ t.ecircumflexacute = 0x1ebf;
+ t.ecircumflexbelow = 0x1e19;
+ t.ecircumflexdotbelow = 0x1ec7;
+ t.ecircumflexgrave = 0x1ec1;
+ t.ecircumflexhookabove = 0x1ec3;
+ t.ecircumflextilde = 0x1ec5;
+ t.ecyrillic = 0x0454;
+ t.edblgrave = 0x0205;
+ t.edeva = 0x090f;
+ t.edieresis = 0x00eb;
+ t.edot = 0x0117;
+ t.edotaccent = 0x0117;
+ t.edotbelow = 0x1eb9;
+ t.eegurmukhi = 0x0a0f;
+ t.eematragurmukhi = 0x0a47;
+ t.efcyrillic = 0x0444;
+ t.egrave = 0x00e8;
+ t.egujarati = 0x0a8f;
+ t.eharmenian = 0x0567;
+ t.ehbopomofo = 0x311d;
+ t.ehiragana = 0x3048;
+ t.ehookabove = 0x1ebb;
+ t.eibopomofo = 0x311f;
+ t.eight = 0x0038;
+ t.eightarabic = 0x0668;
+ t.eightbengali = 0x09ee;
+ t.eightcircle = 0x2467;
+ t.eightcircleinversesansserif = 0x2791;
+ t.eightdeva = 0x096e;
+ t.eighteencircle = 0x2471;
+ t.eighteenparen = 0x2485;
+ t.eighteenperiod = 0x2499;
+ t.eightgujarati = 0x0aee;
+ t.eightgurmukhi = 0x0a6e;
+ t.eighthackarabic = 0x0668;
+ t.eighthangzhou = 0x3028;
+ t.eighthnotebeamed = 0x266b;
+ t.eightideographicparen = 0x3227;
+ t.eightinferior = 0x2088;
+ t.eightmonospace = 0xff18;
+ t.eightoldstyle = 0xf738;
+ t.eightparen = 0x247b;
+ t.eightperiod = 0x248f;
+ t.eightpersian = 0x06f8;
+ t.eightroman = 0x2177;
+ t.eightsuperior = 0x2078;
+ t.eightthai = 0x0e58;
+ t.einvertedbreve = 0x0207;
+ t.eiotifiedcyrillic = 0x0465;
+ t.ekatakana = 0x30a8;
+ t.ekatakanahalfwidth = 0xff74;
+ t.ekonkargurmukhi = 0x0a74;
+ t.ekorean = 0x3154;
+ t.elcyrillic = 0x043b;
+ t.element = 0x2208;
+ t.elevencircle = 0x246a;
+ t.elevenparen = 0x247e;
+ t.elevenperiod = 0x2492;
+ t.elevenroman = 0x217a;
+ t.ellipsis = 0x2026;
+ t.ellipsisvertical = 0x22ee;
+ t.emacron = 0x0113;
+ t.emacronacute = 0x1e17;
+ t.emacrongrave = 0x1e15;
+ t.emcyrillic = 0x043c;
+ t.emdash = 0x2014;
+ t.emdashvertical = 0xfe31;
+ t.emonospace = 0xff45;
+ t.emphasismarkarmenian = 0x055b;
+ t.emptyset = 0x2205;
+ t.enbopomofo = 0x3123;
+ t.encyrillic = 0x043d;
+ t.endash = 0x2013;
+ t.endashvertical = 0xfe32;
+ t.endescendercyrillic = 0x04a3;
+ t.eng = 0x014b;
+ t.engbopomofo = 0x3125;
+ t.enghecyrillic = 0x04a5;
+ t.enhookcyrillic = 0x04c8;
+ t.enspace = 0x2002;
+ t.eogonek = 0x0119;
+ t.eokorean = 0x3153;
+ t.eopen = 0x025b;
+ t.eopenclosed = 0x029a;
+ t.eopenreversed = 0x025c;
+ t.eopenreversedclosed = 0x025e;
+ t.eopenreversedhook = 0x025d;
+ t.eparen = 0x24a0;
+ t.epsilon = 0x03b5;
+ t.epsilontonos = 0x03ad;
+ t.equal = 0x003d;
+ t.equalmonospace = 0xff1d;
+ t.equalsmall = 0xfe66;
+ t.equalsuperior = 0x207c;
+ t.equivalence = 0x2261;
+ t.erbopomofo = 0x3126;
+ t.ercyrillic = 0x0440;
+ t.ereversed = 0x0258;
+ t.ereversedcyrillic = 0x044d;
+ t.escyrillic = 0x0441;
+ t.esdescendercyrillic = 0x04ab;
+ t.esh = 0x0283;
+ t.eshcurl = 0x0286;
+ t.eshortdeva = 0x090e;
+ t.eshortvowelsigndeva = 0x0946;
+ t.eshreversedloop = 0x01aa;
+ t.eshsquatreversed = 0x0285;
+ t.esmallhiragana = 0x3047;
+ t.esmallkatakana = 0x30a7;
+ t.esmallkatakanahalfwidth = 0xff6a;
+ t.estimated = 0x212e;
+ t.esuperior = 0xf6ec;
+ t.eta = 0x03b7;
+ t.etarmenian = 0x0568;
+ t.etatonos = 0x03ae;
+ t.eth = 0x00f0;
+ t.etilde = 0x1ebd;
+ t.etildebelow = 0x1e1b;
+ t.etnahtafoukhhebrew = 0x0591;
+ t.etnahtafoukhlefthebrew = 0x0591;
+ t.etnahtahebrew = 0x0591;
+ t.etnahtalefthebrew = 0x0591;
+ t.eturned = 0x01dd;
+ t.eukorean = 0x3161;
+ t.euro = 0x20ac;
+ t.evowelsignbengali = 0x09c7;
+ t.evowelsigndeva = 0x0947;
+ t.evowelsigngujarati = 0x0ac7;
+ t.exclam = 0x0021;
+ t.exclamarmenian = 0x055c;
+ t.exclamdbl = 0x203c;
+ t.exclamdown = 0x00a1;
+ t.exclamdownsmall = 0xf7a1;
+ t.exclammonospace = 0xff01;
+ t.exclamsmall = 0xf721;
+ t.existential = 0x2203;
+ t.ezh = 0x0292;
+ t.ezhcaron = 0x01ef;
+ t.ezhcurl = 0x0293;
+ t.ezhreversed = 0x01b9;
+ t.ezhtail = 0x01ba;
+ t.f = 0x0066;
+ t.fadeva = 0x095e;
+ t.fagurmukhi = 0x0a5e;
+ t.fahrenheit = 0x2109;
+ t.fathaarabic = 0x064e;
+ t.fathalowarabic = 0x064e;
+ t.fathatanarabic = 0x064b;
+ t.fbopomofo = 0x3108;
+ t.fcircle = 0x24d5;
+ t.fdotaccent = 0x1e1f;
+ t.feharabic = 0x0641;
+ t.feharmenian = 0x0586;
+ t.fehfinalarabic = 0xfed2;
+ t.fehinitialarabic = 0xfed3;
+ t.fehmedialarabic = 0xfed4;
+ t.feicoptic = 0x03e5;
+ t.female = 0x2640;
+ t.ff = 0xfb00;
+ t.f_f = 0xfb00;
+ t.ffi = 0xfb03;
+ t.f_f_i = 0xfb03;
+ t.ffl = 0xfb04;
+ t.f_f_l = 0xfb04;
+ t.fi = 0xfb01;
+ t.f_i = 0xfb01;
+ t.fifteencircle = 0x246e;
+ t.fifteenparen = 0x2482;
+ t.fifteenperiod = 0x2496;
+ t.figuredash = 0x2012;
+ t.filledbox = 0x25a0;
+ t.filledrect = 0x25ac;
+ t.finalkaf = 0x05da;
+ t.finalkafdagesh = 0xfb3a;
+ t.finalkafdageshhebrew = 0xfb3a;
+ t.finalkafhebrew = 0x05da;
+ t.finalmem = 0x05dd;
+ t.finalmemhebrew = 0x05dd;
+ t.finalnun = 0x05df;
+ t.finalnunhebrew = 0x05df;
+ t.finalpe = 0x05e3;
+ t.finalpehebrew = 0x05e3;
+ t.finaltsadi = 0x05e5;
+ t.finaltsadihebrew = 0x05e5;
+ t.firsttonechinese = 0x02c9;
+ t.fisheye = 0x25c9;
+ t.fitacyrillic = 0x0473;
+ t.five = 0x0035;
+ t.fivearabic = 0x0665;
+ t.fivebengali = 0x09eb;
+ t.fivecircle = 0x2464;
+ t.fivecircleinversesansserif = 0x278e;
+ t.fivedeva = 0x096b;
+ t.fiveeighths = 0x215d;
+ t.fivegujarati = 0x0aeb;
+ t.fivegurmukhi = 0x0a6b;
+ t.fivehackarabic = 0x0665;
+ t.fivehangzhou = 0x3025;
+ t.fiveideographicparen = 0x3224;
+ t.fiveinferior = 0x2085;
+ t.fivemonospace = 0xff15;
+ t.fiveoldstyle = 0xf735;
+ t.fiveparen = 0x2478;
+ t.fiveperiod = 0x248c;
+ t.fivepersian = 0x06f5;
+ t.fiveroman = 0x2174;
+ t.fivesuperior = 0x2075;
+ t.fivethai = 0x0e55;
+ t.fl = 0xfb02;
+ t.f_l = 0xfb02;
+ t.florin = 0x0192;
+ t.fmonospace = 0xff46;
+ t.fmsquare = 0x3399;
+ t.fofanthai = 0x0e1f;
+ t.fofathai = 0x0e1d;
+ t.fongmanthai = 0x0e4f;
+ t.forall = 0x2200;
+ t.four = 0x0034;
+ t.fourarabic = 0x0664;
+ t.fourbengali = 0x09ea;
+ t.fourcircle = 0x2463;
+ t.fourcircleinversesansserif = 0x278d;
+ t.fourdeva = 0x096a;
+ t.fourgujarati = 0x0aea;
+ t.fourgurmukhi = 0x0a6a;
+ t.fourhackarabic = 0x0664;
+ t.fourhangzhou = 0x3024;
+ t.fourideographicparen = 0x3223;
+ t.fourinferior = 0x2084;
+ t.fourmonospace = 0xff14;
+ t.fournumeratorbengali = 0x09f7;
+ t.fouroldstyle = 0xf734;
+ t.fourparen = 0x2477;
+ t.fourperiod = 0x248b;
+ t.fourpersian = 0x06f4;
+ t.fourroman = 0x2173;
+ t.foursuperior = 0x2074;
+ t.fourteencircle = 0x246d;
+ t.fourteenparen = 0x2481;
+ t.fourteenperiod = 0x2495;
+ t.fourthai = 0x0e54;
+ t.fourthtonechinese = 0x02cb;
+ t.fparen = 0x24a1;
+ t.fraction = 0x2044;
+ t.franc = 0x20a3;
+ t.g = 0x0067;
+ t.gabengali = 0x0997;
+ t.gacute = 0x01f5;
+ t.gadeva = 0x0917;
+ t.gafarabic = 0x06af;
+ t.gaffinalarabic = 0xfb93;
+ t.gafinitialarabic = 0xfb94;
+ t.gafmedialarabic = 0xfb95;
+ t.gagujarati = 0x0a97;
+ t.gagurmukhi = 0x0a17;
+ t.gahiragana = 0x304c;
+ t.gakatakana = 0x30ac;
+ t.gamma = 0x03b3;
+ t.gammalatinsmall = 0x0263;
+ t.gammasuperior = 0x02e0;
+ t.gangiacoptic = 0x03eb;
+ t.gbopomofo = 0x310d;
+ t.gbreve = 0x011f;
+ t.gcaron = 0x01e7;
+ t.gcedilla = 0x0123;
+ t.gcircle = 0x24d6;
+ t.gcircumflex = 0x011d;
+ t.gcommaaccent = 0x0123;
+ t.gdot = 0x0121;
+ t.gdotaccent = 0x0121;
+ t.gecyrillic = 0x0433;
+ t.gehiragana = 0x3052;
+ t.gekatakana = 0x30b2;
+ t.geometricallyequal = 0x2251;
+ t.gereshaccenthebrew = 0x059c;
+ t.gereshhebrew = 0x05f3;
+ t.gereshmuqdamhebrew = 0x059d;
+ t.germandbls = 0x00df;
+ t.gershayimaccenthebrew = 0x059e;
+ t.gershayimhebrew = 0x05f4;
+ t.getamark = 0x3013;
+ t.ghabengali = 0x0998;
+ t.ghadarmenian = 0x0572;
+ t.ghadeva = 0x0918;
+ t.ghagujarati = 0x0a98;
+ t.ghagurmukhi = 0x0a18;
+ t.ghainarabic = 0x063a;
+ t.ghainfinalarabic = 0xfece;
+ t.ghaininitialarabic = 0xfecf;
+ t.ghainmedialarabic = 0xfed0;
+ t.ghemiddlehookcyrillic = 0x0495;
+ t.ghestrokecyrillic = 0x0493;
+ t.gheupturncyrillic = 0x0491;
+ t.ghhadeva = 0x095a;
+ t.ghhagurmukhi = 0x0a5a;
+ t.ghook = 0x0260;
+ t.ghzsquare = 0x3393;
+ t.gihiragana = 0x304e;
+ t.gikatakana = 0x30ae;
+ t.gimarmenian = 0x0563;
+ t.gimel = 0x05d2;
+ t.gimeldagesh = 0xfb32;
+ t.gimeldageshhebrew = 0xfb32;
+ t.gimelhebrew = 0x05d2;
+ t.gjecyrillic = 0x0453;
+ t.glottalinvertedstroke = 0x01be;
+ t.glottalstop = 0x0294;
+ t.glottalstopinverted = 0x0296;
+ t.glottalstopmod = 0x02c0;
+ t.glottalstopreversed = 0x0295;
+ t.glottalstopreversedmod = 0x02c1;
+ t.glottalstopreversedsuperior = 0x02e4;
+ t.glottalstopstroke = 0x02a1;
+ t.glottalstopstrokereversed = 0x02a2;
+ t.gmacron = 0x1e21;
+ t.gmonospace = 0xff47;
+ t.gohiragana = 0x3054;
+ t.gokatakana = 0x30b4;
+ t.gparen = 0x24a2;
+ t.gpasquare = 0x33ac;
+ t.gradient = 0x2207;
+ t.grave = 0x0060;
+ t.gravebelowcmb = 0x0316;
+ t.gravecmb = 0x0300;
+ t.gravecomb = 0x0300;
+ t.gravedeva = 0x0953;
+ t.gravelowmod = 0x02ce;
+ t.gravemonospace = 0xff40;
+ t.gravetonecmb = 0x0340;
+ t.greater = 0x003e;
+ t.greaterequal = 0x2265;
+ t.greaterequalorless = 0x22db;
+ t.greatermonospace = 0xff1e;
+ t.greaterorequivalent = 0x2273;
+ t.greaterorless = 0x2277;
+ t.greateroverequal = 0x2267;
+ t.greatersmall = 0xfe65;
+ t.gscript = 0x0261;
+ t.gstroke = 0x01e5;
+ t.guhiragana = 0x3050;
+ t.guillemotleft = 0x00ab;
+ t.guillemotright = 0x00bb;
+ t.guilsinglleft = 0x2039;
+ t.guilsinglright = 0x203a;
+ t.gukatakana = 0x30b0;
+ t.guramusquare = 0x3318;
+ t.gysquare = 0x33c9;
+ t.h = 0x0068;
+ t.haabkhasiancyrillic = 0x04a9;
+ t.haaltonearabic = 0x06c1;
+ t.habengali = 0x09b9;
+ t.hadescendercyrillic = 0x04b3;
+ t.hadeva = 0x0939;
+ t.hagujarati = 0x0ab9;
+ t.hagurmukhi = 0x0a39;
+ t.haharabic = 0x062d;
+ t.hahfinalarabic = 0xfea2;
+ t.hahinitialarabic = 0xfea3;
+ t.hahiragana = 0x306f;
+ t.hahmedialarabic = 0xfea4;
+ t.haitusquare = 0x332a;
+ t.hakatakana = 0x30cf;
+ t.hakatakanahalfwidth = 0xff8a;
+ t.halantgurmukhi = 0x0a4d;
+ t.hamzaarabic = 0x0621;
+ t.hamzalowarabic = 0x0621;
+ t.hangulfiller = 0x3164;
+ t.hardsigncyrillic = 0x044a;
+ t.harpoonleftbarbup = 0x21bc;
+ t.harpoonrightbarbup = 0x21c0;
+ t.hasquare = 0x33ca;
+ t.hatafpatah = 0x05b2;
+ t.hatafpatah16 = 0x05b2;
+ t.hatafpatah23 = 0x05b2;
+ t.hatafpatah2f = 0x05b2;
+ t.hatafpatahhebrew = 0x05b2;
+ t.hatafpatahnarrowhebrew = 0x05b2;
+ t.hatafpatahquarterhebrew = 0x05b2;
+ t.hatafpatahwidehebrew = 0x05b2;
+ t.hatafqamats = 0x05b3;
+ t.hatafqamats1b = 0x05b3;
+ t.hatafqamats28 = 0x05b3;
+ t.hatafqamats34 = 0x05b3;
+ t.hatafqamatshebrew = 0x05b3;
+ t.hatafqamatsnarrowhebrew = 0x05b3;
+ t.hatafqamatsquarterhebrew = 0x05b3;
+ t.hatafqamatswidehebrew = 0x05b3;
+ t.hatafsegol = 0x05b1;
+ t.hatafsegol17 = 0x05b1;
+ t.hatafsegol24 = 0x05b1;
+ t.hatafsegol30 = 0x05b1;
+ t.hatafsegolhebrew = 0x05b1;
+ t.hatafsegolnarrowhebrew = 0x05b1;
+ t.hatafsegolquarterhebrew = 0x05b1;
+ t.hatafsegolwidehebrew = 0x05b1;
+ t.hbar = 0x0127;
+ t.hbopomofo = 0x310f;
+ t.hbrevebelow = 0x1e2b;
+ t.hcedilla = 0x1e29;
+ t.hcircle = 0x24d7;
+ t.hcircumflex = 0x0125;
+ t.hdieresis = 0x1e27;
+ t.hdotaccent = 0x1e23;
+ t.hdotbelow = 0x1e25;
+ t.he = 0x05d4;
+ t.heart = 0x2665;
+ t.heartsuitblack = 0x2665;
+ t.heartsuitwhite = 0x2661;
+ t.hedagesh = 0xfb34;
+ t.hedageshhebrew = 0xfb34;
+ t.hehaltonearabic = 0x06c1;
+ t.heharabic = 0x0647;
+ t.hehebrew = 0x05d4;
+ t.hehfinalaltonearabic = 0xfba7;
+ t.hehfinalalttwoarabic = 0xfeea;
+ t.hehfinalarabic = 0xfeea;
+ t.hehhamzaabovefinalarabic = 0xfba5;
+ t.hehhamzaaboveisolatedarabic = 0xfba4;
+ t.hehinitialaltonearabic = 0xfba8;
+ t.hehinitialarabic = 0xfeeb;
+ t.hehiragana = 0x3078;
+ t.hehmedialaltonearabic = 0xfba9;
+ t.hehmedialarabic = 0xfeec;
+ t.heiseierasquare = 0x337b;
+ t.hekatakana = 0x30d8;
+ t.hekatakanahalfwidth = 0xff8d;
+ t.hekutaarusquare = 0x3336;
+ t.henghook = 0x0267;
+ t.herutusquare = 0x3339;
+ t.het = 0x05d7;
+ t.hethebrew = 0x05d7;
+ t.hhook = 0x0266;
+ t.hhooksuperior = 0x02b1;
+ t.hieuhacirclekorean = 0x327b;
+ t.hieuhaparenkorean = 0x321b;
+ t.hieuhcirclekorean = 0x326d;
+ t.hieuhkorean = 0x314e;
+ t.hieuhparenkorean = 0x320d;
+ t.hihiragana = 0x3072;
+ t.hikatakana = 0x30d2;
+ t.hikatakanahalfwidth = 0xff8b;
+ t.hiriq = 0x05b4;
+ t.hiriq14 = 0x05b4;
+ t.hiriq21 = 0x05b4;
+ t.hiriq2d = 0x05b4;
+ t.hiriqhebrew = 0x05b4;
+ t.hiriqnarrowhebrew = 0x05b4;
+ t.hiriqquarterhebrew = 0x05b4;
+ t.hiriqwidehebrew = 0x05b4;
+ t.hlinebelow = 0x1e96;
+ t.hmonospace = 0xff48;
+ t.hoarmenian = 0x0570;
+ t.hohipthai = 0x0e2b;
+ t.hohiragana = 0x307b;
+ t.hokatakana = 0x30db;
+ t.hokatakanahalfwidth = 0xff8e;
+ t.holam = 0x05b9;
+ t.holam19 = 0x05b9;
+ t.holam26 = 0x05b9;
+ t.holam32 = 0x05b9;
+ t.holamhebrew = 0x05b9;
+ t.holamnarrowhebrew = 0x05b9;
+ t.holamquarterhebrew = 0x05b9;
+ t.holamwidehebrew = 0x05b9;
+ t.honokhukthai = 0x0e2e;
+ t.hookabovecomb = 0x0309;
+ t.hookcmb = 0x0309;
+ t.hookpalatalizedbelowcmb = 0x0321;
+ t.hookretroflexbelowcmb = 0x0322;
+ t.hoonsquare = 0x3342;
+ t.horicoptic = 0x03e9;
+ t.horizontalbar = 0x2015;
+ t.horncmb = 0x031b;
+ t.hotsprings = 0x2668;
+ t.house = 0x2302;
+ t.hparen = 0x24a3;
+ t.hsuperior = 0x02b0;
+ t.hturned = 0x0265;
+ t.huhiragana = 0x3075;
+ t.huiitosquare = 0x3333;
+ t.hukatakana = 0x30d5;
+ t.hukatakanahalfwidth = 0xff8c;
+ t.hungarumlaut = 0x02dd;
+ t.hungarumlautcmb = 0x030b;
+ t.hv = 0x0195;
+ t.hyphen = 0x002d;
+ t.hypheninferior = 0xf6e5;
+ t.hyphenmonospace = 0xff0d;
+ t.hyphensmall = 0xfe63;
+ t.hyphensuperior = 0xf6e6;
+ t.hyphentwo = 0x2010;
+ t.i = 0x0069;
+ t.iacute = 0x00ed;
+ t.iacyrillic = 0x044f;
+ t.ibengali = 0x0987;
+ t.ibopomofo = 0x3127;
+ t.ibreve = 0x012d;
+ t.icaron = 0x01d0;
+ t.icircle = 0x24d8;
+ t.icircumflex = 0x00ee;
+ t.icyrillic = 0x0456;
+ t.idblgrave = 0x0209;
+ t.ideographearthcircle = 0x328f;
+ t.ideographfirecircle = 0x328b;
+ t.ideographicallianceparen = 0x323f;
+ t.ideographiccallparen = 0x323a;
+ t.ideographiccentrecircle = 0x32a5;
+ t.ideographicclose = 0x3006;
+ t.ideographiccomma = 0x3001;
+ t.ideographiccommaleft = 0xff64;
+ t.ideographiccongratulationparen = 0x3237;
+ t.ideographiccorrectcircle = 0x32a3;
+ t.ideographicearthparen = 0x322f;
+ t.ideographicenterpriseparen = 0x323d;
+ t.ideographicexcellentcircle = 0x329d;
+ t.ideographicfestivalparen = 0x3240;
+ t.ideographicfinancialcircle = 0x3296;
+ t.ideographicfinancialparen = 0x3236;
+ t.ideographicfireparen = 0x322b;
+ t.ideographichaveparen = 0x3232;
+ t.ideographichighcircle = 0x32a4;
+ t.ideographiciterationmark = 0x3005;
+ t.ideographiclaborcircle = 0x3298;
+ t.ideographiclaborparen = 0x3238;
+ t.ideographicleftcircle = 0x32a7;
+ t.ideographiclowcircle = 0x32a6;
+ t.ideographicmedicinecircle = 0x32a9;
+ t.ideographicmetalparen = 0x322e;
+ t.ideographicmoonparen = 0x322a;
+ t.ideographicnameparen = 0x3234;
+ t.ideographicperiod = 0x3002;
+ t.ideographicprintcircle = 0x329e;
+ t.ideographicreachparen = 0x3243;
+ t.ideographicrepresentparen = 0x3239;
+ t.ideographicresourceparen = 0x323e;
+ t.ideographicrightcircle = 0x32a8;
+ t.ideographicsecretcircle = 0x3299;
+ t.ideographicselfparen = 0x3242;
+ t.ideographicsocietyparen = 0x3233;
+ t.ideographicspace = 0x3000;
+ t.ideographicspecialparen = 0x3235;
+ t.ideographicstockparen = 0x3231;
+ t.ideographicstudyparen = 0x323b;
+ t.ideographicsunparen = 0x3230;
+ t.ideographicsuperviseparen = 0x323c;
+ t.ideographicwaterparen = 0x322c;
+ t.ideographicwoodparen = 0x322d;
+ t.ideographiczero = 0x3007;
+ t.ideographmetalcircle = 0x328e;
+ t.ideographmooncircle = 0x328a;
+ t.ideographnamecircle = 0x3294;
+ t.ideographsuncircle = 0x3290;
+ t.ideographwatercircle = 0x328c;
+ t.ideographwoodcircle = 0x328d;
+ t.ideva = 0x0907;
+ t.idieresis = 0x00ef;
+ t.idieresisacute = 0x1e2f;
+ t.idieresiscyrillic = 0x04e5;
+ t.idotbelow = 0x1ecb;
+ t.iebrevecyrillic = 0x04d7;
+ t.iecyrillic = 0x0435;
+ t.ieungacirclekorean = 0x3275;
+ t.ieungaparenkorean = 0x3215;
+ t.ieungcirclekorean = 0x3267;
+ t.ieungkorean = 0x3147;
+ t.ieungparenkorean = 0x3207;
+ t.igrave = 0x00ec;
+ t.igujarati = 0x0a87;
+ t.igurmukhi = 0x0a07;
+ t.ihiragana = 0x3044;
+ t.ihookabove = 0x1ec9;
+ t.iibengali = 0x0988;
+ t.iicyrillic = 0x0438;
+ t.iideva = 0x0908;
+ t.iigujarati = 0x0a88;
+ t.iigurmukhi = 0x0a08;
+ t.iimatragurmukhi = 0x0a40;
+ t.iinvertedbreve = 0x020b;
+ t.iishortcyrillic = 0x0439;
+ t.iivowelsignbengali = 0x09c0;
+ t.iivowelsigndeva = 0x0940;
+ t.iivowelsigngujarati = 0x0ac0;
+ t.ij = 0x0133;
+ t.ikatakana = 0x30a4;
+ t.ikatakanahalfwidth = 0xff72;
+ t.ikorean = 0x3163;
+ t.ilde = 0x02dc;
+ t.iluyhebrew = 0x05ac;
+ t.imacron = 0x012b;
+ t.imacroncyrillic = 0x04e3;
+ t.imageorapproximatelyequal = 0x2253;
+ t.imatragurmukhi = 0x0a3f;
+ t.imonospace = 0xff49;
+ t.increment = 0x2206;
+ t.infinity = 0x221e;
+ t.iniarmenian = 0x056b;
+ t.integral = 0x222b;
+ t.integralbottom = 0x2321;
+ t.integralbt = 0x2321;
+ t.integralex = 0xf8f5;
+ t.integraltop = 0x2320;
+ t.integraltp = 0x2320;
+ t.intersection = 0x2229;
+ t.intisquare = 0x3305;
+ t.invbullet = 0x25d8;
+ t.invcircle = 0x25d9;
+ t.invsmileface = 0x263b;
+ t.iocyrillic = 0x0451;
+ t.iogonek = 0x012f;
+ t.iota = 0x03b9;
+ t.iotadieresis = 0x03ca;
+ t.iotadieresistonos = 0x0390;
+ t.iotalatin = 0x0269;
+ t.iotatonos = 0x03af;
+ t.iparen = 0x24a4;
+ t.irigurmukhi = 0x0a72;
+ t.ismallhiragana = 0x3043;
+ t.ismallkatakana = 0x30a3;
+ t.ismallkatakanahalfwidth = 0xff68;
+ t.issharbengali = 0x09fa;
+ t.istroke = 0x0268;
+ t.isuperior = 0xf6ed;
+ t.iterationhiragana = 0x309d;
+ t.iterationkatakana = 0x30fd;
+ t.itilde = 0x0129;
+ t.itildebelow = 0x1e2d;
+ t.iubopomofo = 0x3129;
+ t.iucyrillic = 0x044e;
+ t.ivowelsignbengali = 0x09bf;
+ t.ivowelsigndeva = 0x093f;
+ t.ivowelsigngujarati = 0x0abf;
+ t.izhitsacyrillic = 0x0475;
+ t.izhitsadblgravecyrillic = 0x0477;
+ t.j = 0x006a;
+ t.jaarmenian = 0x0571;
+ t.jabengali = 0x099c;
+ t.jadeva = 0x091c;
+ t.jagujarati = 0x0a9c;
+ t.jagurmukhi = 0x0a1c;
+ t.jbopomofo = 0x3110;
+ t.jcaron = 0x01f0;
+ t.jcircle = 0x24d9;
+ t.jcircumflex = 0x0135;
+ t.jcrossedtail = 0x029d;
+ t.jdotlessstroke = 0x025f;
+ t.jecyrillic = 0x0458;
+ t.jeemarabic = 0x062c;
+ t.jeemfinalarabic = 0xfe9e;
+ t.jeeminitialarabic = 0xfe9f;
+ t.jeemmedialarabic = 0xfea0;
+ t.jeharabic = 0x0698;
+ t.jehfinalarabic = 0xfb8b;
+ t.jhabengali = 0x099d;
+ t.jhadeva = 0x091d;
+ t.jhagujarati = 0x0a9d;
+ t.jhagurmukhi = 0x0a1d;
+ t.jheharmenian = 0x057b;
+ t.jis = 0x3004;
+ t.jmonospace = 0xff4a;
+ t.jparen = 0x24a5;
+ t.jsuperior = 0x02b2;
+ t.k = 0x006b;
+ t.kabashkircyrillic = 0x04a1;
+ t.kabengali = 0x0995;
+ t.kacute = 0x1e31;
+ t.kacyrillic = 0x043a;
+ t.kadescendercyrillic = 0x049b;
+ t.kadeva = 0x0915;
+ t.kaf = 0x05db;
+ t.kafarabic = 0x0643;
+ t.kafdagesh = 0xfb3b;
+ t.kafdageshhebrew = 0xfb3b;
+ t.kaffinalarabic = 0xfeda;
+ t.kafhebrew = 0x05db;
+ t.kafinitialarabic = 0xfedb;
+ t.kafmedialarabic = 0xfedc;
+ t.kafrafehebrew = 0xfb4d;
+ t.kagujarati = 0x0a95;
+ t.kagurmukhi = 0x0a15;
+ t.kahiragana = 0x304b;
+ t.kahookcyrillic = 0x04c4;
+ t.kakatakana = 0x30ab;
+ t.kakatakanahalfwidth = 0xff76;
+ t.kappa = 0x03ba;
+ t.kappasymbolgreek = 0x03f0;
+ t.kapyeounmieumkorean = 0x3171;
+ t.kapyeounphieuphkorean = 0x3184;
+ t.kapyeounpieupkorean = 0x3178;
+ t.kapyeounssangpieupkorean = 0x3179;
+ t.karoriisquare = 0x330d;
+ t.kashidaautoarabic = 0x0640;
+ t.kashidaautonosidebearingarabic = 0x0640;
+ t.kasmallkatakana = 0x30f5;
+ t.kasquare = 0x3384;
+ t.kasraarabic = 0x0650;
+ t.kasratanarabic = 0x064d;
+ t.kastrokecyrillic = 0x049f;
+ t.katahiraprolongmarkhalfwidth = 0xff70;
+ t.kaverticalstrokecyrillic = 0x049d;
+ t.kbopomofo = 0x310e;
+ t.kcalsquare = 0x3389;
+ t.kcaron = 0x01e9;
+ t.kcedilla = 0x0137;
+ t.kcircle = 0x24da;
+ t.kcommaaccent = 0x0137;
+ t.kdotbelow = 0x1e33;
+ t.keharmenian = 0x0584;
+ t.kehiragana = 0x3051;
+ t.kekatakana = 0x30b1;
+ t.kekatakanahalfwidth = 0xff79;
+ t.kenarmenian = 0x056f;
+ t.kesmallkatakana = 0x30f6;
+ t.kgreenlandic = 0x0138;
+ t.khabengali = 0x0996;
+ t.khacyrillic = 0x0445;
+ t.khadeva = 0x0916;
+ t.khagujarati = 0x0a96;
+ t.khagurmukhi = 0x0a16;
+ t.khaharabic = 0x062e;
+ t.khahfinalarabic = 0xfea6;
+ t.khahinitialarabic = 0xfea7;
+ t.khahmedialarabic = 0xfea8;
+ t.kheicoptic = 0x03e7;
+ t.khhadeva = 0x0959;
+ t.khhagurmukhi = 0x0a59;
+ t.khieukhacirclekorean = 0x3278;
+ t.khieukhaparenkorean = 0x3218;
+ t.khieukhcirclekorean = 0x326a;
+ t.khieukhkorean = 0x314b;
+ t.khieukhparenkorean = 0x320a;
+ t.khokhaithai = 0x0e02;
+ t.khokhonthai = 0x0e05;
+ t.khokhuatthai = 0x0e03;
+ t.khokhwaithai = 0x0e04;
+ t.khomutthai = 0x0e5b;
+ t.khook = 0x0199;
+ t.khorakhangthai = 0x0e06;
+ t.khzsquare = 0x3391;
+ t.kihiragana = 0x304d;
+ t.kikatakana = 0x30ad;
+ t.kikatakanahalfwidth = 0xff77;
+ t.kiroguramusquare = 0x3315;
+ t.kiromeetorusquare = 0x3316;
+ t.kirosquare = 0x3314;
+ t.kiyeokacirclekorean = 0x326e;
+ t.kiyeokaparenkorean = 0x320e;
+ t.kiyeokcirclekorean = 0x3260;
+ t.kiyeokkorean = 0x3131;
+ t.kiyeokparenkorean = 0x3200;
+ t.kiyeoksioskorean = 0x3133;
+ t.kjecyrillic = 0x045c;
+ t.klinebelow = 0x1e35;
+ t.klsquare = 0x3398;
+ t.kmcubedsquare = 0x33a6;
+ t.kmonospace = 0xff4b;
+ t.kmsquaredsquare = 0x33a2;
+ t.kohiragana = 0x3053;
+ t.kohmsquare = 0x33c0;
+ t.kokaithai = 0x0e01;
+ t.kokatakana = 0x30b3;
+ t.kokatakanahalfwidth = 0xff7a;
+ t.kooposquare = 0x331e;
+ t.koppacyrillic = 0x0481;
+ t.koreanstandardsymbol = 0x327f;
+ t.koroniscmb = 0x0343;
+ t.kparen = 0x24a6;
+ t.kpasquare = 0x33aa;
+ t.ksicyrillic = 0x046f;
+ t.ktsquare = 0x33cf;
+ t.kturned = 0x029e;
+ t.kuhiragana = 0x304f;
+ t.kukatakana = 0x30af;
+ t.kukatakanahalfwidth = 0xff78;
+ t.kvsquare = 0x33b8;
+ t.kwsquare = 0x33be;
+ t.l = 0x006c;
+ t.labengali = 0x09b2;
+ t.lacute = 0x013a;
+ t.ladeva = 0x0932;
+ t.lagujarati = 0x0ab2;
+ t.lagurmukhi = 0x0a32;
+ t.lakkhangyaothai = 0x0e45;
+ t.lamaleffinalarabic = 0xfefc;
+ t.lamalefhamzaabovefinalarabic = 0xfef8;
+ t.lamalefhamzaaboveisolatedarabic = 0xfef7;
+ t.lamalefhamzabelowfinalarabic = 0xfefa;
+ t.lamalefhamzabelowisolatedarabic = 0xfef9;
+ t.lamalefisolatedarabic = 0xfefb;
+ t.lamalefmaddaabovefinalarabic = 0xfef6;
+ t.lamalefmaddaaboveisolatedarabic = 0xfef5;
+ t.lamarabic = 0x0644;
+ t.lambda = 0x03bb;
+ t.lambdastroke = 0x019b;
+ t.lamed = 0x05dc;
+ t.lameddagesh = 0xfb3c;
+ t.lameddageshhebrew = 0xfb3c;
+ t.lamedhebrew = 0x05dc;
+ t.lamfinalarabic = 0xfede;
+ t.lamhahinitialarabic = 0xfcca;
+ t.laminitialarabic = 0xfedf;
+ t.lamjeeminitialarabic = 0xfcc9;
+ t.lamkhahinitialarabic = 0xfccb;
+ t.lamlamhehisolatedarabic = 0xfdf2;
+ t.lammedialarabic = 0xfee0;
+ t.lammeemhahinitialarabic = 0xfd88;
+ t.lammeeminitialarabic = 0xfccc;
+ t.largecircle = 0x25ef;
+ t.lbar = 0x019a;
+ t.lbelt = 0x026c;
+ t.lbopomofo = 0x310c;
+ t.lcaron = 0x013e;
+ t.lcedilla = 0x013c;
+ t.lcircle = 0x24db;
+ t.lcircumflexbelow = 0x1e3d;
+ t.lcommaaccent = 0x013c;
+ t.ldot = 0x0140;
+ t.ldotaccent = 0x0140;
+ t.ldotbelow = 0x1e37;
+ t.ldotbelowmacron = 0x1e39;
+ t.leftangleabovecmb = 0x031a;
+ t.lefttackbelowcmb = 0x0318;
+ t.less = 0x003c;
+ t.lessequal = 0x2264;
+ t.lessequalorgreater = 0x22da;
+ t.lessmonospace = 0xff1c;
+ t.lessorequivalent = 0x2272;
+ t.lessorgreater = 0x2276;
+ t.lessoverequal = 0x2266;
+ t.lesssmall = 0xfe64;
+ t.lezh = 0x026e;
+ t.lfblock = 0x258c;
+ t.lhookretroflex = 0x026d;
+ t.lira = 0x20a4;
+ t.liwnarmenian = 0x056c;
+ t.lj = 0x01c9;
+ t.ljecyrillic = 0x0459;
+ t.ll = 0xf6c0;
+ t.lladeva = 0x0933;
+ t.llagujarati = 0x0ab3;
+ t.llinebelow = 0x1e3b;
+ t.llladeva = 0x0934;
+ t.llvocalicbengali = 0x09e1;
+ t.llvocalicdeva = 0x0961;
+ t.llvocalicvowelsignbengali = 0x09e3;
+ t.llvocalicvowelsigndeva = 0x0963;
+ t.lmiddletilde = 0x026b;
+ t.lmonospace = 0xff4c;
+ t.lmsquare = 0x33d0;
+ t.lochulathai = 0x0e2c;
+ t.logicaland = 0x2227;
+ t.logicalnot = 0x00ac;
+ t.logicalnotreversed = 0x2310;
+ t.logicalor = 0x2228;
+ t.lolingthai = 0x0e25;
+ t.longs = 0x017f;
+ t.lowlinecenterline = 0xfe4e;
+ t.lowlinecmb = 0x0332;
+ t.lowlinedashed = 0xfe4d;
+ t.lozenge = 0x25ca;
+ t.lparen = 0x24a7;
+ t.lslash = 0x0142;
+ t.lsquare = 0x2113;
+ t.lsuperior = 0xf6ee;
+ t.ltshade = 0x2591;
+ t.luthai = 0x0e26;
+ t.lvocalicbengali = 0x098c;
+ t.lvocalicdeva = 0x090c;
+ t.lvocalicvowelsignbengali = 0x09e2;
+ t.lvocalicvowelsigndeva = 0x0962;
+ t.lxsquare = 0x33d3;
+ t.m = 0x006d;
+ t.mabengali = 0x09ae;
+ t.macron = 0x00af;
+ t.macronbelowcmb = 0x0331;
+ t.macroncmb = 0x0304;
+ t.macronlowmod = 0x02cd;
+ t.macronmonospace = 0xffe3;
+ t.macute = 0x1e3f;
+ t.madeva = 0x092e;
+ t.magujarati = 0x0aae;
+ t.magurmukhi = 0x0a2e;
+ t.mahapakhhebrew = 0x05a4;
+ t.mahapakhlefthebrew = 0x05a4;
+ t.mahiragana = 0x307e;
+ t.maichattawalowleftthai = 0xf895;
+ t.maichattawalowrightthai = 0xf894;
+ t.maichattawathai = 0x0e4b;
+ t.maichattawaupperleftthai = 0xf893;
+ t.maieklowleftthai = 0xf88c;
+ t.maieklowrightthai = 0xf88b;
+ t.maiekthai = 0x0e48;
+ t.maiekupperleftthai = 0xf88a;
+ t.maihanakatleftthai = 0xf884;
+ t.maihanakatthai = 0x0e31;
+ t.maitaikhuleftthai = 0xf889;
+ t.maitaikhuthai = 0x0e47;
+ t.maitholowleftthai = 0xf88f;
+ t.maitholowrightthai = 0xf88e;
+ t.maithothai = 0x0e49;
+ t.maithoupperleftthai = 0xf88d;
+ t.maitrilowleftthai = 0xf892;
+ t.maitrilowrightthai = 0xf891;
+ t.maitrithai = 0x0e4a;
+ t.maitriupperleftthai = 0xf890;
+ t.maiyamokthai = 0x0e46;
+ t.makatakana = 0x30de;
+ t.makatakanahalfwidth = 0xff8f;
+ t.male = 0x2642;
+ t.mansyonsquare = 0x3347;
+ t.maqafhebrew = 0x05be;
+ t.mars = 0x2642;
+ t.masoracirclehebrew = 0x05af;
+ t.masquare = 0x3383;
+ t.mbopomofo = 0x3107;
+ t.mbsquare = 0x33d4;
+ t.mcircle = 0x24dc;
+ t.mcubedsquare = 0x33a5;
+ t.mdotaccent = 0x1e41;
+ t.mdotbelow = 0x1e43;
+ t.meemarabic = 0x0645;
+ t.meemfinalarabic = 0xfee2;
+ t.meeminitialarabic = 0xfee3;
+ t.meemmedialarabic = 0xfee4;
+ t.meemmeeminitialarabic = 0xfcd1;
+ t.meemmeemisolatedarabic = 0xfc48;
+ t.meetorusquare = 0x334d;
+ t.mehiragana = 0x3081;
+ t.meizierasquare = 0x337e;
+ t.mekatakana = 0x30e1;
+ t.mekatakanahalfwidth = 0xff92;
+ t.mem = 0x05de;
+ t.memdagesh = 0xfb3e;
+ t.memdageshhebrew = 0xfb3e;
+ t.memhebrew = 0x05de;
+ t.menarmenian = 0x0574;
+ t.merkhahebrew = 0x05a5;
+ t.merkhakefulahebrew = 0x05a6;
+ t.merkhakefulalefthebrew = 0x05a6;
+ t.merkhalefthebrew = 0x05a5;
+ t.mhook = 0x0271;
+ t.mhzsquare = 0x3392;
+ t.middledotkatakanahalfwidth = 0xff65;
+ t.middot = 0x00b7;
+ t.mieumacirclekorean = 0x3272;
+ t.mieumaparenkorean = 0x3212;
+ t.mieumcirclekorean = 0x3264;
+ t.mieumkorean = 0x3141;
+ t.mieumpansioskorean = 0x3170;
+ t.mieumparenkorean = 0x3204;
+ t.mieumpieupkorean = 0x316e;
+ t.mieumsioskorean = 0x316f;
+ t.mihiragana = 0x307f;
+ t.mikatakana = 0x30df;
+ t.mikatakanahalfwidth = 0xff90;
+ t.minus = 0x2212;
+ t.minusbelowcmb = 0x0320;
+ t.minuscircle = 0x2296;
+ t.minusmod = 0x02d7;
+ t.minusplus = 0x2213;
+ t.minute = 0x2032;
+ t.miribaarusquare = 0x334a;
+ t.mirisquare = 0x3349;
+ t.mlonglegturned = 0x0270;
+ t.mlsquare = 0x3396;
+ t.mmcubedsquare = 0x33a3;
+ t.mmonospace = 0xff4d;
+ t.mmsquaredsquare = 0x339f;
+ t.mohiragana = 0x3082;
+ t.mohmsquare = 0x33c1;
+ t.mokatakana = 0x30e2;
+ t.mokatakanahalfwidth = 0xff93;
+ t.molsquare = 0x33d6;
+ t.momathai = 0x0e21;
+ t.moverssquare = 0x33a7;
+ t.moverssquaredsquare = 0x33a8;
+ t.mparen = 0x24a8;
+ t.mpasquare = 0x33ab;
+ t.mssquare = 0x33b3;
+ t.msuperior = 0xf6ef;
+ t.mturned = 0x026f;
+ t.mu = 0x00b5;
+ t.mu1 = 0x00b5;
+ t.muasquare = 0x3382;
+ t.muchgreater = 0x226b;
+ t.muchless = 0x226a;
+ t.mufsquare = 0x338c;
+ t.mugreek = 0x03bc;
+ t.mugsquare = 0x338d;
+ t.muhiragana = 0x3080;
+ t.mukatakana = 0x30e0;
+ t.mukatakanahalfwidth = 0xff91;
+ t.mulsquare = 0x3395;
+ t.multiply = 0x00d7;
+ t.mumsquare = 0x339b;
+ t.munahhebrew = 0x05a3;
+ t.munahlefthebrew = 0x05a3;
+ t.musicalnote = 0x266a;
+ t.musicalnotedbl = 0x266b;
+ t.musicflatsign = 0x266d;
+ t.musicsharpsign = 0x266f;
+ t.mussquare = 0x33b2;
+ t.muvsquare = 0x33b6;
+ t.muwsquare = 0x33bc;
+ t.mvmegasquare = 0x33b9;
+ t.mvsquare = 0x33b7;
+ t.mwmegasquare = 0x33bf;
+ t.mwsquare = 0x33bd;
+ t.n = 0x006e;
+ t.nabengali = 0x09a8;
+ t.nabla = 0x2207;
+ t.nacute = 0x0144;
+ t.nadeva = 0x0928;
+ t.nagujarati = 0x0aa8;
+ t.nagurmukhi = 0x0a28;
+ t.nahiragana = 0x306a;
+ t.nakatakana = 0x30ca;
+ t.nakatakanahalfwidth = 0xff85;
+ t.napostrophe = 0x0149;
+ t.nasquare = 0x3381;
+ t.nbopomofo = 0x310b;
+ t.nbspace = 0x00a0;
+ t.ncaron = 0x0148;
+ t.ncedilla = 0x0146;
+ t.ncircle = 0x24dd;
+ t.ncircumflexbelow = 0x1e4b;
+ t.ncommaaccent = 0x0146;
+ t.ndotaccent = 0x1e45;
+ t.ndotbelow = 0x1e47;
+ t.nehiragana = 0x306d;
+ t.nekatakana = 0x30cd;
+ t.nekatakanahalfwidth = 0xff88;
+ t.newsheqelsign = 0x20aa;
+ t.nfsquare = 0x338b;
+ t.ngabengali = 0x0999;
+ t.ngadeva = 0x0919;
+ t.ngagujarati = 0x0a99;
+ t.ngagurmukhi = 0x0a19;
+ t.ngonguthai = 0x0e07;
+ t.nhiragana = 0x3093;
+ t.nhookleft = 0x0272;
+ t.nhookretroflex = 0x0273;
+ t.nieunacirclekorean = 0x326f;
+ t.nieunaparenkorean = 0x320f;
+ t.nieuncieuckorean = 0x3135;
+ t.nieuncirclekorean = 0x3261;
+ t.nieunhieuhkorean = 0x3136;
+ t.nieunkorean = 0x3134;
+ t.nieunpansioskorean = 0x3168;
+ t.nieunparenkorean = 0x3201;
+ t.nieunsioskorean = 0x3167;
+ t.nieuntikeutkorean = 0x3166;
+ t.nihiragana = 0x306b;
+ t.nikatakana = 0x30cb;
+ t.nikatakanahalfwidth = 0xff86;
+ t.nikhahitleftthai = 0xf899;
+ t.nikhahitthai = 0x0e4d;
+ t.nine = 0x0039;
+ t.ninearabic = 0x0669;
+ t.ninebengali = 0x09ef;
+ t.ninecircle = 0x2468;
+ t.ninecircleinversesansserif = 0x2792;
+ t.ninedeva = 0x096f;
+ t.ninegujarati = 0x0aef;
+ t.ninegurmukhi = 0x0a6f;
+ t.ninehackarabic = 0x0669;
+ t.ninehangzhou = 0x3029;
+ t.nineideographicparen = 0x3228;
+ t.nineinferior = 0x2089;
+ t.ninemonospace = 0xff19;
+ t.nineoldstyle = 0xf739;
+ t.nineparen = 0x247c;
+ t.nineperiod = 0x2490;
+ t.ninepersian = 0x06f9;
+ t.nineroman = 0x2178;
+ t.ninesuperior = 0x2079;
+ t.nineteencircle = 0x2472;
+ t.nineteenparen = 0x2486;
+ t.nineteenperiod = 0x249a;
+ t.ninethai = 0x0e59;
+ t.nj = 0x01cc;
+ t.njecyrillic = 0x045a;
+ t.nkatakana = 0x30f3;
+ t.nkatakanahalfwidth = 0xff9d;
+ t.nlegrightlong = 0x019e;
+ t.nlinebelow = 0x1e49;
+ t.nmonospace = 0xff4e;
+ t.nmsquare = 0x339a;
+ t.nnabengali = 0x09a3;
+ t.nnadeva = 0x0923;
+ t.nnagujarati = 0x0aa3;
+ t.nnagurmukhi = 0x0a23;
+ t.nnnadeva = 0x0929;
+ t.nohiragana = 0x306e;
+ t.nokatakana = 0x30ce;
+ t.nokatakanahalfwidth = 0xff89;
+ t.nonbreakingspace = 0x00a0;
+ t.nonenthai = 0x0e13;
+ t.nonuthai = 0x0e19;
+ t.noonarabic = 0x0646;
+ t.noonfinalarabic = 0xfee6;
+ t.noonghunnaarabic = 0x06ba;
+ t.noonghunnafinalarabic = 0xfb9f;
+ t.nooninitialarabic = 0xfee7;
+ t.noonjeeminitialarabic = 0xfcd2;
+ t.noonjeemisolatedarabic = 0xfc4b;
+ t.noonmedialarabic = 0xfee8;
+ t.noonmeeminitialarabic = 0xfcd5;
+ t.noonmeemisolatedarabic = 0xfc4e;
+ t.noonnoonfinalarabic = 0xfc8d;
+ t.notcontains = 0x220c;
+ t.notelement = 0x2209;
+ t.notelementof = 0x2209;
+ t.notequal = 0x2260;
+ t.notgreater = 0x226f;
+ t.notgreaternorequal = 0x2271;
+ t.notgreaternorless = 0x2279;
+ t.notidentical = 0x2262;
+ t.notless = 0x226e;
+ t.notlessnorequal = 0x2270;
+ t.notparallel = 0x2226;
+ t.notprecedes = 0x2280;
+ t.notsubset = 0x2284;
+ t.notsucceeds = 0x2281;
+ t.notsuperset = 0x2285;
+ t.nowarmenian = 0x0576;
+ t.nparen = 0x24a9;
+ t.nssquare = 0x33b1;
+ t.nsuperior = 0x207f;
+ t.ntilde = 0x00f1;
+ t.nu = 0x03bd;
+ t.nuhiragana = 0x306c;
+ t.nukatakana = 0x30cc;
+ t.nukatakanahalfwidth = 0xff87;
+ t.nuktabengali = 0x09bc;
+ t.nuktadeva = 0x093c;
+ t.nuktagujarati = 0x0abc;
+ t.nuktagurmukhi = 0x0a3c;
+ t.numbersign = 0x0023;
+ t.numbersignmonospace = 0xff03;
+ t.numbersignsmall = 0xfe5f;
+ t.numeralsigngreek = 0x0374;
+ t.numeralsignlowergreek = 0x0375;
+ t.numero = 0x2116;
+ t.nun = 0x05e0;
+ t.nundagesh = 0xfb40;
+ t.nundageshhebrew = 0xfb40;
+ t.nunhebrew = 0x05e0;
+ t.nvsquare = 0x33b5;
+ t.nwsquare = 0x33bb;
+ t.nyabengali = 0x099e;
+ t.nyadeva = 0x091e;
+ t.nyagujarati = 0x0a9e;
+ t.nyagurmukhi = 0x0a1e;
+ t.o = 0x006f;
+ t.oacute = 0x00f3;
+ t.oangthai = 0x0e2d;
+ t.obarred = 0x0275;
+ t.obarredcyrillic = 0x04e9;
+ t.obarreddieresiscyrillic = 0x04eb;
+ t.obengali = 0x0993;
+ t.obopomofo = 0x311b;
+ t.obreve = 0x014f;
+ t.ocandradeva = 0x0911;
+ t.ocandragujarati = 0x0a91;
+ t.ocandravowelsigndeva = 0x0949;
+ t.ocandravowelsigngujarati = 0x0ac9;
+ t.ocaron = 0x01d2;
+ t.ocircle = 0x24de;
+ t.ocircumflex = 0x00f4;
+ t.ocircumflexacute = 0x1ed1;
+ t.ocircumflexdotbelow = 0x1ed9;
+ t.ocircumflexgrave = 0x1ed3;
+ t.ocircumflexhookabove = 0x1ed5;
+ t.ocircumflextilde = 0x1ed7;
+ t.ocyrillic = 0x043e;
+ t.odblacute = 0x0151;
+ t.odblgrave = 0x020d;
+ t.odeva = 0x0913;
+ t.odieresis = 0x00f6;
+ t.odieresiscyrillic = 0x04e7;
+ t.odotbelow = 0x1ecd;
+ t.oe = 0x0153;
+ t.oekorean = 0x315a;
+ t.ogonek = 0x02db;
+ t.ogonekcmb = 0x0328;
+ t.ograve = 0x00f2;
+ t.ogujarati = 0x0a93;
+ t.oharmenian = 0x0585;
+ t.ohiragana = 0x304a;
+ t.ohookabove = 0x1ecf;
+ t.ohorn = 0x01a1;
+ t.ohornacute = 0x1edb;
+ t.ohorndotbelow = 0x1ee3;
+ t.ohorngrave = 0x1edd;
+ t.ohornhookabove = 0x1edf;
+ t.ohorntilde = 0x1ee1;
+ t.ohungarumlaut = 0x0151;
+ t.oi = 0x01a3;
+ t.oinvertedbreve = 0x020f;
+ t.okatakana = 0x30aa;
+ t.okatakanahalfwidth = 0xff75;
+ t.okorean = 0x3157;
+ t.olehebrew = 0x05ab;
+ t.omacron = 0x014d;
+ t.omacronacute = 0x1e53;
+ t.omacrongrave = 0x1e51;
+ t.omdeva = 0x0950;
+ t.omega = 0x03c9;
+ t.omega1 = 0x03d6;
+ t.omegacyrillic = 0x0461;
+ t.omegalatinclosed = 0x0277;
+ t.omegaroundcyrillic = 0x047b;
+ t.omegatitlocyrillic = 0x047d;
+ t.omegatonos = 0x03ce;
+ t.omgujarati = 0x0ad0;
+ t.omicron = 0x03bf;
+ t.omicrontonos = 0x03cc;
+ t.omonospace = 0xff4f;
+ t.one = 0x0031;
+ t.onearabic = 0x0661;
+ t.onebengali = 0x09e7;
+ t.onecircle = 0x2460;
+ t.onecircleinversesansserif = 0x278a;
+ t.onedeva = 0x0967;
+ t.onedotenleader = 0x2024;
+ t.oneeighth = 0x215b;
+ t.onefitted = 0xf6dc;
+ t.onegujarati = 0x0ae7;
+ t.onegurmukhi = 0x0a67;
+ t.onehackarabic = 0x0661;
+ t.onehalf = 0x00bd;
+ t.onehangzhou = 0x3021;
+ t.oneideographicparen = 0x3220;
+ t.oneinferior = 0x2081;
+ t.onemonospace = 0xff11;
+ t.onenumeratorbengali = 0x09f4;
+ t.oneoldstyle = 0xf731;
+ t.oneparen = 0x2474;
+ t.oneperiod = 0x2488;
+ t.onepersian = 0x06f1;
+ t.onequarter = 0x00bc;
+ t.oneroman = 0x2170;
+ t.onesuperior = 0x00b9;
+ t.onethai = 0x0e51;
+ t.onethird = 0x2153;
+ t.oogonek = 0x01eb;
+ t.oogonekmacron = 0x01ed;
+ t.oogurmukhi = 0x0a13;
+ t.oomatragurmukhi = 0x0a4b;
+ t.oopen = 0x0254;
+ t.oparen = 0x24aa;
+ t.openbullet = 0x25e6;
+ t.option = 0x2325;
+ t.ordfeminine = 0x00aa;
+ t.ordmasculine = 0x00ba;
+ t.orthogonal = 0x221f;
+ t.oshortdeva = 0x0912;
+ t.oshortvowelsigndeva = 0x094a;
+ t.oslash = 0x00f8;
+ t.oslashacute = 0x01ff;
+ t.osmallhiragana = 0x3049;
+ t.osmallkatakana = 0x30a9;
+ t.osmallkatakanahalfwidth = 0xff6b;
+ t.ostrokeacute = 0x01ff;
+ t.osuperior = 0xf6f0;
+ t.otcyrillic = 0x047f;
+ t.otilde = 0x00f5;
+ t.otildeacute = 0x1e4d;
+ t.otildedieresis = 0x1e4f;
+ t.oubopomofo = 0x3121;
+ t.overline = 0x203e;
+ t.overlinecenterline = 0xfe4a;
+ t.overlinecmb = 0x0305;
+ t.overlinedashed = 0xfe49;
+ t.overlinedblwavy = 0xfe4c;
+ t.overlinewavy = 0xfe4b;
+ t.overscore = 0x00af;
+ t.ovowelsignbengali = 0x09cb;
+ t.ovowelsigndeva = 0x094b;
+ t.ovowelsigngujarati = 0x0acb;
+ t.p = 0x0070;
+ t.paampssquare = 0x3380;
+ t.paasentosquare = 0x332b;
+ t.pabengali = 0x09aa;
+ t.pacute = 0x1e55;
+ t.padeva = 0x092a;
+ t.pagedown = 0x21df;
+ t.pageup = 0x21de;
+ t.pagujarati = 0x0aaa;
+ t.pagurmukhi = 0x0a2a;
+ t.pahiragana = 0x3071;
+ t.paiyannoithai = 0x0e2f;
+ t.pakatakana = 0x30d1;
+ t.palatalizationcyrilliccmb = 0x0484;
+ t.palochkacyrillic = 0x04c0;
+ t.pansioskorean = 0x317f;
+ t.paragraph = 0x00b6;
+ t.parallel = 0x2225;
+ t.parenleft = 0x0028;
+ t.parenleftaltonearabic = 0xfd3e;
+ t.parenleftbt = 0xf8ed;
+ t.parenleftex = 0xf8ec;
+ t.parenleftinferior = 0x208d;
+ t.parenleftmonospace = 0xff08;
+ t.parenleftsmall = 0xfe59;
+ t.parenleftsuperior = 0x207d;
+ t.parenlefttp = 0xf8eb;
+ t.parenleftvertical = 0xfe35;
+ t.parenright = 0x0029;
+ t.parenrightaltonearabic = 0xfd3f;
+ t.parenrightbt = 0xf8f8;
+ t.parenrightex = 0xf8f7;
+ t.parenrightinferior = 0x208e;
+ t.parenrightmonospace = 0xff09;
+ t.parenrightsmall = 0xfe5a;
+ t.parenrightsuperior = 0x207e;
+ t.parenrighttp = 0xf8f6;
+ t.parenrightvertical = 0xfe36;
+ t.partialdiff = 0x2202;
+ t.paseqhebrew = 0x05c0;
+ t.pashtahebrew = 0x0599;
+ t.pasquare = 0x33a9;
+ t.patah = 0x05b7;
+ t.patah11 = 0x05b7;
+ t.patah1d = 0x05b7;
+ t.patah2a = 0x05b7;
+ t.patahhebrew = 0x05b7;
+ t.patahnarrowhebrew = 0x05b7;
+ t.patahquarterhebrew = 0x05b7;
+ t.patahwidehebrew = 0x05b7;
+ t.pazerhebrew = 0x05a1;
+ t.pbopomofo = 0x3106;
+ t.pcircle = 0x24df;
+ t.pdotaccent = 0x1e57;
+ t.pe = 0x05e4;
+ t.pecyrillic = 0x043f;
+ t.pedagesh = 0xfb44;
+ t.pedageshhebrew = 0xfb44;
+ t.peezisquare = 0x333b;
+ t.pefinaldageshhebrew = 0xfb43;
+ t.peharabic = 0x067e;
+ t.peharmenian = 0x057a;
+ t.pehebrew = 0x05e4;
+ t.pehfinalarabic = 0xfb57;
+ t.pehinitialarabic = 0xfb58;
+ t.pehiragana = 0x307a;
+ t.pehmedialarabic = 0xfb59;
+ t.pekatakana = 0x30da;
+ t.pemiddlehookcyrillic = 0x04a7;
+ t.perafehebrew = 0xfb4e;
+ t.percent = 0x0025;
+ t.percentarabic = 0x066a;
+ t.percentmonospace = 0xff05;
+ t.percentsmall = 0xfe6a;
+ t.period = 0x002e;
+ t.periodarmenian = 0x0589;
+ t.periodcentered = 0x00b7;
+ t.periodhalfwidth = 0xff61;
+ t.periodinferior = 0xf6e7;
+ t.periodmonospace = 0xff0e;
+ t.periodsmall = 0xfe52;
+ t.periodsuperior = 0xf6e8;
+ t.perispomenigreekcmb = 0x0342;
+ t.perpendicular = 0x22a5;
+ t.perthousand = 0x2030;
+ t.peseta = 0x20a7;
+ t.pfsquare = 0x338a;
+ t.phabengali = 0x09ab;
+ t.phadeva = 0x092b;
+ t.phagujarati = 0x0aab;
+ t.phagurmukhi = 0x0a2b;
+ t.phi = 0x03c6;
+ t.phi1 = 0x03d5;
+ t.phieuphacirclekorean = 0x327a;
+ t.phieuphaparenkorean = 0x321a;
+ t.phieuphcirclekorean = 0x326c;
+ t.phieuphkorean = 0x314d;
+ t.phieuphparenkorean = 0x320c;
+ t.philatin = 0x0278;
+ t.phinthuthai = 0x0e3a;
+ t.phisymbolgreek = 0x03d5;
+ t.phook = 0x01a5;
+ t.phophanthai = 0x0e1e;
+ t.phophungthai = 0x0e1c;
+ t.phosamphaothai = 0x0e20;
+ t.pi = 0x03c0;
+ t.pieupacirclekorean = 0x3273;
+ t.pieupaparenkorean = 0x3213;
+ t.pieupcieuckorean = 0x3176;
+ t.pieupcirclekorean = 0x3265;
+ t.pieupkiyeokkorean = 0x3172;
+ t.pieupkorean = 0x3142;
+ t.pieupparenkorean = 0x3205;
+ t.pieupsioskiyeokkorean = 0x3174;
+ t.pieupsioskorean = 0x3144;
+ t.pieupsiostikeutkorean = 0x3175;
+ t.pieupthieuthkorean = 0x3177;
+ t.pieuptikeutkorean = 0x3173;
+ t.pihiragana = 0x3074;
+ t.pikatakana = 0x30d4;
+ t.pisymbolgreek = 0x03d6;
+ t.piwrarmenian = 0x0583;
+ t.plus = 0x002b;
+ t.plusbelowcmb = 0x031f;
+ t.pluscircle = 0x2295;
+ t.plusminus = 0x00b1;
+ t.plusmod = 0x02d6;
+ t.plusmonospace = 0xff0b;
+ t.plussmall = 0xfe62;
+ t.plussuperior = 0x207a;
+ t.pmonospace = 0xff50;
+ t.pmsquare = 0x33d8;
+ t.pohiragana = 0x307d;
+ t.pointingindexdownwhite = 0x261f;
+ t.pointingindexleftwhite = 0x261c;
+ t.pointingindexrightwhite = 0x261e;
+ t.pointingindexupwhite = 0x261d;
+ t.pokatakana = 0x30dd;
+ t.poplathai = 0x0e1b;
+ t.postalmark = 0x3012;
+ t.postalmarkface = 0x3020;
+ t.pparen = 0x24ab;
+ t.precedes = 0x227a;
+ t.prescription = 0x211e;
+ t.primemod = 0x02b9;
+ t.primereversed = 0x2035;
+ t.product = 0x220f;
+ t.projective = 0x2305;
+ t.prolongedkana = 0x30fc;
+ t.propellor = 0x2318;
+ t.propersubset = 0x2282;
+ t.propersuperset = 0x2283;
+ t.proportion = 0x2237;
+ t.proportional = 0x221d;
+ t.psi = 0x03c8;
+ t.psicyrillic = 0x0471;
+ t.psilipneumatacyrilliccmb = 0x0486;
+ t.pssquare = 0x33b0;
+ t.puhiragana = 0x3077;
+ t.pukatakana = 0x30d7;
+ t.pvsquare = 0x33b4;
+ t.pwsquare = 0x33ba;
+ t.q = 0x0071;
+ t.qadeva = 0x0958;
+ t.qadmahebrew = 0x05a8;
+ t.qafarabic = 0x0642;
+ t.qaffinalarabic = 0xfed6;
+ t.qafinitialarabic = 0xfed7;
+ t.qafmedialarabic = 0xfed8;
+ t.qamats = 0x05b8;
+ t.qamats10 = 0x05b8;
+ t.qamats1a = 0x05b8;
+ t.qamats1c = 0x05b8;
+ t.qamats27 = 0x05b8;
+ t.qamats29 = 0x05b8;
+ t.qamats33 = 0x05b8;
+ t.qamatsde = 0x05b8;
+ t.qamatshebrew = 0x05b8;
+ t.qamatsnarrowhebrew = 0x05b8;
+ t.qamatsqatanhebrew = 0x05b8;
+ t.qamatsqatannarrowhebrew = 0x05b8;
+ t.qamatsqatanquarterhebrew = 0x05b8;
+ t.qamatsqatanwidehebrew = 0x05b8;
+ t.qamatsquarterhebrew = 0x05b8;
+ t.qamatswidehebrew = 0x05b8;
+ t.qarneyparahebrew = 0x059f;
+ t.qbopomofo = 0x3111;
+ t.qcircle = 0x24e0;
+ t.qhook = 0x02a0;
+ t.qmonospace = 0xff51;
+ t.qof = 0x05e7;
+ t.qofdagesh = 0xfb47;
+ t.qofdageshhebrew = 0xfb47;
+ t.qofhebrew = 0x05e7;
+ t.qparen = 0x24ac;
+ t.quarternote = 0x2669;
+ t.qubuts = 0x05bb;
+ t.qubuts18 = 0x05bb;
+ t.qubuts25 = 0x05bb;
+ t.qubuts31 = 0x05bb;
+ t.qubutshebrew = 0x05bb;
+ t.qubutsnarrowhebrew = 0x05bb;
+ t.qubutsquarterhebrew = 0x05bb;
+ t.qubutswidehebrew = 0x05bb;
+ t.question = 0x003f;
+ t.questionarabic = 0x061f;
+ t.questionarmenian = 0x055e;
+ t.questiondown = 0x00bf;
+ t.questiondownsmall = 0xf7bf;
+ t.questiongreek = 0x037e;
+ t.questionmonospace = 0xff1f;
+ t.questionsmall = 0xf73f;
+ t.quotedbl = 0x0022;
+ t.quotedblbase = 0x201e;
+ t.quotedblleft = 0x201c;
+ t.quotedblmonospace = 0xff02;
+ t.quotedblprime = 0x301e;
+ t.quotedblprimereversed = 0x301d;
+ t.quotedblright = 0x201d;
+ t.quoteleft = 0x2018;
+ t.quoteleftreversed = 0x201b;
+ t.quotereversed = 0x201b;
+ t.quoteright = 0x2019;
+ t.quoterightn = 0x0149;
+ t.quotesinglbase = 0x201a;
+ t.quotesingle = 0x0027;
+ t.quotesinglemonospace = 0xff07;
+ t.r = 0x0072;
+ t.raarmenian = 0x057c;
+ t.rabengali = 0x09b0;
+ t.racute = 0x0155;
+ t.radeva = 0x0930;
+ t.radical = 0x221a;
+ t.radicalex = 0xf8e5;
+ t.radoverssquare = 0x33ae;
+ t.radoverssquaredsquare = 0x33af;
+ t.radsquare = 0x33ad;
+ t.rafe = 0x05bf;
+ t.rafehebrew = 0x05bf;
+ t.ragujarati = 0x0ab0;
+ t.ragurmukhi = 0x0a30;
+ t.rahiragana = 0x3089;
+ t.rakatakana = 0x30e9;
+ t.rakatakanahalfwidth = 0xff97;
+ t.ralowerdiagonalbengali = 0x09f1;
+ t.ramiddlediagonalbengali = 0x09f0;
+ t.ramshorn = 0x0264;
+ t.ratio = 0x2236;
+ t.rbopomofo = 0x3116;
+ t.rcaron = 0x0159;
+ t.rcedilla = 0x0157;
+ t.rcircle = 0x24e1;
+ t.rcommaaccent = 0x0157;
+ t.rdblgrave = 0x0211;
+ t.rdotaccent = 0x1e59;
+ t.rdotbelow = 0x1e5b;
+ t.rdotbelowmacron = 0x1e5d;
+ t.referencemark = 0x203b;
+ t.reflexsubset = 0x2286;
+ t.reflexsuperset = 0x2287;
+ t.registered = 0x00ae;
+ t.registersans = 0xf8e8;
+ t.registerserif = 0xf6da;
+ t.reharabic = 0x0631;
+ t.reharmenian = 0x0580;
+ t.rehfinalarabic = 0xfeae;
+ t.rehiragana = 0x308c;
+ t.rekatakana = 0x30ec;
+ t.rekatakanahalfwidth = 0xff9a;
+ t.resh = 0x05e8;
+ t.reshdageshhebrew = 0xfb48;
+ t.reshhebrew = 0x05e8;
+ t.reversedtilde = 0x223d;
+ t.reviahebrew = 0x0597;
+ t.reviamugrashhebrew = 0x0597;
+ t.revlogicalnot = 0x2310;
+ t.rfishhook = 0x027e;
+ t.rfishhookreversed = 0x027f;
+ t.rhabengali = 0x09dd;
+ t.rhadeva = 0x095d;
+ t.rho = 0x03c1;
+ t.rhook = 0x027d;
+ t.rhookturned = 0x027b;
+ t.rhookturnedsuperior = 0x02b5;
+ t.rhosymbolgreek = 0x03f1;
+ t.rhotichookmod = 0x02de;
+ t.rieulacirclekorean = 0x3271;
+ t.rieulaparenkorean = 0x3211;
+ t.rieulcirclekorean = 0x3263;
+ t.rieulhieuhkorean = 0x3140;
+ t.rieulkiyeokkorean = 0x313a;
+ t.rieulkiyeoksioskorean = 0x3169;
+ t.rieulkorean = 0x3139;
+ t.rieulmieumkorean = 0x313b;
+ t.rieulpansioskorean = 0x316c;
+ t.rieulparenkorean = 0x3203;
+ t.rieulphieuphkorean = 0x313f;
+ t.rieulpieupkorean = 0x313c;
+ t.rieulpieupsioskorean = 0x316b;
+ t.rieulsioskorean = 0x313d;
+ t.rieulthieuthkorean = 0x313e;
+ t.rieultikeutkorean = 0x316a;
+ t.rieulyeorinhieuhkorean = 0x316d;
+ t.rightangle = 0x221f;
+ t.righttackbelowcmb = 0x0319;
+ t.righttriangle = 0x22bf;
+ t.rihiragana = 0x308a;
+ t.rikatakana = 0x30ea;
+ t.rikatakanahalfwidth = 0xff98;
+ t.ring = 0x02da;
+ t.ringbelowcmb = 0x0325;
+ t.ringcmb = 0x030a;
+ t.ringhalfleft = 0x02bf;
+ t.ringhalfleftarmenian = 0x0559;
+ t.ringhalfleftbelowcmb = 0x031c;
+ t.ringhalfleftcentered = 0x02d3;
+ t.ringhalfright = 0x02be;
+ t.ringhalfrightbelowcmb = 0x0339;
+ t.ringhalfrightcentered = 0x02d2;
+ t.rinvertedbreve = 0x0213;
+ t.rittorusquare = 0x3351;
+ t.rlinebelow = 0x1e5f;
+ t.rlongleg = 0x027c;
+ t.rlonglegturned = 0x027a;
+ t.rmonospace = 0xff52;
+ t.rohiragana = 0x308d;
+ t.rokatakana = 0x30ed;
+ t.rokatakanahalfwidth = 0xff9b;
+ t.roruathai = 0x0e23;
+ t.rparen = 0x24ad;
+ t.rrabengali = 0x09dc;
+ t.rradeva = 0x0931;
+ t.rragurmukhi = 0x0a5c;
+ t.rreharabic = 0x0691;
+ t.rrehfinalarabic = 0xfb8d;
+ t.rrvocalicbengali = 0x09e0;
+ t.rrvocalicdeva = 0x0960;
+ t.rrvocalicgujarati = 0x0ae0;
+ t.rrvocalicvowelsignbengali = 0x09c4;
+ t.rrvocalicvowelsigndeva = 0x0944;
+ t.rrvocalicvowelsigngujarati = 0x0ac4;
+ t.rsuperior = 0xf6f1;
+ t.rtblock = 0x2590;
+ t.rturned = 0x0279;
+ t.rturnedsuperior = 0x02b4;
+ t.ruhiragana = 0x308b;
+ t.rukatakana = 0x30eb;
+ t.rukatakanahalfwidth = 0xff99;
+ t.rupeemarkbengali = 0x09f2;
+ t.rupeesignbengali = 0x09f3;
+ t.rupiah = 0xf6dd;
+ t.ruthai = 0x0e24;
+ t.rvocalicbengali = 0x098b;
+ t.rvocalicdeva = 0x090b;
+ t.rvocalicgujarati = 0x0a8b;
+ t.rvocalicvowelsignbengali = 0x09c3;
+ t.rvocalicvowelsigndeva = 0x0943;
+ t.rvocalicvowelsigngujarati = 0x0ac3;
+ t.s = 0x0073;
+ t.sabengali = 0x09b8;
+ t.sacute = 0x015b;
+ t.sacutedotaccent = 0x1e65;
+ t.sadarabic = 0x0635;
+ t.sadeva = 0x0938;
+ t.sadfinalarabic = 0xfeba;
+ t.sadinitialarabic = 0xfebb;
+ t.sadmedialarabic = 0xfebc;
+ t.sagujarati = 0x0ab8;
+ t.sagurmukhi = 0x0a38;
+ t.sahiragana = 0x3055;
+ t.sakatakana = 0x30b5;
+ t.sakatakanahalfwidth = 0xff7b;
+ t.sallallahoualayhewasallamarabic = 0xfdfa;
+ t.samekh = 0x05e1;
+ t.samekhdagesh = 0xfb41;
+ t.samekhdageshhebrew = 0xfb41;
+ t.samekhhebrew = 0x05e1;
+ t.saraaathai = 0x0e32;
+ t.saraaethai = 0x0e41;
+ t.saraaimaimalaithai = 0x0e44;
+ t.saraaimaimuanthai = 0x0e43;
+ t.saraamthai = 0x0e33;
+ t.saraathai = 0x0e30;
+ t.saraethai = 0x0e40;
+ t.saraiileftthai = 0xf886;
+ t.saraiithai = 0x0e35;
+ t.saraileftthai = 0xf885;
+ t.saraithai = 0x0e34;
+ t.saraothai = 0x0e42;
+ t.saraueeleftthai = 0xf888;
+ t.saraueethai = 0x0e37;
+ t.saraueleftthai = 0xf887;
+ t.sarauethai = 0x0e36;
+ t.sarauthai = 0x0e38;
+ t.sarauuthai = 0x0e39;
+ t.sbopomofo = 0x3119;
+ t.scaron = 0x0161;
+ t.scarondotaccent = 0x1e67;
+ t.scedilla = 0x015f;
+ t.schwa = 0x0259;
+ t.schwacyrillic = 0x04d9;
+ t.schwadieresiscyrillic = 0x04db;
+ t.schwahook = 0x025a;
+ t.scircle = 0x24e2;
+ t.scircumflex = 0x015d;
+ t.scommaaccent = 0x0219;
+ t.sdotaccent = 0x1e61;
+ t.sdotbelow = 0x1e63;
+ t.sdotbelowdotaccent = 0x1e69;
+ t.seagullbelowcmb = 0x033c;
+ t.second = 0x2033;
+ t.secondtonechinese = 0x02ca;
+ t.section = 0x00a7;
+ t.seenarabic = 0x0633;
+ t.seenfinalarabic = 0xfeb2;
+ t.seeninitialarabic = 0xfeb3;
+ t.seenmedialarabic = 0xfeb4;
+ t.segol = 0x05b6;
+ t.segol13 = 0x05b6;
+ t.segol1f = 0x05b6;
+ t.segol2c = 0x05b6;
+ t.segolhebrew = 0x05b6;
+ t.segolnarrowhebrew = 0x05b6;
+ t.segolquarterhebrew = 0x05b6;
+ t.segoltahebrew = 0x0592;
+ t.segolwidehebrew = 0x05b6;
+ t.seharmenian = 0x057d;
+ t.sehiragana = 0x305b;
+ t.sekatakana = 0x30bb;
+ t.sekatakanahalfwidth = 0xff7e;
+ t.semicolon = 0x003b;
+ t.semicolonarabic = 0x061b;
+ t.semicolonmonospace = 0xff1b;
+ t.semicolonsmall = 0xfe54;
+ t.semivoicedmarkkana = 0x309c;
+ t.semivoicedmarkkanahalfwidth = 0xff9f;
+ t.sentisquare = 0x3322;
+ t.sentosquare = 0x3323;
+ t.seven = 0x0037;
+ t.sevenarabic = 0x0667;
+ t.sevenbengali = 0x09ed;
+ t.sevencircle = 0x2466;
+ t.sevencircleinversesansserif = 0x2790;
+ t.sevendeva = 0x096d;
+ t.seveneighths = 0x215e;
+ t.sevengujarati = 0x0aed;
+ t.sevengurmukhi = 0x0a6d;
+ t.sevenhackarabic = 0x0667;
+ t.sevenhangzhou = 0x3027;
+ t.sevenideographicparen = 0x3226;
+ t.seveninferior = 0x2087;
+ t.sevenmonospace = 0xff17;
+ t.sevenoldstyle = 0xf737;
+ t.sevenparen = 0x247a;
+ t.sevenperiod = 0x248e;
+ t.sevenpersian = 0x06f7;
+ t.sevenroman = 0x2176;
+ t.sevensuperior = 0x2077;
+ t.seventeencircle = 0x2470;
+ t.seventeenparen = 0x2484;
+ t.seventeenperiod = 0x2498;
+ t.seventhai = 0x0e57;
+ t.sfthyphen = 0x00ad;
+ t.shaarmenian = 0x0577;
+ t.shabengali = 0x09b6;
+ t.shacyrillic = 0x0448;
+ t.shaddaarabic = 0x0651;
+ t.shaddadammaarabic = 0xfc61;
+ t.shaddadammatanarabic = 0xfc5e;
+ t.shaddafathaarabic = 0xfc60;
+ t.shaddakasraarabic = 0xfc62;
+ t.shaddakasratanarabic = 0xfc5f;
+ t.shade = 0x2592;
+ t.shadedark = 0x2593;
+ t.shadelight = 0x2591;
+ t.shademedium = 0x2592;
+ t.shadeva = 0x0936;
+ t.shagujarati = 0x0ab6;
+ t.shagurmukhi = 0x0a36;
+ t.shalshelethebrew = 0x0593;
+ t.shbopomofo = 0x3115;
+ t.shchacyrillic = 0x0449;
+ t.sheenarabic = 0x0634;
+ t.sheenfinalarabic = 0xfeb6;
+ t.sheeninitialarabic = 0xfeb7;
+ t.sheenmedialarabic = 0xfeb8;
+ t.sheicoptic = 0x03e3;
+ t.sheqel = 0x20aa;
+ t.sheqelhebrew = 0x20aa;
+ t.sheva = 0x05b0;
+ t.sheva115 = 0x05b0;
+ t.sheva15 = 0x05b0;
+ t.sheva22 = 0x05b0;
+ t.sheva2e = 0x05b0;
+ t.shevahebrew = 0x05b0;
+ t.shevanarrowhebrew = 0x05b0;
+ t.shevaquarterhebrew = 0x05b0;
+ t.shevawidehebrew = 0x05b0;
+ t.shhacyrillic = 0x04bb;
+ t.shimacoptic = 0x03ed;
+ t.shin = 0x05e9;
+ t.shindagesh = 0xfb49;
+ t.shindageshhebrew = 0xfb49;
+ t.shindageshshindot = 0xfb2c;
+ t.shindageshshindothebrew = 0xfb2c;
+ t.shindageshsindot = 0xfb2d;
+ t.shindageshsindothebrew = 0xfb2d;
+ t.shindothebrew = 0x05c1;
+ t.shinhebrew = 0x05e9;
+ t.shinshindot = 0xfb2a;
+ t.shinshindothebrew = 0xfb2a;
+ t.shinsindot = 0xfb2b;
+ t.shinsindothebrew = 0xfb2b;
+ t.shook = 0x0282;
+ t.sigma = 0x03c3;
+ t.sigma1 = 0x03c2;
+ t.sigmafinal = 0x03c2;
+ t.sigmalunatesymbolgreek = 0x03f2;
+ t.sihiragana = 0x3057;
+ t.sikatakana = 0x30b7;
+ t.sikatakanahalfwidth = 0xff7c;
+ t.siluqhebrew = 0x05bd;
+ t.siluqlefthebrew = 0x05bd;
+ t.similar = 0x223c;
+ t.sindothebrew = 0x05c2;
+ t.siosacirclekorean = 0x3274;
+ t.siosaparenkorean = 0x3214;
+ t.sioscieuckorean = 0x317e;
+ t.sioscirclekorean = 0x3266;
+ t.sioskiyeokkorean = 0x317a;
+ t.sioskorean = 0x3145;
+ t.siosnieunkorean = 0x317b;
+ t.siosparenkorean = 0x3206;
+ t.siospieupkorean = 0x317d;
+ t.siostikeutkorean = 0x317c;
+ t.six = 0x0036;
+ t.sixarabic = 0x0666;
+ t.sixbengali = 0x09ec;
+ t.sixcircle = 0x2465;
+ t.sixcircleinversesansserif = 0x278f;
+ t.sixdeva = 0x096c;
+ t.sixgujarati = 0x0aec;
+ t.sixgurmukhi = 0x0a6c;
+ t.sixhackarabic = 0x0666;
+ t.sixhangzhou = 0x3026;
+ t.sixideographicparen = 0x3225;
+ t.sixinferior = 0x2086;
+ t.sixmonospace = 0xff16;
+ t.sixoldstyle = 0xf736;
+ t.sixparen = 0x2479;
+ t.sixperiod = 0x248d;
+ t.sixpersian = 0x06f6;
+ t.sixroman = 0x2175;
+ t.sixsuperior = 0x2076;
+ t.sixteencircle = 0x246f;
+ t.sixteencurrencydenominatorbengali = 0x09f9;
+ t.sixteenparen = 0x2483;
+ t.sixteenperiod = 0x2497;
+ t.sixthai = 0x0e56;
+ t.slash = 0x002f;
+ t.slashmonospace = 0xff0f;
+ t.slong = 0x017f;
+ t.slongdotaccent = 0x1e9b;
+ t.smileface = 0x263a;
+ t.smonospace = 0xff53;
+ t.sofpasuqhebrew = 0x05c3;
+ t.softhyphen = 0x00ad;
+ t.softsigncyrillic = 0x044c;
+ t.sohiragana = 0x305d;
+ t.sokatakana = 0x30bd;
+ t.sokatakanahalfwidth = 0xff7f;
+ t.soliduslongoverlaycmb = 0x0338;
+ t.solidusshortoverlaycmb = 0x0337;
+ t.sorusithai = 0x0e29;
+ t.sosalathai = 0x0e28;
+ t.sosothai = 0x0e0b;
+ t.sosuathai = 0x0e2a;
+ t.space = 0x0020;
+ t.spacehackarabic = 0x0020;
+ t.spade = 0x2660;
+ t.spadesuitblack = 0x2660;
+ t.spadesuitwhite = 0x2664;
+ t.sparen = 0x24ae;
+ t.squarebelowcmb = 0x033b;
+ t.squarecc = 0x33c4;
+ t.squarecm = 0x339d;
+ t.squarediagonalcrosshatchfill = 0x25a9;
+ t.squarehorizontalfill = 0x25a4;
+ t.squarekg = 0x338f;
+ t.squarekm = 0x339e;
+ t.squarekmcapital = 0x33ce;
+ t.squareln = 0x33d1;
+ t.squarelog = 0x33d2;
+ t.squaremg = 0x338e;
+ t.squaremil = 0x33d5;
+ t.squaremm = 0x339c;
+ t.squaremsquared = 0x33a1;
+ t.squareorthogonalcrosshatchfill = 0x25a6;
+ t.squareupperlefttolowerrightfill = 0x25a7;
+ t.squareupperrighttolowerleftfill = 0x25a8;
+ t.squareverticalfill = 0x25a5;
+ t.squarewhitewithsmallblack = 0x25a3;
+ t.srsquare = 0x33db;
+ t.ssabengali = 0x09b7;
+ t.ssadeva = 0x0937;
+ t.ssagujarati = 0x0ab7;
+ t.ssangcieuckorean = 0x3149;
+ t.ssanghieuhkorean = 0x3185;
+ t.ssangieungkorean = 0x3180;
+ t.ssangkiyeokkorean = 0x3132;
+ t.ssangnieunkorean = 0x3165;
+ t.ssangpieupkorean = 0x3143;
+ t.ssangsioskorean = 0x3146;
+ t.ssangtikeutkorean = 0x3138;
+ t.ssuperior = 0xf6f2;
+ t.sterling = 0x00a3;
+ t.sterlingmonospace = 0xffe1;
+ t.strokelongoverlaycmb = 0x0336;
+ t.strokeshortoverlaycmb = 0x0335;
+ t.subset = 0x2282;
+ t.subsetnotequal = 0x228a;
+ t.subsetorequal = 0x2286;
+ t.succeeds = 0x227b;
+ t.suchthat = 0x220b;
+ t.suhiragana = 0x3059;
+ t.sukatakana = 0x30b9;
+ t.sukatakanahalfwidth = 0xff7d;
+ t.sukunarabic = 0x0652;
+ t.summation = 0x2211;
+ t.sun = 0x263c;
+ t.superset = 0x2283;
+ t.supersetnotequal = 0x228b;
+ t.supersetorequal = 0x2287;
+ t.svsquare = 0x33dc;
+ t.syouwaerasquare = 0x337c;
+ t.t = 0x0074;
+ t.tabengali = 0x09a4;
+ t.tackdown = 0x22a4;
+ t.tackleft = 0x22a3;
+ t.tadeva = 0x0924;
+ t.tagujarati = 0x0aa4;
+ t.tagurmukhi = 0x0a24;
+ t.taharabic = 0x0637;
+ t.tahfinalarabic = 0xfec2;
+ t.tahinitialarabic = 0xfec3;
+ t.tahiragana = 0x305f;
+ t.tahmedialarabic = 0xfec4;
+ t.taisyouerasquare = 0x337d;
+ t.takatakana = 0x30bf;
+ t.takatakanahalfwidth = 0xff80;
+ t.tatweelarabic = 0x0640;
+ t.tau = 0x03c4;
+ t.tav = 0x05ea;
+ t.tavdages = 0xfb4a;
+ t.tavdagesh = 0xfb4a;
+ t.tavdageshhebrew = 0xfb4a;
+ t.tavhebrew = 0x05ea;
+ t.tbar = 0x0167;
+ t.tbopomofo = 0x310a;
+ t.tcaron = 0x0165;
+ t.tccurl = 0x02a8;
+ t.tcedilla = 0x0163;
+ t.tcheharabic = 0x0686;
+ t.tchehfinalarabic = 0xfb7b;
+ t.tchehinitialarabic = 0xfb7c;
+ t.tchehmedialarabic = 0xfb7d;
+ t.tcircle = 0x24e3;
+ t.tcircumflexbelow = 0x1e71;
+ t.tcommaaccent = 0x0163;
+ t.tdieresis = 0x1e97;
+ t.tdotaccent = 0x1e6b;
+ t.tdotbelow = 0x1e6d;
+ t.tecyrillic = 0x0442;
+ t.tedescendercyrillic = 0x04ad;
+ t.teharabic = 0x062a;
+ t.tehfinalarabic = 0xfe96;
+ t.tehhahinitialarabic = 0xfca2;
+ t.tehhahisolatedarabic = 0xfc0c;
+ t.tehinitialarabic = 0xfe97;
+ t.tehiragana = 0x3066;
+ t.tehjeeminitialarabic = 0xfca1;
+ t.tehjeemisolatedarabic = 0xfc0b;
+ t.tehmarbutaarabic = 0x0629;
+ t.tehmarbutafinalarabic = 0xfe94;
+ t.tehmedialarabic = 0xfe98;
+ t.tehmeeminitialarabic = 0xfca4;
+ t.tehmeemisolatedarabic = 0xfc0e;
+ t.tehnoonfinalarabic = 0xfc73;
+ t.tekatakana = 0x30c6;
+ t.tekatakanahalfwidth = 0xff83;
+ t.telephone = 0x2121;
+ t.telephoneblack = 0x260e;
+ t.telishagedolahebrew = 0x05a0;
+ t.telishaqetanahebrew = 0x05a9;
+ t.tencircle = 0x2469;
+ t.tenideographicparen = 0x3229;
+ t.tenparen = 0x247d;
+ t.tenperiod = 0x2491;
+ t.tenroman = 0x2179;
+ t.tesh = 0x02a7;
+ t.tet = 0x05d8;
+ t.tetdagesh = 0xfb38;
+ t.tetdageshhebrew = 0xfb38;
+ t.tethebrew = 0x05d8;
+ t.tetsecyrillic = 0x04b5;
+ t.tevirhebrew = 0x059b;
+ t.tevirlefthebrew = 0x059b;
+ t.thabengali = 0x09a5;
+ t.thadeva = 0x0925;
+ t.thagujarati = 0x0aa5;
+ t.thagurmukhi = 0x0a25;
+ t.thalarabic = 0x0630;
+ t.thalfinalarabic = 0xfeac;
+ t.thanthakhatlowleftthai = 0xf898;
+ t.thanthakhatlowrightthai = 0xf897;
+ t.thanthakhatthai = 0x0e4c;
+ t.thanthakhatupperleftthai = 0xf896;
+ t.theharabic = 0x062b;
+ t.thehfinalarabic = 0xfe9a;
+ t.thehinitialarabic = 0xfe9b;
+ t.thehmedialarabic = 0xfe9c;
+ t.thereexists = 0x2203;
+ t.therefore = 0x2234;
+ t.theta = 0x03b8;
+ t.theta1 = 0x03d1;
+ t.thetasymbolgreek = 0x03d1;
+ t.thieuthacirclekorean = 0x3279;
+ t.thieuthaparenkorean = 0x3219;
+ t.thieuthcirclekorean = 0x326b;
+ t.thieuthkorean = 0x314c;
+ t.thieuthparenkorean = 0x320b;
+ t.thirteencircle = 0x246c;
+ t.thirteenparen = 0x2480;
+ t.thirteenperiod = 0x2494;
+ t.thonangmonthothai = 0x0e11;
+ t.thook = 0x01ad;
+ t.thophuthaothai = 0x0e12;
+ t.thorn = 0x00fe;
+ t.thothahanthai = 0x0e17;
+ t.thothanthai = 0x0e10;
+ t.thothongthai = 0x0e18;
+ t.thothungthai = 0x0e16;
+ t.thousandcyrillic = 0x0482;
+ t.thousandsseparatorarabic = 0x066c;
+ t.thousandsseparatorpersian = 0x066c;
+ t.three = 0x0033;
+ t.threearabic = 0x0663;
+ t.threebengali = 0x09e9;
+ t.threecircle = 0x2462;
+ t.threecircleinversesansserif = 0x278c;
+ t.threedeva = 0x0969;
+ t.threeeighths = 0x215c;
+ t.threegujarati = 0x0ae9;
+ t.threegurmukhi = 0x0a69;
+ t.threehackarabic = 0x0663;
+ t.threehangzhou = 0x3023;
+ t.threeideographicparen = 0x3222;
+ t.threeinferior = 0x2083;
+ t.threemonospace = 0xff13;
+ t.threenumeratorbengali = 0x09f6;
+ t.threeoldstyle = 0xf733;
+ t.threeparen = 0x2476;
+ t.threeperiod = 0x248a;
+ t.threepersian = 0x06f3;
+ t.threequarters = 0x00be;
+ t.threequartersemdash = 0xf6de;
+ t.threeroman = 0x2172;
+ t.threesuperior = 0x00b3;
+ t.threethai = 0x0e53;
+ t.thzsquare = 0x3394;
+ t.tihiragana = 0x3061;
+ t.tikatakana = 0x30c1;
+ t.tikatakanahalfwidth = 0xff81;
+ t.tikeutacirclekorean = 0x3270;
+ t.tikeutaparenkorean = 0x3210;
+ t.tikeutcirclekorean = 0x3262;
+ t.tikeutkorean = 0x3137;
+ t.tikeutparenkorean = 0x3202;
+ t.tilde = 0x02dc;
+ t.tildebelowcmb = 0x0330;
+ t.tildecmb = 0x0303;
+ t.tildecomb = 0x0303;
+ t.tildedoublecmb = 0x0360;
+ t.tildeoperator = 0x223c;
+ t.tildeoverlaycmb = 0x0334;
+ t.tildeverticalcmb = 0x033e;
+ t.timescircle = 0x2297;
+ t.tipehahebrew = 0x0596;
+ t.tipehalefthebrew = 0x0596;
+ t.tippigurmukhi = 0x0a70;
+ t.titlocyrilliccmb = 0x0483;
+ t.tiwnarmenian = 0x057f;
+ t.tlinebelow = 0x1e6f;
+ t.tmonospace = 0xff54;
+ t.toarmenian = 0x0569;
+ t.tohiragana = 0x3068;
+ t.tokatakana = 0x30c8;
+ t.tokatakanahalfwidth = 0xff84;
+ t.tonebarextrahighmod = 0x02e5;
+ t.tonebarextralowmod = 0x02e9;
+ t.tonebarhighmod = 0x02e6;
+ t.tonebarlowmod = 0x02e8;
+ t.tonebarmidmod = 0x02e7;
+ t.tonefive = 0x01bd;
+ t.tonesix = 0x0185;
+ t.tonetwo = 0x01a8;
+ t.tonos = 0x0384;
+ t.tonsquare = 0x3327;
+ t.topatakthai = 0x0e0f;
+ t.tortoiseshellbracketleft = 0x3014;
+ t.tortoiseshellbracketleftsmall = 0xfe5d;
+ t.tortoiseshellbracketleftvertical = 0xfe39;
+ t.tortoiseshellbracketright = 0x3015;
+ t.tortoiseshellbracketrightsmall = 0xfe5e;
+ t.tortoiseshellbracketrightvertical = 0xfe3a;
+ t.totaothai = 0x0e15;
+ t.tpalatalhook = 0x01ab;
+ t.tparen = 0x24af;
+ t.trademark = 0x2122;
+ t.trademarksans = 0xf8ea;
+ t.trademarkserif = 0xf6db;
+ t.tretroflexhook = 0x0288;
+ t.triagdn = 0x25bc;
+ t.triaglf = 0x25c4;
+ t.triagrt = 0x25ba;
+ t.triagup = 0x25b2;
+ t.ts = 0x02a6;
+ t.tsadi = 0x05e6;
+ t.tsadidagesh = 0xfb46;
+ t.tsadidageshhebrew = 0xfb46;
+ t.tsadihebrew = 0x05e6;
+ t.tsecyrillic = 0x0446;
+ t.tsere = 0x05b5;
+ t.tsere12 = 0x05b5;
+ t.tsere1e = 0x05b5;
+ t.tsere2b = 0x05b5;
+ t.tserehebrew = 0x05b5;
+ t.tserenarrowhebrew = 0x05b5;
+ t.tserequarterhebrew = 0x05b5;
+ t.tserewidehebrew = 0x05b5;
+ t.tshecyrillic = 0x045b;
+ t.tsuperior = 0xf6f3;
+ t.ttabengali = 0x099f;
+ t.ttadeva = 0x091f;
+ t.ttagujarati = 0x0a9f;
+ t.ttagurmukhi = 0x0a1f;
+ t.tteharabic = 0x0679;
+ t.ttehfinalarabic = 0xfb67;
+ t.ttehinitialarabic = 0xfb68;
+ t.ttehmedialarabic = 0xfb69;
+ t.tthabengali = 0x09a0;
+ t.tthadeva = 0x0920;
+ t.tthagujarati = 0x0aa0;
+ t.tthagurmukhi = 0x0a20;
+ t.tturned = 0x0287;
+ t.tuhiragana = 0x3064;
+ t.tukatakana = 0x30c4;
+ t.tukatakanahalfwidth = 0xff82;
+ t.tusmallhiragana = 0x3063;
+ t.tusmallkatakana = 0x30c3;
+ t.tusmallkatakanahalfwidth = 0xff6f;
+ t.twelvecircle = 0x246b;
+ t.twelveparen = 0x247f;
+ t.twelveperiod = 0x2493;
+ t.twelveroman = 0x217b;
+ t.twentycircle = 0x2473;
+ t.twentyhangzhou = 0x5344;
+ t.twentyparen = 0x2487;
+ t.twentyperiod = 0x249b;
+ t.two = 0x0032;
+ t.twoarabic = 0x0662;
+ t.twobengali = 0x09e8;
+ t.twocircle = 0x2461;
+ t.twocircleinversesansserif = 0x278b;
+ t.twodeva = 0x0968;
+ t.twodotenleader = 0x2025;
+ t.twodotleader = 0x2025;
+ t.twodotleadervertical = 0xfe30;
+ t.twogujarati = 0x0ae8;
+ t.twogurmukhi = 0x0a68;
+ t.twohackarabic = 0x0662;
+ t.twohangzhou = 0x3022;
+ t.twoideographicparen = 0x3221;
+ t.twoinferior = 0x2082;
+ t.twomonospace = 0xff12;
+ t.twonumeratorbengali = 0x09f5;
+ t.twooldstyle = 0xf732;
+ t.twoparen = 0x2475;
+ t.twoperiod = 0x2489;
+ t.twopersian = 0x06f2;
+ t.tworoman = 0x2171;
+ t.twostroke = 0x01bb;
+ t.twosuperior = 0x00b2;
+ t.twothai = 0x0e52;
+ t.twothirds = 0x2154;
+ t.u = 0x0075;
+ t.uacute = 0x00fa;
+ t.ubar = 0x0289;
+ t.ubengali = 0x0989;
+ t.ubopomofo = 0x3128;
+ t.ubreve = 0x016d;
+ t.ucaron = 0x01d4;
+ t.ucircle = 0x24e4;
+ t.ucircumflex = 0x00fb;
+ t.ucircumflexbelow = 0x1e77;
+ t.ucyrillic = 0x0443;
+ t.udattadeva = 0x0951;
+ t.udblacute = 0x0171;
+ t.udblgrave = 0x0215;
+ t.udeva = 0x0909;
+ t.udieresis = 0x00fc;
+ t.udieresisacute = 0x01d8;
+ t.udieresisbelow = 0x1e73;
+ t.udieresiscaron = 0x01da;
+ t.udieresiscyrillic = 0x04f1;
+ t.udieresisgrave = 0x01dc;
+ t.udieresismacron = 0x01d6;
+ t.udotbelow = 0x1ee5;
+ t.ugrave = 0x00f9;
+ t.ugujarati = 0x0a89;
+ t.ugurmukhi = 0x0a09;
+ t.uhiragana = 0x3046;
+ t.uhookabove = 0x1ee7;
+ t.uhorn = 0x01b0;
+ t.uhornacute = 0x1ee9;
+ t.uhorndotbelow = 0x1ef1;
+ t.uhorngrave = 0x1eeb;
+ t.uhornhookabove = 0x1eed;
+ t.uhorntilde = 0x1eef;
+ t.uhungarumlaut = 0x0171;
+ t.uhungarumlautcyrillic = 0x04f3;
+ t.uinvertedbreve = 0x0217;
+ t.ukatakana = 0x30a6;
+ t.ukatakanahalfwidth = 0xff73;
+ t.ukcyrillic = 0x0479;
+ t.ukorean = 0x315c;
+ t.umacron = 0x016b;
+ t.umacroncyrillic = 0x04ef;
+ t.umacrondieresis = 0x1e7b;
+ t.umatragurmukhi = 0x0a41;
+ t.umonospace = 0xff55;
+ t.underscore = 0x005f;
+ t.underscoredbl = 0x2017;
+ t.underscoremonospace = 0xff3f;
+ t.underscorevertical = 0xfe33;
+ t.underscorewavy = 0xfe4f;
+ t.union = 0x222a;
+ t.universal = 0x2200;
+ t.uogonek = 0x0173;
+ t.uparen = 0x24b0;
+ t.upblock = 0x2580;
+ t.upperdothebrew = 0x05c4;
+ t.upsilon = 0x03c5;
+ t.upsilondieresis = 0x03cb;
+ t.upsilondieresistonos = 0x03b0;
+ t.upsilonlatin = 0x028a;
+ t.upsilontonos = 0x03cd;
+ t.uptackbelowcmb = 0x031d;
+ t.uptackmod = 0x02d4;
+ t.uragurmukhi = 0x0a73;
+ t.uring = 0x016f;
+ t.ushortcyrillic = 0x045e;
+ t.usmallhiragana = 0x3045;
+ t.usmallkatakana = 0x30a5;
+ t.usmallkatakanahalfwidth = 0xff69;
+ t.ustraightcyrillic = 0x04af;
+ t.ustraightstrokecyrillic = 0x04b1;
+ t.utilde = 0x0169;
+ t.utildeacute = 0x1e79;
+ t.utildebelow = 0x1e75;
+ t.uubengali = 0x098a;
+ t.uudeva = 0x090a;
+ t.uugujarati = 0x0a8a;
+ t.uugurmukhi = 0x0a0a;
+ t.uumatragurmukhi = 0x0a42;
+ t.uuvowelsignbengali = 0x09c2;
+ t.uuvowelsigndeva = 0x0942;
+ t.uuvowelsigngujarati = 0x0ac2;
+ t.uvowelsignbengali = 0x09c1;
+ t.uvowelsigndeva = 0x0941;
+ t.uvowelsigngujarati = 0x0ac1;
+ t.v = 0x0076;
+ t.vadeva = 0x0935;
+ t.vagujarati = 0x0ab5;
+ t.vagurmukhi = 0x0a35;
+ t.vakatakana = 0x30f7;
+ t.vav = 0x05d5;
+ t.vavdagesh = 0xfb35;
+ t.vavdagesh65 = 0xfb35;
+ t.vavdageshhebrew = 0xfb35;
+ t.vavhebrew = 0x05d5;
+ t.vavholam = 0xfb4b;
+ t.vavholamhebrew = 0xfb4b;
+ t.vavvavhebrew = 0x05f0;
+ t.vavyodhebrew = 0x05f1;
+ t.vcircle = 0x24e5;
+ t.vdotbelow = 0x1e7f;
+ t.vecyrillic = 0x0432;
+ t.veharabic = 0x06a4;
+ t.vehfinalarabic = 0xfb6b;
+ t.vehinitialarabic = 0xfb6c;
+ t.vehmedialarabic = 0xfb6d;
+ t.vekatakana = 0x30f9;
+ t.venus = 0x2640;
+ t.verticalbar = 0x007c;
+ t.verticallineabovecmb = 0x030d;
+ t.verticallinebelowcmb = 0x0329;
+ t.verticallinelowmod = 0x02cc;
+ t.verticallinemod = 0x02c8;
+ t.vewarmenian = 0x057e;
+ t.vhook = 0x028b;
+ t.vikatakana = 0x30f8;
+ t.viramabengali = 0x09cd;
+ t.viramadeva = 0x094d;
+ t.viramagujarati = 0x0acd;
+ t.visargabengali = 0x0983;
+ t.visargadeva = 0x0903;
+ t.visargagujarati = 0x0a83;
+ t.vmonospace = 0xff56;
+ t.voarmenian = 0x0578;
+ t.voicediterationhiragana = 0x309e;
+ t.voicediterationkatakana = 0x30fe;
+ t.voicedmarkkana = 0x309b;
+ t.voicedmarkkanahalfwidth = 0xff9e;
+ t.vokatakana = 0x30fa;
+ t.vparen = 0x24b1;
+ t.vtilde = 0x1e7d;
+ t.vturned = 0x028c;
+ t.vuhiragana = 0x3094;
+ t.vukatakana = 0x30f4;
+ t.w = 0x0077;
+ t.wacute = 0x1e83;
+ t.waekorean = 0x3159;
+ t.wahiragana = 0x308f;
+ t.wakatakana = 0x30ef;
+ t.wakatakanahalfwidth = 0xff9c;
+ t.wakorean = 0x3158;
+ t.wasmallhiragana = 0x308e;
+ t.wasmallkatakana = 0x30ee;
+ t.wattosquare = 0x3357;
+ t.wavedash = 0x301c;
+ t.wavyunderscorevertical = 0xfe34;
+ t.wawarabic = 0x0648;
+ t.wawfinalarabic = 0xfeee;
+ t.wawhamzaabovearabic = 0x0624;
+ t.wawhamzaabovefinalarabic = 0xfe86;
+ t.wbsquare = 0x33dd;
+ t.wcircle = 0x24e6;
+ t.wcircumflex = 0x0175;
+ t.wdieresis = 0x1e85;
+ t.wdotaccent = 0x1e87;
+ t.wdotbelow = 0x1e89;
+ t.wehiragana = 0x3091;
+ t.weierstrass = 0x2118;
+ t.wekatakana = 0x30f1;
+ t.wekorean = 0x315e;
+ t.weokorean = 0x315d;
+ t.wgrave = 0x1e81;
+ t.whitebullet = 0x25e6;
+ t.whitecircle = 0x25cb;
+ t.whitecircleinverse = 0x25d9;
+ t.whitecornerbracketleft = 0x300e;
+ t.whitecornerbracketleftvertical = 0xfe43;
+ t.whitecornerbracketright = 0x300f;
+ t.whitecornerbracketrightvertical = 0xfe44;
+ t.whitediamond = 0x25c7;
+ t.whitediamondcontainingblacksmalldiamond = 0x25c8;
+ t.whitedownpointingsmalltriangle = 0x25bf;
+ t.whitedownpointingtriangle = 0x25bd;
+ t.whiteleftpointingsmalltriangle = 0x25c3;
+ t.whiteleftpointingtriangle = 0x25c1;
+ t.whitelenticularbracketleft = 0x3016;
+ t.whitelenticularbracketright = 0x3017;
+ t.whiterightpointingsmalltriangle = 0x25b9;
+ t.whiterightpointingtriangle = 0x25b7;
+ t.whitesmallsquare = 0x25ab;
+ t.whitesmilingface = 0x263a;
+ t.whitesquare = 0x25a1;
+ t.whitestar = 0x2606;
+ t.whitetelephone = 0x260f;
+ t.whitetortoiseshellbracketleft = 0x3018;
+ t.whitetortoiseshellbracketright = 0x3019;
+ t.whiteuppointingsmalltriangle = 0x25b5;
+ t.whiteuppointingtriangle = 0x25b3;
+ t.wihiragana = 0x3090;
+ t.wikatakana = 0x30f0;
+ t.wikorean = 0x315f;
+ t.wmonospace = 0xff57;
+ t.wohiragana = 0x3092;
+ t.wokatakana = 0x30f2;
+ t.wokatakanahalfwidth = 0xff66;
+ t.won = 0x20a9;
+ t.wonmonospace = 0xffe6;
+ t.wowaenthai = 0x0e27;
+ t.wparen = 0x24b2;
+ t.wring = 0x1e98;
+ t.wsuperior = 0x02b7;
+ t.wturned = 0x028d;
+ t.wynn = 0x01bf;
+ t.x = 0x0078;
+ t.xabovecmb = 0x033d;
+ t.xbopomofo = 0x3112;
+ t.xcircle = 0x24e7;
+ t.xdieresis = 0x1e8d;
+ t.xdotaccent = 0x1e8b;
+ t.xeharmenian = 0x056d;
+ t.xi = 0x03be;
+ t.xmonospace = 0xff58;
+ t.xparen = 0x24b3;
+ t.xsuperior = 0x02e3;
+ t.y = 0x0079;
+ t.yaadosquare = 0x334e;
+ t.yabengali = 0x09af;
+ t.yacute = 0x00fd;
+ t.yadeva = 0x092f;
+ t.yaekorean = 0x3152;
+ t.yagujarati = 0x0aaf;
+ t.yagurmukhi = 0x0a2f;
+ t.yahiragana = 0x3084;
+ t.yakatakana = 0x30e4;
+ t.yakatakanahalfwidth = 0xff94;
+ t.yakorean = 0x3151;
+ t.yamakkanthai = 0x0e4e;
+ t.yasmallhiragana = 0x3083;
+ t.yasmallkatakana = 0x30e3;
+ t.yasmallkatakanahalfwidth = 0xff6c;
+ t.yatcyrillic = 0x0463;
+ t.ycircle = 0x24e8;
+ t.ycircumflex = 0x0177;
+ t.ydieresis = 0x00ff;
+ t.ydotaccent = 0x1e8f;
+ t.ydotbelow = 0x1ef5;
+ t.yeharabic = 0x064a;
+ t.yehbarreearabic = 0x06d2;
+ t.yehbarreefinalarabic = 0xfbaf;
+ t.yehfinalarabic = 0xfef2;
+ t.yehhamzaabovearabic = 0x0626;
+ t.yehhamzaabovefinalarabic = 0xfe8a;
+ t.yehhamzaaboveinitialarabic = 0xfe8b;
+ t.yehhamzaabovemedialarabic = 0xfe8c;
+ t.yehinitialarabic = 0xfef3;
+ t.yehmedialarabic = 0xfef4;
+ t.yehmeeminitialarabic = 0xfcdd;
+ t.yehmeemisolatedarabic = 0xfc58;
+ t.yehnoonfinalarabic = 0xfc94;
+ t.yehthreedotsbelowarabic = 0x06d1;
+ t.yekorean = 0x3156;
+ t.yen = 0x00a5;
+ t.yenmonospace = 0xffe5;
+ t.yeokorean = 0x3155;
+ t.yeorinhieuhkorean = 0x3186;
+ t.yerahbenyomohebrew = 0x05aa;
+ t.yerahbenyomolefthebrew = 0x05aa;
+ t.yericyrillic = 0x044b;
+ t.yerudieresiscyrillic = 0x04f9;
+ t.yesieungkorean = 0x3181;
+ t.yesieungpansioskorean = 0x3183;
+ t.yesieungsioskorean = 0x3182;
+ t.yetivhebrew = 0x059a;
+ t.ygrave = 0x1ef3;
+ t.yhook = 0x01b4;
+ t.yhookabove = 0x1ef7;
+ t.yiarmenian = 0x0575;
+ t.yicyrillic = 0x0457;
+ t.yikorean = 0x3162;
+ t.yinyang = 0x262f;
+ t.yiwnarmenian = 0x0582;
+ t.ymonospace = 0xff59;
+ t.yod = 0x05d9;
+ t.yoddagesh = 0xfb39;
+ t.yoddageshhebrew = 0xfb39;
+ t.yodhebrew = 0x05d9;
+ t.yodyodhebrew = 0x05f2;
+ t.yodyodpatahhebrew = 0xfb1f;
+ t.yohiragana = 0x3088;
+ t.yoikorean = 0x3189;
+ t.yokatakana = 0x30e8;
+ t.yokatakanahalfwidth = 0xff96;
+ t.yokorean = 0x315b;
+ t.yosmallhiragana = 0x3087;
+ t.yosmallkatakana = 0x30e7;
+ t.yosmallkatakanahalfwidth = 0xff6e;
+ t.yotgreek = 0x03f3;
+ t.yoyaekorean = 0x3188;
+ t.yoyakorean = 0x3187;
+ t.yoyakthai = 0x0e22;
+ t.yoyingthai = 0x0e0d;
+ t.yparen = 0x24b4;
+ t.ypogegrammeni = 0x037a;
+ t.ypogegrammenigreekcmb = 0x0345;
+ t.yr = 0x01a6;
+ t.yring = 0x1e99;
+ t.ysuperior = 0x02b8;
+ t.ytilde = 0x1ef9;
+ t.yturned = 0x028e;
+ t.yuhiragana = 0x3086;
+ t.yuikorean = 0x318c;
+ t.yukatakana = 0x30e6;
+ t.yukatakanahalfwidth = 0xff95;
+ t.yukorean = 0x3160;
+ t.yusbigcyrillic = 0x046b;
+ t.yusbigiotifiedcyrillic = 0x046d;
+ t.yuslittlecyrillic = 0x0467;
+ t.yuslittleiotifiedcyrillic = 0x0469;
+ t.yusmallhiragana = 0x3085;
+ t.yusmallkatakana = 0x30e5;
+ t.yusmallkatakanahalfwidth = 0xff6d;
+ t.yuyekorean = 0x318b;
+ t.yuyeokorean = 0x318a;
+ t.yyabengali = 0x09df;
+ t.yyadeva = 0x095f;
+ t.z = 0x007a;
+ t.zaarmenian = 0x0566;
+ t.zacute = 0x017a;
+ t.zadeva = 0x095b;
+ t.zagurmukhi = 0x0a5b;
+ t.zaharabic = 0x0638;
+ t.zahfinalarabic = 0xfec6;
+ t.zahinitialarabic = 0xfec7;
+ t.zahiragana = 0x3056;
+ t.zahmedialarabic = 0xfec8;
+ t.zainarabic = 0x0632;
+ t.zainfinalarabic = 0xfeb0;
+ t.zakatakana = 0x30b6;
+ t.zaqefgadolhebrew = 0x0595;
+ t.zaqefqatanhebrew = 0x0594;
+ t.zarqahebrew = 0x0598;
+ t.zayin = 0x05d6;
+ t.zayindagesh = 0xfb36;
+ t.zayindageshhebrew = 0xfb36;
+ t.zayinhebrew = 0x05d6;
+ t.zbopomofo = 0x3117;
+ t.zcaron = 0x017e;
+ t.zcircle = 0x24e9;
+ t.zcircumflex = 0x1e91;
+ t.zcurl = 0x0291;
+ t.zdot = 0x017c;
+ t.zdotaccent = 0x017c;
+ t.zdotbelow = 0x1e93;
+ t.zecyrillic = 0x0437;
+ t.zedescendercyrillic = 0x0499;
+ t.zedieresiscyrillic = 0x04df;
+ t.zehiragana = 0x305c;
+ t.zekatakana = 0x30bc;
+ t.zero = 0x0030;
+ t.zeroarabic = 0x0660;
+ t.zerobengali = 0x09e6;
+ t.zerodeva = 0x0966;
+ t.zerogujarati = 0x0ae6;
+ t.zerogurmukhi = 0x0a66;
+ t.zerohackarabic = 0x0660;
+ t.zeroinferior = 0x2080;
+ t.zeromonospace = 0xff10;
+ t.zerooldstyle = 0xf730;
+ t.zeropersian = 0x06f0;
+ t.zerosuperior = 0x2070;
+ t.zerothai = 0x0e50;
+ t.zerowidthjoiner = 0xfeff;
+ t.zerowidthnonjoiner = 0x200c;
+ t.zerowidthspace = 0x200b;
+ t.zeta = 0x03b6;
+ t.zhbopomofo = 0x3113;
+ t.zhearmenian = 0x056a;
+ t.zhebrevecyrillic = 0x04c2;
+ t.zhecyrillic = 0x0436;
+ t.zhedescendercyrillic = 0x0497;
+ t.zhedieresiscyrillic = 0x04dd;
+ t.zihiragana = 0x3058;
+ t.zikatakana = 0x30b8;
+ t.zinorhebrew = 0x05ae;
+ t.zlinebelow = 0x1e95;
+ t.zmonospace = 0xff5a;
+ t.zohiragana = 0x305e;
+ t.zokatakana = 0x30be;
+ t.zparen = 0x24b5;
+ t.zretroflexhook = 0x0290;
+ t.zstroke = 0x01b6;
+ t.zuhiragana = 0x305a;
+ t.zukatakana = 0x30ba;
+ t[".notdef"] = 0x0000;
+ t.angbracketleftbig = 0x2329;
+ t.angbracketleftBig = 0x2329;
+ t.angbracketleftbigg = 0x2329;
+ t.angbracketleftBigg = 0x2329;
+ t.angbracketrightBig = 0x232a;
+ t.angbracketrightbig = 0x232a;
+ t.angbracketrightBigg = 0x232a;
+ t.angbracketrightbigg = 0x232a;
+ t.arrowhookleft = 0x21aa;
+ t.arrowhookright = 0x21a9;
+ t.arrowlefttophalf = 0x21bc;
+ t.arrowleftbothalf = 0x21bd;
+ t.arrownortheast = 0x2197;
+ t.arrownorthwest = 0x2196;
+ t.arrowrighttophalf = 0x21c0;
+ t.arrowrightbothalf = 0x21c1;
+ t.arrowsoutheast = 0x2198;
+ t.arrowsouthwest = 0x2199;
+ t.backslashbig = 0x2216;
+ t.backslashBig = 0x2216;
+ t.backslashBigg = 0x2216;
+ t.backslashbigg = 0x2216;
+ t.bardbl = 0x2016;
+ t.bracehtipdownleft = 0xfe37;
+ t.bracehtipdownright = 0xfe37;
+ t.bracehtipupleft = 0xfe38;
+ t.bracehtipupright = 0xfe38;
+ t.braceleftBig = 0x007b;
+ t.braceleftbig = 0x007b;
+ t.braceleftbigg = 0x007b;
+ t.braceleftBigg = 0x007b;
+ t.bracerightBig = 0x007d;
+ t.bracerightbig = 0x007d;
+ t.bracerightbigg = 0x007d;
+ t.bracerightBigg = 0x007d;
+ t.bracketleftbig = 0x005b;
+ t.bracketleftBig = 0x005b;
+ t.bracketleftbigg = 0x005b;
+ t.bracketleftBigg = 0x005b;
+ t.bracketrightBig = 0x005d;
+ t.bracketrightbig = 0x005d;
+ t.bracketrightbigg = 0x005d;
+ t.bracketrightBigg = 0x005d;
+ t.ceilingleftbig = 0x2308;
+ t.ceilingleftBig = 0x2308;
+ t.ceilingleftBigg = 0x2308;
+ t.ceilingleftbigg = 0x2308;
+ t.ceilingrightbig = 0x2309;
+ t.ceilingrightBig = 0x2309;
+ t.ceilingrightbigg = 0x2309;
+ t.ceilingrightBigg = 0x2309;
+ t.circledotdisplay = 0x2299;
+ t.circledottext = 0x2299;
+ t.circlemultiplydisplay = 0x2297;
+ t.circlemultiplytext = 0x2297;
+ t.circleplusdisplay = 0x2295;
+ t.circleplustext = 0x2295;
+ t.contintegraldisplay = 0x222e;
+ t.contintegraltext = 0x222e;
+ t.coproductdisplay = 0x2210;
+ t.coproducttext = 0x2210;
+ t.floorleftBig = 0x230a;
+ t.floorleftbig = 0x230a;
+ t.floorleftbigg = 0x230a;
+ t.floorleftBigg = 0x230a;
+ t.floorrightbig = 0x230b;
+ t.floorrightBig = 0x230b;
+ t.floorrightBigg = 0x230b;
+ t.floorrightbigg = 0x230b;
+ t.hatwide = 0x0302;
+ t.hatwider = 0x0302;
+ t.hatwidest = 0x0302;
+ t.intercal = 0x1d40;
+ t.integraldisplay = 0x222b;
+ t.integraltext = 0x222b;
+ t.intersectiondisplay = 0x22c2;
+ t.intersectiontext = 0x22c2;
+ t.logicalanddisplay = 0x2227;
+ t.logicalandtext = 0x2227;
+ t.logicalordisplay = 0x2228;
+ t.logicalortext = 0x2228;
+ t.parenleftBig = 0x0028;
+ t.parenleftbig = 0x0028;
+ t.parenleftBigg = 0x0028;
+ t.parenleftbigg = 0x0028;
+ t.parenrightBig = 0x0029;
+ t.parenrightbig = 0x0029;
+ t.parenrightBigg = 0x0029;
+ t.parenrightbigg = 0x0029;
+ t.prime = 0x2032;
+ t.productdisplay = 0x220f;
+ t.producttext = 0x220f;
+ t.radicalbig = 0x221a;
+ t.radicalBig = 0x221a;
+ t.radicalBigg = 0x221a;
+ t.radicalbigg = 0x221a;
+ t.radicalbt = 0x221a;
+ t.radicaltp = 0x221a;
+ t.radicalvertex = 0x221a;
+ t.slashbig = 0x002f;
+ t.slashBig = 0x002f;
+ t.slashBigg = 0x002f;
+ t.slashbigg = 0x002f;
+ t.summationdisplay = 0x2211;
+ t.summationtext = 0x2211;
+ t.tildewide = 0x02dc;
+ t.tildewider = 0x02dc;
+ t.tildewidest = 0x02dc;
+ t.uniondisplay = 0x22c3;
+ t.unionmultidisplay = 0x228e;
+ t.unionmultitext = 0x228e;
+ t.unionsqdisplay = 0x2294;
+ t.unionsqtext = 0x2294;
+ t.uniontext = 0x22c3;
+ t.vextenddouble = 0x2225;
+ t.vextendsingle = 0x2223;
+});
+const getDingbatsGlyphsUnicode = (0,_core_utils_js__WEBPACK_IMPORTED_MODULE_0__.getLookupTableFactory)(function (t) {
+ t.space = 0x0020;
+ t.a1 = 0x2701;
+ t.a2 = 0x2702;
+ t.a202 = 0x2703;
+ t.a3 = 0x2704;
+ t.a4 = 0x260e;
+ t.a5 = 0x2706;
+ t.a119 = 0x2707;
+ t.a118 = 0x2708;
+ t.a117 = 0x2709;
+ t.a11 = 0x261b;
+ t.a12 = 0x261e;
+ t.a13 = 0x270c;
+ t.a14 = 0x270d;
+ t.a15 = 0x270e;
+ t.a16 = 0x270f;
+ t.a105 = 0x2710;
+ t.a17 = 0x2711;
+ t.a18 = 0x2712;
+ t.a19 = 0x2713;
+ t.a20 = 0x2714;
+ t.a21 = 0x2715;
+ t.a22 = 0x2716;
+ t.a23 = 0x2717;
+ t.a24 = 0x2718;
+ t.a25 = 0x2719;
+ t.a26 = 0x271a;
+ t.a27 = 0x271b;
+ t.a28 = 0x271c;
+ t.a6 = 0x271d;
+ t.a7 = 0x271e;
+ t.a8 = 0x271f;
+ t.a9 = 0x2720;
+ t.a10 = 0x2721;
+ t.a29 = 0x2722;
+ t.a30 = 0x2723;
+ t.a31 = 0x2724;
+ t.a32 = 0x2725;
+ t.a33 = 0x2726;
+ t.a34 = 0x2727;
+ t.a35 = 0x2605;
+ t.a36 = 0x2729;
+ t.a37 = 0x272a;
+ t.a38 = 0x272b;
+ t.a39 = 0x272c;
+ t.a40 = 0x272d;
+ t.a41 = 0x272e;
+ t.a42 = 0x272f;
+ t.a43 = 0x2730;
+ t.a44 = 0x2731;
+ t.a45 = 0x2732;
+ t.a46 = 0x2733;
+ t.a47 = 0x2734;
+ t.a48 = 0x2735;
+ t.a49 = 0x2736;
+ t.a50 = 0x2737;
+ t.a51 = 0x2738;
+ t.a52 = 0x2739;
+ t.a53 = 0x273a;
+ t.a54 = 0x273b;
+ t.a55 = 0x273c;
+ t.a56 = 0x273d;
+ t.a57 = 0x273e;
+ t.a58 = 0x273f;
+ t.a59 = 0x2740;
+ t.a60 = 0x2741;
+ t.a61 = 0x2742;
+ t.a62 = 0x2743;
+ t.a63 = 0x2744;
+ t.a64 = 0x2745;
+ t.a65 = 0x2746;
+ t.a66 = 0x2747;
+ t.a67 = 0x2748;
+ t.a68 = 0x2749;
+ t.a69 = 0x274a;
+ t.a70 = 0x274b;
+ t.a71 = 0x25cf;
+ t.a72 = 0x274d;
+ t.a73 = 0x25a0;
+ t.a74 = 0x274f;
+ t.a203 = 0x2750;
+ t.a75 = 0x2751;
+ t.a204 = 0x2752;
+ t.a76 = 0x25b2;
+ t.a77 = 0x25bc;
+ t.a78 = 0x25c6;
+ t.a79 = 0x2756;
+ t.a81 = 0x25d7;
+ t.a82 = 0x2758;
+ t.a83 = 0x2759;
+ t.a84 = 0x275a;
+ t.a97 = 0x275b;
+ t.a98 = 0x275c;
+ t.a99 = 0x275d;
+ t.a100 = 0x275e;
+ t.a101 = 0x2761;
+ t.a102 = 0x2762;
+ t.a103 = 0x2763;
+ t.a104 = 0x2764;
+ t.a106 = 0x2765;
+ t.a107 = 0x2766;
+ t.a108 = 0x2767;
+ t.a112 = 0x2663;
+ t.a111 = 0x2666;
+ t.a110 = 0x2665;
+ t.a109 = 0x2660;
+ t.a120 = 0x2460;
+ t.a121 = 0x2461;
+ t.a122 = 0x2462;
+ t.a123 = 0x2463;
+ t.a124 = 0x2464;
+ t.a125 = 0x2465;
+ t.a126 = 0x2466;
+ t.a127 = 0x2467;
+ t.a128 = 0x2468;
+ t.a129 = 0x2469;
+ t.a130 = 0x2776;
+ t.a131 = 0x2777;
+ t.a132 = 0x2778;
+ t.a133 = 0x2779;
+ t.a134 = 0x277a;
+ t.a135 = 0x277b;
+ t.a136 = 0x277c;
+ t.a137 = 0x277d;
+ t.a138 = 0x277e;
+ t.a139 = 0x277f;
+ t.a140 = 0x2780;
+ t.a141 = 0x2781;
+ t.a142 = 0x2782;
+ t.a143 = 0x2783;
+ t.a144 = 0x2784;
+ t.a145 = 0x2785;
+ t.a146 = 0x2786;
+ t.a147 = 0x2787;
+ t.a148 = 0x2788;
+ t.a149 = 0x2789;
+ t.a150 = 0x278a;
+ t.a151 = 0x278b;
+ t.a152 = 0x278c;
+ t.a153 = 0x278d;
+ t.a154 = 0x278e;
+ t.a155 = 0x278f;
+ t.a156 = 0x2790;
+ t.a157 = 0x2791;
+ t.a158 = 0x2792;
+ t.a159 = 0x2793;
+ t.a160 = 0x2794;
+ t.a161 = 0x2192;
+ t.a163 = 0x2194;
+ t.a164 = 0x2195;
+ t.a196 = 0x2798;
+ t.a165 = 0x2799;
+ t.a192 = 0x279a;
+ t.a166 = 0x279b;
+ t.a167 = 0x279c;
+ t.a168 = 0x279d;
+ t.a169 = 0x279e;
+ t.a170 = 0x279f;
+ t.a171 = 0x27a0;
+ t.a172 = 0x27a1;
+ t.a173 = 0x27a2;
+ t.a162 = 0x27a3;
+ t.a174 = 0x27a4;
+ t.a175 = 0x27a5;
+ t.a176 = 0x27a6;
+ t.a177 = 0x27a7;
+ t.a178 = 0x27a8;
+ t.a179 = 0x27a9;
+ t.a193 = 0x27aa;
+ t.a180 = 0x27ab;
+ t.a199 = 0x27ac;
+ t.a181 = 0x27ad;
+ t.a200 = 0x27ae;
+ t.a182 = 0x27af;
+ t.a201 = 0x27b1;
+ t.a183 = 0x27b2;
+ t.a184 = 0x27b3;
+ t.a197 = 0x27b4;
+ t.a185 = 0x27b5;
+ t.a194 = 0x27b6;
+ t.a198 = 0x27b7;
+ t.a186 = 0x27b8;
+ t.a195 = 0x27b9;
+ t.a187 = 0x27ba;
+ t.a188 = 0x27bb;
+ t.a189 = 0x27bc;
+ t.a190 = 0x27bd;
+ t.a191 = 0x27be;
+ t.a89 = 0x2768;
+ t.a90 = 0x2769;
+ t.a93 = 0x276a;
+ t.a94 = 0x276b;
+ t.a91 = 0x276c;
+ t.a92 = 0x276d;
+ t.a205 = 0x276e;
+ t.a85 = 0x276f;
+ t.a206 = 0x2770;
+ t.a86 = 0x2771;
+ t.a87 = 0x2772;
+ t.a88 = 0x2773;
+ t.a95 = 0x2774;
+ t.a96 = 0x2775;
+ t[".notdef"] = 0x0000;
+});
+
+
+/***/ }),
+/* 40 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __w_pdfjs_require__) => {
+
+__w_pdfjs_require__.r(__webpack_exports__);
+/* harmony export */ __w_pdfjs_require__.d(__webpack_exports__, {
+/* harmony export */   "clearUnicodeCaches": () => (/* binding */ clearUnicodeCaches),
+/* harmony export */   "getCharUnicodeCategory": () => (/* binding */ getCharUnicodeCategory),
+/* harmony export */   "getUnicodeForGlyph": () => (/* binding */ getUnicodeForGlyph),
+/* harmony export */   "getUnicodeRangeFor": () => (/* binding */ getUnicodeRangeFor),
+/* harmony export */   "mapSpecialUnicodeValues": () => (/* binding */ mapSpecialUnicodeValues)
+/* harmony export */ });
+/* harmony import */ var _core_utils_js__WEBPACK_IMPORTED_MODULE_0__ = __w_pdfjs_require__(3);
+
+const getSpecialPUASymbols = (0,_core_utils_js__WEBPACK_IMPORTED_MODULE_0__.getLookupTableFactory)(function (t) {
+ t[63721] = 0x00a9;
+ t[63193] = 0x00a9;
+ t[63720] = 0x00ae;
+ t[63194] = 0x00ae;
+ t[63722] = 0x2122;
+ t[63195] = 0x2122;
+ t[63729] = 0x23a7;
+ t[63730] = 0x23a8;
+ t[63731] = 0x23a9;
+ t[63740] = 0x23ab;
+ t[63741] = 0x23ac;
+ t[63742] = 0x23ad;
+ t[63726] = 0x23a1;
+ t[63727] = 0x23a2;
+ t[63728] = 0x23a3;
+ t[63737] = 0x23a4;
+ t[63738] = 0x23a5;
+ t[63739] = 0x23a6;
+ t[63723] = 0x239b;
+ t[63724] = 0x239c;
+ t[63725] = 0x239d;
+ t[63734] = 0x239e;
+ t[63735] = 0x239f;
+ t[63736] = 0x23a0;
+});
+function mapSpecialUnicodeValues(code) {
+ if (code >= 0xfff0 && code <= 0xffff) {
+  return 0;
+ } else if (code >= 0xf600 && code <= 0xf8ff) {
+  return getSpecialPUASymbols()[code] || code;
+ } else if (code === 0x00ad) {
+  return 0x002d;
+ }
+ return code;
+}
+function getUnicodeForGlyph(name, glyphsUnicodeMap) {
+ let unicode = glyphsUnicodeMap[name];
+ if (unicode !== undefined) {
+  return unicode;
+ }
+ if (!name) {
+  return -1;
+ }
+ if (name[0] === "u") {
+  const nameLen = name.length;
+  let hexStr;
+  if (nameLen === 7 && name[1] === "n" && name[2] === "i") {
+   hexStr = name.substring(3);
+  } else if (nameLen >= 5 && nameLen <= 7) {
+   hexStr = name.substring(1);
+  } else {
+   return -1;
+  }
+  if (hexStr === hexStr.toUpperCase()) {
+   unicode = parseInt(hexStr, 16);
+   if (unicode >= 0) {
+    return unicode;
+   }
+  }
+ }
+ return -1;
+}
+const UnicodeRanges = [
+ [
+  0x0000,
+  0x007f
+ ],
+ [
+  0x0080,
+  0x00ff
+ ],
+ [
+  0x0100,
+  0x017f
+ ],
+ [
+  0x0180,
+  0x024f
+ ],
+ [
+  0x0250,
+  0x02af,
+  0x1d00,
+  0x1d7f,
+  0x1d80,
+  0x1dbf
+ ],
+ [
+  0x02b0,
+  0x02ff,
+  0xa700,
+  0xa71f
+ ],
+ [
+  0x0300,
+  0x036f,
+  0x1dc0,
+  0x1dff
+ ],
+ [
+  0x0370,
+  0x03ff
+ ],
+ [
+  0x2c80,
+  0x2cff
+ ],
+ [
+  0x0400,
+  0x04ff,
+  0x0500,
+  0x052f,
+  0x2de0,
+  0x2dff,
+  0xa640,
+  0xa69f
+ ],
+ [
+  0x0530,
+  0x058f
+ ],
+ [
+  0x0590,
+  0x05ff
+ ],
+ [
+  0xa500,
+  0xa63f
+ ],
+ [
+  0x0600,
+  0x06ff,
+  0x0750,
+  0x077f
+ ],
+ [
+  0x07c0,
+  0x07ff
+ ],
+ [
+  0x0900,
+  0x097f
+ ],
+ [
+  0x0980,
+  0x09ff
+ ],
+ [
+  0x0a00,
+  0x0a7f
+ ],
+ [
+  0x0a80,
+  0x0aff
+ ],
+ [
+  0x0b00,
+  0x0b7f
+ ],
+ [
+  0x0b80,
+  0x0bff
+ ],
+ [
+  0x0c00,
+  0x0c7f
+ ],
+ [
+  0x0c80,
+  0x0cff
+ ],
+ [
+  0x0d00,
+  0x0d7f
+ ],
+ [
+  0x0e00,
+  0x0e7f
+ ],
+ [
+  0x0e80,
+  0x0eff
+ ],
+ [
+  0x10a0,
+  0x10ff,
+  0x2d00,
+  0x2d2f
+ ],
+ [
+  0x1b00,
+  0x1b7f
+ ],
+ [
+  0x1100,
+  0x11ff
+ ],
+ [
+  0x1e00,
+  0x1eff,
+  0x2c60,
+  0x2c7f,
+  0xa720,
+  0xa7ff
+ ],
+ [
+  0x1f00,
+  0x1fff
+ ],
+ [
+  0x2000,
+  0x206f,
+  0x2e00,
+  0x2e7f
+ ],
+ [
+  0x2070,
+  0x209f
+ ],
+ [
+  0x20a0,
+  0x20cf
+ ],
+ [
+  0x20d0,
+  0x20ff
+ ],
+ [
+  0x2100,
+  0x214f
+ ],
+ [
+  0x2150,
+  0x218f
+ ],
+ [
+  0x2190,
+  0x21ff,
+  0x27f0,
+  0x27ff,
+  0x2900,
+  0x297f,
+  0x2b00,
+  0x2bff
+ ],
+ [
+  0x2200,
+  0x22ff,
+  0x2a00,
+  0x2aff,
+  0x27c0,
+  0x27ef,
+  0x2980,
+  0x29ff
+ ],
+ [
+  0x2300,
+  0x23ff
+ ],
+ [
+  0x2400,
+  0x243f
+ ],
+ [
+  0x2440,
+  0x245f
+ ],
+ [
+  0x2460,
+  0x24ff
+ ],
+ [
+  0x2500,
+  0x257f
+ ],
+ [
+  0x2580,
+  0x259f
+ ],
+ [
+  0x25a0,
+  0x25ff
+ ],
+ [
+  0x2600,
+  0x26ff
+ ],
+ [
+  0x2700,
+  0x27bf
+ ],
+ [
+  0x3000,
+  0x303f
+ ],
+ [
+  0x3040,
+  0x309f
+ ],
+ [
+  0x30a0,
+  0x30ff,
+  0x31f0,
+  0x31ff
+ ],
+ [
+  0x3100,
+  0x312f,
+  0x31a0,
+  0x31bf
+ ],
+ [
+  0x3130,
+  0x318f
+ ],
+ [
+  0xa840,
+  0xa87f
+ ],
+ [
+  0x3200,
+  0x32ff
+ ],
+ [
+  0x3300,
+  0x33ff
+ ],
+ [
+  0xac00,
+  0xd7af
+ ],
+ [
+  0xd800,
+  0xdfff
+ ],
+ [
+  0x10900,
+  0x1091f
+ ],
+ [
+  0x4e00,
+  0x9fff,
+  0x2e80,
+  0x2eff,
+  0x2f00,
+  0x2fdf,
+  0x2ff0,
+  0x2fff,
+  0x3400,
+  0x4dbf,
+  0x20000,
+  0x2a6df,
+  0x3190,
+  0x319f
+ ],
+ [
+  0xe000,
+  0xf8ff
+ ],
+ [
+  0x31c0,
+  0x31ef,
+  0xf900,
+  0xfaff,
+  0x2f800,
+  0x2fa1f
+ ],
+ [
+  0xfb00,
+  0xfb4f
+ ],
+ [
+  0xfb50,
+  0xfdff
+ ],
+ [
+  0xfe20,
+  0xfe2f
+ ],
+ [
+  0xfe10,
+  0xfe1f
+ ],
+ [
+  0xfe50,
+  0xfe6f
+ ],
+ [
+  0xfe70,
+  0xfeff
+ ],
+ [
+  0xff00,
+  0xffef
+ ],
+ [
+  0xfff0,
+  0xffff
+ ],
+ [
+  0x0f00,
+  0x0fff
+ ],
+ [
+  0x0700,
+  0x074f
+ ],
+ [
+  0x0780,
+  0x07bf
+ ],
+ [
+  0x0d80,
+  0x0dff
+ ],
+ [
+  0x1000,
+  0x109f
+ ],
+ [
+  0x1200,
+  0x137f,
+  0x1380,
+  0x139f,
+  0x2d80,
+  0x2ddf
+ ],
+ [
+  0x13a0,
+  0x13ff
+ ],
+ [
+  0x1400,
+  0x167f
+ ],
+ [
+  0x1680,
+  0x169f
+ ],
+ [
+  0x16a0,
+  0x16ff
+ ],
+ [
+  0x1780,
+  0x17ff
+ ],
+ [
+  0x1800,
+  0x18af
+ ],
+ [
+  0x2800,
+  0x28ff
+ ],
+ [
+  0xa000,
+  0xa48f
+ ],
+ [
+  0x1700,
+  0x171f,
+  0x1720,
+  0x173f,
+  0x1740,
+  0x175f,
+  0x1760,
+  0x177f
+ ],
+ [
+  0x10300,
+  0x1032f
+ ],
+ [
+  0x10330,
+  0x1034f
+ ],
+ [
+  0x10400,
+  0x1044f
+ ],
+ [
+  0x1d000,
+  0x1d0ff,
+  0x1d100,
+  0x1d1ff,
+  0x1d200,
+  0x1d24f
+ ],
+ [
+  0x1d400,
+  0x1d7ff
+ ],
+ [
+  0xff000,
+  0xffffd
+ ],
+ [
+  0xfe00,
+  0xfe0f,
+  0xe0100,
+  0xe01ef
+ ],
+ [
+  0xe0000,
+  0xe007f
+ ],
+ [
+  0x1900,
+  0x194f
+ ],
+ [
+  0x1950,
+  0x197f
+ ],
+ [
+  0x1980,
+  0x19df
+ ],
+ [
+  0x1a00,
+  0x1a1f
+ ],
+ [
+  0x2c00,
+  0x2c5f
+ ],
+ [
+  0x2d30,
+  0x2d7f
+ ],
+ [
+  0x4dc0,
+  0x4dff
+ ],
+ [
+  0xa800,
+  0xa82f
+ ],
+ [
+  0x10000,
+  0x1007f,
+  0x10080,
+  0x100ff,
+  0x10100,
+  0x1013f
+ ],
+ [
+  0x10140,
+  0x1018f
+ ],
+ [
+  0x10380,
+  0x1039f
+ ],
+ [
+  0x103a0,
+  0x103df
+ ],
+ [
+  0x10450,
+  0x1047f
+ ],
+ [
+  0x10480,
+  0x104af
+ ],
+ [
+  0x10800,
+  0x1083f
+ ],
+ [
+  0x10a00,
+  0x10a5f
+ ],
+ [
+  0x1d300,
+  0x1d35f
+ ],
+ [
+  0x12000,
+  0x123ff,
+  0x12400,
+  0x1247f
+ ],
+ [
+  0x1d360,
+  0x1d37f
+ ],
+ [
+  0x1b80,
+  0x1bbf
+ ],
+ [
+  0x1c00,
+  0x1c4f
+ ],
+ [
+  0x1c50,
+  0x1c7f
+ ],
+ [
+  0xa880,
+  0xa8df
+ ],
+ [
+  0xa900,
+  0xa92f
+ ],
+ [
+  0xa930,
+  0xa95f
+ ],
+ [
+  0xaa00,
+  0xaa5f
+ ],
+ [
+  0x10190,
+  0x101cf
+ ],
+ [
+  0x101d0,
+  0x101ff
+ ],
+ [
+  0x102a0,
+  0x102df,
+  0x10280,
+  0x1029f,
+  0x10920,
+  0x1093f
+ ],
+ [
+  0x1f030,
+  0x1f09f,
+  0x1f000,
+  0x1f02f
+ ]
+];
+function getUnicodeRangeFor(value, lastPosition = -1) {
+ if (lastPosition !== -1) {
+  const range = UnicodeRanges[lastPosition];
+  for (let i = 0, ii = range.length; i < ii; i += 2) {
+   if (value >= range[i] && value <= range[i + 1]) {
+    return lastPosition;
+   }
+  }
+ }
+ for (let i = 0, ii = UnicodeRanges.length; i < ii; i++) {
+  const range = UnicodeRanges[i];
+  for (let j = 0, jj = range.length; j < jj; j += 2) {
+   if (value >= range[j] && value <= range[j + 1]) {
+    return i;
+   }
+  }
+ }
+ return -1;
+}
+const SpecialCharRegExp = new RegExp("^(\\s)|(\\p{Mn})|(\\p{Cf})$", "u");
+const CategoryCache = new Map();
+function getCharUnicodeCategory(char) {
+ const cachedCategory = CategoryCache.get(char);
+ if (cachedCategory) {
+  return cachedCategory;
+ }
+ const groups = char.match(SpecialCharRegExp);
+ const category = {
+  isWhitespace: !!(groups && groups[1]),
+  isZeroWidthDiacritic: !!(groups && groups[2]),
+  isInvisibleFormatMark: !!(groups && groups[3])
+ };
+ CategoryCache.set(char, category);
+ return category;
+}
+function clearUnicodeCaches() {
+ CategoryCache.clear();
+}
+
+
+/***/ }),
+/* 41 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.getSerifFonts = exports.getNonStdFontMap = exports.getGlyphMapForStandardFonts = exports.getFontNameToFileMap = void 0;
+exports.getStandardFontName = getStandardFontName;
+exports.getSymbolsFonts = exports.getSupplementalGlyphMapForCalibri = exports.getSupplementalGlyphMapForArialBlack = exports.getStdFontMap = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+var _fonts_utils = __w_pdfjs_require__(38);
+const getStdFontMap = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t["Times-Roman"] = "Times-Roman";
+  t.Helvetica = "Helvetica";
+  t.Courier = "Courier";
+  t.Symbol = "Symbol";
+  t["Times-Bold"] = "Times-Bold";
+  t["Helvetica-Bold"] = "Helvetica-Bold";
+  t["Courier-Bold"] = "Courier-Bold";
+  t.ZapfDingbats = "ZapfDingbats";
+  t["Times-Italic"] = "Times-Italic";
+  t["Helvetica-Oblique"] = "Helvetica-Oblique";
+  t["Courier-Oblique"] = "Courier-Oblique";
+  t["Times-BoldItalic"] = "Times-BoldItalic";
+  t["Helvetica-BoldOblique"] = "Helvetica-BoldOblique";
+  t["Courier-BoldOblique"] = "Courier-BoldOblique";
+  t.ArialNarrow = "Helvetica";
+  t["ArialNarrow-Bold"] = "Helvetica-Bold";
+  t["ArialNarrow-BoldItalic"] = "Helvetica-BoldOblique";
+  t["ArialNarrow-Italic"] = "Helvetica-Oblique";
+  t.ArialBlack = "Helvetica";
+  t["ArialBlack-Bold"] = "Helvetica-Bold";
+  t["ArialBlack-BoldItalic"] = "Helvetica-BoldOblique";
+  t["ArialBlack-Italic"] = "Helvetica-Oblique";
+  t["Arial-Black"] = "Helvetica";
+  t["Arial-Black-Bold"] = "Helvetica-Bold";
+  t["Arial-Black-BoldItalic"] = "Helvetica-BoldOblique";
+  t["Arial-Black-Italic"] = "Helvetica-Oblique";
+  t.Arial = "Helvetica";
+  t["Arial-Bold"] = "Helvetica-Bold";
+  t["Arial-BoldItalic"] = "Helvetica-BoldOblique";
+  t["Arial-Italic"] = "Helvetica-Oblique";
+  t.ArialMT = "Helvetica";
+  t["Arial-BoldItalicMT"] = "Helvetica-BoldOblique";
+  t["Arial-BoldMT"] = "Helvetica-Bold";
+  t["Arial-ItalicMT"] = "Helvetica-Oblique";
+  t.ArialUnicodeMS = "Helvetica";
+  t["ArialUnicodeMS-Bold"] = "Helvetica-Bold";
+  t["ArialUnicodeMS-BoldItalic"] = "Helvetica-BoldOblique";
+  t["ArialUnicodeMS-Italic"] = "Helvetica-Oblique";
+  t["Courier-BoldItalic"] = "Courier-BoldOblique";
+  t["Courier-Italic"] = "Courier-Oblique";
+  t.CourierNew = "Courier";
+  t["CourierNew-Bold"] = "Courier-Bold";
+  t["CourierNew-BoldItalic"] = "Courier-BoldOblique";
+  t["CourierNew-Italic"] = "Courier-Oblique";
+  t["CourierNewPS-BoldItalicMT"] = "Courier-BoldOblique";
+  t["CourierNewPS-BoldMT"] = "Courier-Bold";
+  t["CourierNewPS-ItalicMT"] = "Courier-Oblique";
+  t.CourierNewPSMT = "Courier";
+  t["Helvetica-BoldItalic"] = "Helvetica-BoldOblique";
+  t["Helvetica-Italic"] = "Helvetica-Oblique";
+  t["Symbol-Bold"] = "Symbol";
+  t["Symbol-BoldItalic"] = "Symbol";
+  t["Symbol-Italic"] = "Symbol";
+  t.TimesNewRoman = "Times-Roman";
+  t["TimesNewRoman-Bold"] = "Times-Bold";
+  t["TimesNewRoman-BoldItalic"] = "Times-BoldItalic";
+  t["TimesNewRoman-Italic"] = "Times-Italic";
+  t.TimesNewRomanPS = "Times-Roman";
+  t["TimesNewRomanPS-Bold"] = "Times-Bold";
+  t["TimesNewRomanPS-BoldItalic"] = "Times-BoldItalic";
+  t["TimesNewRomanPS-BoldItalicMT"] = "Times-BoldItalic";
+  t["TimesNewRomanPS-BoldMT"] = "Times-Bold";
+  t["TimesNewRomanPS-Italic"] = "Times-Italic";
+  t["TimesNewRomanPS-ItalicMT"] = "Times-Italic";
+  t.TimesNewRomanPSMT = "Times-Roman";
+  t["TimesNewRomanPSMT-Bold"] = "Times-Bold";
+  t["TimesNewRomanPSMT-BoldItalic"] = "Times-BoldItalic";
+  t["TimesNewRomanPSMT-Italic"] = "Times-Italic";
+});
+exports.getStdFontMap = getStdFontMap;
+const getFontNameToFileMap = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t.Courier = "FoxitFixed.pfb";
+  t["Courier-Bold"] = "FoxitFixedBold.pfb";
+  t["Courier-BoldOblique"] = "FoxitFixedBoldItalic.pfb";
+  t["Courier-Oblique"] = "FoxitFixedItalic.pfb";
+  t.Helvetica = "FoxitSans.pfb";
+  t["Helvetica-Bold"] = "FoxitSansBold.pfb";
+  t["Helvetica-BoldOblique"] = "FoxitSansBoldItalic.pfb";
+  t["Helvetica-Oblique"] = "FoxitSansItalic.pfb";
+  t["Times-Roman"] = "FoxitSerif.pfb";
+  t["Times-Bold"] = "FoxitSerifBold.pfb";
+  t["Times-BoldItalic"] = "FoxitSerifBoldItalic.pfb";
+  t["Times-Italic"] = "FoxitSerifItalic.pfb";
+  t.Symbol = "FoxitSymbol.pfb";
+  t.ZapfDingbats = "FoxitDingbats.pfb";
+  t["LiberationSans-Regular"] = "LiberationSans-Regular.ttf";
+  t["LiberationSans-Bold"] = "LiberationSans-Bold.ttf";
+  t["LiberationSans-Italic"] = "LiberationSans-Italic.ttf";
+  t["LiberationSans-BoldItalic"] = "LiberationSans-BoldItalic.ttf";
+});
+exports.getFontNameToFileMap = getFontNameToFileMap;
+const getNonStdFontMap = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t.Calibri = "Helvetica";
+  t["Calibri-Bold"] = "Helvetica-Bold";
+  t["Calibri-BoldItalic"] = "Helvetica-BoldOblique";
+  t["Calibri-Italic"] = "Helvetica-Oblique";
+  t.CenturyGothic = "Helvetica";
+  t["CenturyGothic-Bold"] = "Helvetica-Bold";
+  t["CenturyGothic-BoldItalic"] = "Helvetica-BoldOblique";
+  t["CenturyGothic-Italic"] = "Helvetica-Oblique";
+  t.ComicSansMS = "Comic Sans MS";
+  t["ComicSansMS-Bold"] = "Comic Sans MS-Bold";
+  t["ComicSansMS-BoldItalic"] = "Comic Sans MS-BoldItalic";
+  t["ComicSansMS-Italic"] = "Comic Sans MS-Italic";
+  t["ItcSymbol-Bold"] = "Helvetica-Bold";
+  t["ItcSymbol-BoldItalic"] = "Helvetica-BoldOblique";
+  t["ItcSymbol-Book"] = "Helvetica";
+  t["ItcSymbol-BookItalic"] = "Helvetica-Oblique";
+  t["ItcSymbol-Medium"] = "Helvetica";
+  t["ItcSymbol-MediumItalic"] = "Helvetica-Oblique";
+  t.LucidaConsole = "Courier";
+  t["LucidaConsole-Bold"] = "Courier-Bold";
+  t["LucidaConsole-BoldItalic"] = "Courier-BoldOblique";
+  t["LucidaConsole-Italic"] = "Courier-Oblique";
+  t["LucidaSans-Demi"] = "Helvetica-Bold";
+  t["MS-Gothic"] = "MS Gothic";
+  t["MS-Gothic-Bold"] = "MS Gothic-Bold";
+  t["MS-Gothic-BoldItalic"] = "MS Gothic-BoldItalic";
+  t["MS-Gothic-Italic"] = "MS Gothic-Italic";
+  t["MS-Mincho"] = "MS Mincho";
+  t["MS-Mincho-Bold"] = "MS Mincho-Bold";
+  t["MS-Mincho-BoldItalic"] = "MS Mincho-BoldItalic";
+  t["MS-Mincho-Italic"] = "MS Mincho-Italic";
+  t["MS-PGothic"] = "MS PGothic";
+  t["MS-PGothic-Bold"] = "MS PGothic-Bold";
+  t["MS-PGothic-BoldItalic"] = "MS PGothic-BoldItalic";
+  t["MS-PGothic-Italic"] = "MS PGothic-Italic";
+  t["MS-PMincho"] = "MS PMincho";
+  t["MS-PMincho-Bold"] = "MS PMincho-Bold";
+  t["MS-PMincho-BoldItalic"] = "MS PMincho-BoldItalic";
+  t["MS-PMincho-Italic"] = "MS PMincho-Italic";
+  t.NuptialScript = "Times-Italic";
+  t.SegoeUISymbol = "Helvetica";
+  t.Wingdings = "ZapfDingbats";
+  t["Wingdings-Regular"] = "ZapfDingbats";
+});
+exports.getNonStdFontMap = getNonStdFontMap;
+const getSerifFonts = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t["Adobe Jenson"] = true;
+  t["Adobe Text"] = true;
+  t.Albertus = true;
+  t.Aldus = true;
+  t.Alexandria = true;
+  t.Algerian = true;
+  t["American Typewriter"] = true;
+  t.Antiqua = true;
+  t.Apex = true;
+  t.Arno = true;
+  t.Aster = true;
+  t.Aurora = true;
+  t.Baskerville = true;
+  t.Bell = true;
+  t.Bembo = true;
+  t["Bembo Schoolbook"] = true;
+  t.Benguiat = true;
+  t["Berkeley Old Style"] = true;
+  t["Bernhard Modern"] = true;
+  t["Berthold City"] = true;
+  t.Bodoni = true;
+  t["Bauer Bodoni"] = true;
+  t["Book Antiqua"] = true;
+  t.Bookman = true;
+  t["Bordeaux Roman"] = true;
+  t["Californian FB"] = true;
+  t.Calisto = true;
+  t.Calvert = true;
+  t.Capitals = true;
+  t.Cambria = true;
+  t.Cartier = true;
+  t.Caslon = true;
+  t.Catull = true;
+  t.Centaur = true;
+  t["Century Old Style"] = true;
+  t["Century Schoolbook"] = true;
+  t.Chaparral = true;
+  t["Charis SIL"] = true;
+  t.Cheltenham = true;
+  t["Cholla Slab"] = true;
+  t.Clarendon = true;
+  t.Clearface = true;
+  t.Cochin = true;
+  t.Colonna = true;
+  t["Computer Modern"] = true;
+  t["Concrete Roman"] = true;
+  t.Constantia = true;
+  t["Cooper Black"] = true;
+  t.Corona = true;
+  t.Ecotype = true;
+  t.Egyptienne = true;
+  t.Elephant = true;
+  t.Excelsior = true;
+  t.Fairfield = true;
+  t["FF Scala"] = true;
+  t.Folkard = true;
+  t.Footlight = true;
+  t.FreeSerif = true;
+  t["Friz Quadrata"] = true;
+  t.Garamond = true;
+  t.Gentium = true;
+  t.Georgia = true;
+  t.Gloucester = true;
+  t["Goudy Old Style"] = true;
+  t["Goudy Schoolbook"] = true;
+  t["Goudy Pro Font"] = true;
+  t.Granjon = true;
+  t["Guardian Egyptian"] = true;
+  t.Heather = true;
+  t.Hercules = true;
+  t["High Tower Text"] = true;
+  t.Hiroshige = true;
+  t["Hoefler Text"] = true;
+  t["Humana Serif"] = true;
+  t.Imprint = true;
+  t["Ionic No. 5"] = true;
+  t.Janson = true;
+  t.Joanna = true;
+  t.Korinna = true;
+  t.Lexicon = true;
+  t.LiberationSerif = true;
+  t["Liberation Serif"] = true;
+  t["Linux Libertine"] = true;
+  t.Literaturnaya = true;
+  t.Lucida = true;
+  t["Lucida Bright"] = true;
+  t.Melior = true;
+  t.Memphis = true;
+  t.Miller = true;
+  t.Minion = true;
+  t.Modern = true;
+  t["Mona Lisa"] = true;
+  t["Mrs Eaves"] = true;
+  t["MS Serif"] = true;
+  t["Museo Slab"] = true;
+  t["New York"] = true;
+  t["Nimbus Roman"] = true;
+  t["NPS Rawlinson Roadway"] = true;
+  t.NuptialScript = true;
+  t.Palatino = true;
+  t.Perpetua = true;
+  t.Plantin = true;
+  t["Plantin Schoolbook"] = true;
+  t.Playbill = true;
+  t["Poor Richard"] = true;
+  t["Rawlinson Roadway"] = true;
+  t.Renault = true;
+  t.Requiem = true;
+  t.Rockwell = true;
+  t.Roman = true;
+  t["Rotis Serif"] = true;
+  t.Sabon = true;
+  t.Scala = true;
+  t.Seagull = true;
+  t.Sistina = true;
+  t.Souvenir = true;
+  t.STIX = true;
+  t["Stone Informal"] = true;
+  t["Stone Serif"] = true;
+  t.Sylfaen = true;
+  t.Times = true;
+  t.Trajan = true;
+  t["Trinité"] = true;
+  t["Trump Mediaeval"] = true;
+  t.Utopia = true;
+  t["Vale Type"] = true;
+  t["Bitstream Vera"] = true;
+  t["Vera Serif"] = true;
+  t.Versailles = true;
+  t.Wanted = true;
+  t.Weiss = true;
+  t["Wide Latin"] = true;
+  t.Windsor = true;
+  t.XITS = true;
+});
+exports.getSerifFonts = getSerifFonts;
+const getSymbolsFonts = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t.Dingbats = true;
+  t.Symbol = true;
+  t.ZapfDingbats = true;
+});
+exports.getSymbolsFonts = getSymbolsFonts;
+const getGlyphMapForStandardFonts = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t[2] = 10;
+  t[3] = 32;
+  t[4] = 33;
+  t[5] = 34;
+  t[6] = 35;
+  t[7] = 36;
+  t[8] = 37;
+  t[9] = 38;
+  t[10] = 39;
+  t[11] = 40;
+  t[12] = 41;
+  t[13] = 42;
+  t[14] = 43;
+  t[15] = 44;
+  t[16] = 45;
+  t[17] = 46;
+  t[18] = 47;
+  t[19] = 48;
+  t[20] = 49;
+  t[21] = 50;
+  t[22] = 51;
+  t[23] = 52;
+  t[24] = 53;
+  t[25] = 54;
+  t[26] = 55;
+  t[27] = 56;
+  t[28] = 57;
+  t[29] = 58;
+  t[30] = 894;
+  t[31] = 60;
+  t[32] = 61;
+  t[33] = 62;
+  t[34] = 63;
+  t[35] = 64;
+  t[36] = 65;
+  t[37] = 66;
+  t[38] = 67;
+  t[39] = 68;
+  t[40] = 69;
+  t[41] = 70;
+  t[42] = 71;
+  t[43] = 72;
+  t[44] = 73;
+  t[45] = 74;
+  t[46] = 75;
+  t[47] = 76;
+  t[48] = 77;
+  t[49] = 78;
+  t[50] = 79;
+  t[51] = 80;
+  t[52] = 81;
+  t[53] = 82;
+  t[54] = 83;
+  t[55] = 84;
+  t[56] = 85;
+  t[57] = 86;
+  t[58] = 87;
+  t[59] = 88;
+  t[60] = 89;
+  t[61] = 90;
+  t[62] = 91;
+  t[63] = 92;
+  t[64] = 93;
+  t[65] = 94;
+  t[66] = 95;
+  t[67] = 96;
+  t[68] = 97;
+  t[69] = 98;
+  t[70] = 99;
+  t[71] = 100;
+  t[72] = 101;
+  t[73] = 102;
+  t[74] = 103;
+  t[75] = 104;
+  t[76] = 105;
+  t[77] = 106;
+  t[78] = 107;
+  t[79] = 108;
+  t[80] = 109;
+  t[81] = 110;
+  t[82] = 111;
+  t[83] = 112;
+  t[84] = 113;
+  t[85] = 114;
+  t[86] = 115;
+  t[87] = 116;
+  t[88] = 117;
+  t[89] = 118;
+  t[90] = 119;
+  t[91] = 120;
+  t[92] = 121;
+  t[93] = 122;
+  t[94] = 123;
+  t[95] = 124;
+  t[96] = 125;
+  t[97] = 126;
+  t[98] = 196;
+  t[99] = 197;
+  t[100] = 199;
+  t[101] = 201;
+  t[102] = 209;
+  t[103] = 214;
+  t[104] = 220;
+  t[105] = 225;
+  t[106] = 224;
+  t[107] = 226;
+  t[108] = 228;
+  t[109] = 227;
+  t[110] = 229;
+  t[111] = 231;
+  t[112] = 233;
+  t[113] = 232;
+  t[114] = 234;
+  t[115] = 235;
+  t[116] = 237;
+  t[117] = 236;
+  t[118] = 238;
+  t[119] = 239;
+  t[120] = 241;
+  t[121] = 243;
+  t[122] = 242;
+  t[123] = 244;
+  t[124] = 246;
+  t[125] = 245;
+  t[126] = 250;
+  t[127] = 249;
+  t[128] = 251;
+  t[129] = 252;
+  t[130] = 8224;
+  t[131] = 176;
+  t[132] = 162;
+  t[133] = 163;
+  t[134] = 167;
+  t[135] = 8226;
+  t[136] = 182;
+  t[137] = 223;
+  t[138] = 174;
+  t[139] = 169;
+  t[140] = 8482;
+  t[141] = 180;
+  t[142] = 168;
+  t[143] = 8800;
+  t[144] = 198;
+  t[145] = 216;
+  t[146] = 8734;
+  t[147] = 177;
+  t[148] = 8804;
+  t[149] = 8805;
+  t[150] = 165;
+  t[151] = 181;
+  t[152] = 8706;
+  t[153] = 8721;
+  t[154] = 8719;
+  t[156] = 8747;
+  t[157] = 170;
+  t[158] = 186;
+  t[159] = 8486;
+  t[160] = 230;
+  t[161] = 248;
+  t[162] = 191;
+  t[163] = 161;
+  t[164] = 172;
+  t[165] = 8730;
+  t[166] = 402;
+  t[167] = 8776;
+  t[168] = 8710;
+  t[169] = 171;
+  t[170] = 187;
+  t[171] = 8230;
+  t[179] = 8220;
+  t[180] = 8221;
+  t[181] = 8216;
+  t[182] = 8217;
+  t[200] = 193;
+  t[203] = 205;
+  t[207] = 211;
+  t[210] = 218;
+  t[223] = 711;
+  t[224] = 321;
+  t[225] = 322;
+  t[226] = 352;
+  t[227] = 353;
+  t[228] = 381;
+  t[229] = 382;
+  t[233] = 221;
+  t[234] = 253;
+  t[252] = 263;
+  t[253] = 268;
+  t[254] = 269;
+  t[258] = 258;
+  t[260] = 260;
+  t[261] = 261;
+  t[265] = 280;
+  t[266] = 281;
+  t[267] = 282;
+  t[268] = 283;
+  t[269] = 313;
+  t[275] = 323;
+  t[276] = 324;
+  t[278] = 328;
+  t[283] = 344;
+  t[284] = 345;
+  t[285] = 346;
+  t[286] = 347;
+  t[292] = 367;
+  t[295] = 377;
+  t[296] = 378;
+  t[298] = 380;
+  t[305] = 963;
+  t[306] = 964;
+  t[307] = 966;
+  t[308] = 8215;
+  t[309] = 8252;
+  t[310] = 8319;
+  t[311] = 8359;
+  t[312] = 8592;
+  t[313] = 8593;
+  t[337] = 9552;
+  t[493] = 1039;
+  t[494] = 1040;
+  t[672] = 1488;
+  t[673] = 1489;
+  t[674] = 1490;
+  t[675] = 1491;
+  t[676] = 1492;
+  t[677] = 1493;
+  t[678] = 1494;
+  t[679] = 1495;
+  t[680] = 1496;
+  t[681] = 1497;
+  t[682] = 1498;
+  t[683] = 1499;
+  t[684] = 1500;
+  t[685] = 1501;
+  t[686] = 1502;
+  t[687] = 1503;
+  t[688] = 1504;
+  t[689] = 1505;
+  t[690] = 1506;
+  t[691] = 1507;
+  t[692] = 1508;
+  t[693] = 1509;
+  t[694] = 1510;
+  t[695] = 1511;
+  t[696] = 1512;
+  t[697] = 1513;
+  t[698] = 1514;
+  t[705] = 1524;
+  t[706] = 8362;
+  t[710] = 64288;
+  t[711] = 64298;
+  t[759] = 1617;
+  t[761] = 1776;
+  t[763] = 1778;
+  t[775] = 1652;
+  t[777] = 1764;
+  t[778] = 1780;
+  t[779] = 1781;
+  t[780] = 1782;
+  t[782] = 771;
+  t[783] = 64726;
+  t[786] = 8363;
+  t[788] = 8532;
+  t[790] = 768;
+  t[791] = 769;
+  t[792] = 768;
+  t[795] = 803;
+  t[797] = 64336;
+  t[798] = 64337;
+  t[799] = 64342;
+  t[800] = 64343;
+  t[801] = 64344;
+  t[802] = 64345;
+  t[803] = 64362;
+  t[804] = 64363;
+  t[805] = 64364;
+  t[2424] = 7821;
+  t[2425] = 7822;
+  t[2426] = 7823;
+  t[2427] = 7824;
+  t[2428] = 7825;
+  t[2429] = 7826;
+  t[2430] = 7827;
+  t[2433] = 7682;
+  t[2678] = 8045;
+  t[2679] = 8046;
+  t[2830] = 1552;
+  t[2838] = 686;
+  t[2840] = 751;
+  t[2842] = 753;
+  t[2843] = 754;
+  t[2844] = 755;
+  t[2846] = 757;
+  t[2856] = 767;
+  t[2857] = 848;
+  t[2858] = 849;
+  t[2862] = 853;
+  t[2863] = 854;
+  t[2864] = 855;
+  t[2865] = 861;
+  t[2866] = 862;
+  t[2906] = 7460;
+  t[2908] = 7462;
+  t[2909] = 7463;
+  t[2910] = 7464;
+  t[2912] = 7466;
+  t[2913] = 7467;
+  t[2914] = 7468;
+  t[2916] = 7470;
+  t[2917] = 7471;
+  t[2918] = 7472;
+  t[2920] = 7474;
+  t[2921] = 7475;
+  t[2922] = 7476;
+  t[2924] = 7478;
+  t[2925] = 7479;
+  t[2926] = 7480;
+  t[2928] = 7482;
+  t[2929] = 7483;
+  t[2930] = 7484;
+  t[2932] = 7486;
+  t[2933] = 7487;
+  t[2934] = 7488;
+  t[2936] = 7490;
+  t[2937] = 7491;
+  t[2938] = 7492;
+  t[2940] = 7494;
+  t[2941] = 7495;
+  t[2942] = 7496;
+  t[2944] = 7498;
+  t[2946] = 7500;
+  t[2948] = 7502;
+  t[2950] = 7504;
+  t[2951] = 7505;
+  t[2952] = 7506;
+  t[2954] = 7508;
+  t[2955] = 7509;
+  t[2956] = 7510;
+  t[2958] = 7512;
+  t[2959] = 7513;
+  t[2960] = 7514;
+  t[2962] = 7516;
+  t[2963] = 7517;
+  t[2964] = 7518;
+  t[2966] = 7520;
+  t[2967] = 7521;
+  t[2968] = 7522;
+  t[2970] = 7524;
+  t[2971] = 7525;
+  t[2972] = 7526;
+  t[2974] = 7528;
+  t[2975] = 7529;
+  t[2976] = 7530;
+  t[2978] = 1537;
+  t[2979] = 1538;
+  t[2980] = 1539;
+  t[2982] = 1549;
+  t[2983] = 1551;
+  t[2984] = 1552;
+  t[2986] = 1554;
+  t[2987] = 1555;
+  t[2988] = 1556;
+  t[2990] = 1623;
+  t[2991] = 1624;
+  t[2995] = 1775;
+  t[2999] = 1791;
+  t[3002] = 64290;
+  t[3003] = 64291;
+  t[3004] = 64292;
+  t[3006] = 64294;
+  t[3007] = 64295;
+  t[3008] = 64296;
+  t[3011] = 1900;
+  t[3014] = 8223;
+  t[3015] = 8244;
+  t[3017] = 7532;
+  t[3018] = 7533;
+  t[3019] = 7534;
+  t[3075] = 7590;
+  t[3076] = 7591;
+  t[3079] = 7594;
+  t[3080] = 7595;
+  t[3083] = 7598;
+  t[3084] = 7599;
+  t[3087] = 7602;
+  t[3088] = 7603;
+  t[3091] = 7606;
+  t[3092] = 7607;
+  t[3095] = 7610;
+  t[3096] = 7611;
+  t[3099] = 7614;
+  t[3100] = 7615;
+  t[3103] = 7618;
+  t[3104] = 7619;
+  t[3107] = 8337;
+  t[3108] = 8338;
+  t[3116] = 1884;
+  t[3119] = 1885;
+  t[3120] = 1885;
+  t[3123] = 1886;
+  t[3124] = 1886;
+  t[3127] = 1887;
+  t[3128] = 1887;
+  t[3131] = 1888;
+  t[3132] = 1888;
+  t[3135] = 1889;
+  t[3136] = 1889;
+  t[3139] = 1890;
+  t[3140] = 1890;
+  t[3143] = 1891;
+  t[3144] = 1891;
+  t[3147] = 1892;
+  t[3148] = 1892;
+  t[3153] = 580;
+  t[3154] = 581;
+  t[3157] = 584;
+  t[3158] = 585;
+  t[3161] = 588;
+  t[3162] = 589;
+  t[3165] = 891;
+  t[3166] = 892;
+  t[3169] = 1274;
+  t[3170] = 1275;
+  t[3173] = 1278;
+  t[3174] = 1279;
+  t[3181] = 7622;
+  t[3182] = 7623;
+  t[3282] = 11799;
+  t[3316] = 578;
+  t[3379] = 42785;
+  t[3393] = 1159;
+  t[3416] = 8377;
+});
+exports.getGlyphMapForStandardFonts = getGlyphMapForStandardFonts;
+const getSupplementalGlyphMapForArialBlack = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t[227] = 322;
+  t[264] = 261;
+  t[291] = 346;
+});
+exports.getSupplementalGlyphMapForArialBlack = getSupplementalGlyphMapForArialBlack;
+const getSupplementalGlyphMapForCalibri = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t[1] = 32;
+  t[4] = 65;
+  t[5] = 192;
+  t[6] = 193;
+  t[9] = 196;
+  t[17] = 66;
+  t[18] = 67;
+  t[21] = 268;
+  t[24] = 68;
+  t[28] = 69;
+  t[29] = 200;
+  t[30] = 201;
+  t[32] = 282;
+  t[38] = 70;
+  t[39] = 71;
+  t[44] = 72;
+  t[47] = 73;
+  t[48] = 204;
+  t[49] = 205;
+  t[58] = 74;
+  t[60] = 75;
+  t[62] = 76;
+  t[68] = 77;
+  t[69] = 78;
+  t[75] = 79;
+  t[76] = 210;
+  t[80] = 214;
+  t[87] = 80;
+  t[89] = 81;
+  t[90] = 82;
+  t[92] = 344;
+  t[94] = 83;
+  t[97] = 352;
+  t[100] = 84;
+  t[104] = 85;
+  t[109] = 220;
+  t[115] = 86;
+  t[116] = 87;
+  t[121] = 88;
+  t[122] = 89;
+  t[124] = 221;
+  t[127] = 90;
+  t[129] = 381;
+  t[258] = 97;
+  t[259] = 224;
+  t[260] = 225;
+  t[263] = 228;
+  t[268] = 261;
+  t[271] = 98;
+  t[272] = 99;
+  t[273] = 263;
+  t[275] = 269;
+  t[282] = 100;
+  t[286] = 101;
+  t[287] = 232;
+  t[288] = 233;
+  t[290] = 283;
+  t[295] = 281;
+  t[296] = 102;
+  t[336] = 103;
+  t[346] = 104;
+  t[349] = 105;
+  t[350] = 236;
+  t[351] = 237;
+  t[361] = 106;
+  t[364] = 107;
+  t[367] = 108;
+  t[371] = 322;
+  t[373] = 109;
+  t[374] = 110;
+  t[381] = 111;
+  t[382] = 242;
+  t[383] = 243;
+  t[386] = 246;
+  t[393] = 112;
+  t[395] = 113;
+  t[396] = 114;
+  t[398] = 345;
+  t[400] = 115;
+  t[401] = 347;
+  t[403] = 353;
+  t[410] = 116;
+  t[437] = 117;
+  t[442] = 252;
+  t[448] = 118;
+  t[449] = 119;
+  t[454] = 120;
+  t[455] = 121;
+  t[457] = 253;
+  t[460] = 122;
+  t[462] = 382;
+  t[463] = 380;
+  t[853] = 44;
+  t[855] = 58;
+  t[856] = 46;
+  t[876] = 47;
+  t[878] = 45;
+  t[882] = 45;
+  t[894] = 40;
+  t[895] = 41;
+  t[896] = 91;
+  t[897] = 93;
+  t[923] = 64;
+  t[1004] = 48;
+  t[1005] = 49;
+  t[1006] = 50;
+  t[1007] = 51;
+  t[1008] = 52;
+  t[1009] = 53;
+  t[1010] = 54;
+  t[1011] = 55;
+  t[1012] = 56;
+  t[1013] = 57;
+  t[1081] = 37;
+  t[1085] = 43;
+  t[1086] = 45;
+});
+exports.getSupplementalGlyphMapForCalibri = getSupplementalGlyphMapForCalibri;
+function getStandardFontName(name) {
+  const fontName = (0, _fonts_utils.normalizeFontName)(name);
+  const stdFontMap = getStdFontMap();
+  return stdFontMap[fontName];
+}
+
+/***/ }),
+/* 42 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ToUnicodeMap = exports.IdentityToUnicodeMap = void 0;
+var _util = __w_pdfjs_require__(2);
+class ToUnicodeMap {
+  constructor(cmap = []) {
+    this._map = cmap;
+  }
+  get length() {
+    return this._map.length;
+  }
+  forEach(callback) {
+    for (const charCode in this._map) {
+      callback(charCode, this._map[charCode].charCodeAt(0));
+    }
+  }
+  has(i) {
+    return this._map[i] !== undefined;
+  }
+  get(i) {
+    return this._map[i];
+  }
+  charCodeOf(value) {
+    const map = this._map;
+    if (map.length <= 0x10000) {
+      return map.indexOf(value);
+    }
+    for (const charCode in map) {
+      if (map[charCode] === value) {
+        return charCode | 0;
+      }
+    }
+    return -1;
+  }
+  amend(map) {
+    for (const charCode in map) {
+      this._map[charCode] = map[charCode];
+    }
+  }
+}
+exports.ToUnicodeMap = ToUnicodeMap;
+class IdentityToUnicodeMap {
+  constructor(firstChar, lastChar) {
+    this.firstChar = firstChar;
+    this.lastChar = lastChar;
+  }
+  get length() {
+    return this.lastChar + 1 - this.firstChar;
+  }
+  forEach(callback) {
+    for (let i = this.firstChar, ii = this.lastChar; i <= ii; i++) {
+      callback(i, i);
+    }
+  }
+  has(i) {
+    return this.firstChar <= i && i <= this.lastChar;
+  }
+  get(i) {
+    if (this.firstChar <= i && i <= this.lastChar) {
+      return String.fromCharCode(i);
+    }
+    return undefined;
+  }
+  charCodeOf(v) {
+    return Number.isInteger(v) && v >= this.firstChar && v <= this.lastChar ? v : -1;
+  }
+  amend(map) {
+    (0, _util.unreachable)("Should not call amend()");
+  }
+}
+exports.IdentityToUnicodeMap = IdentityToUnicodeMap;
+
+/***/ }),
+/* 43 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.CFFFont = void 0;
+var _cff_parser = __w_pdfjs_require__(35);
+var _fonts_utils = __w_pdfjs_require__(38);
+var _util = __w_pdfjs_require__(2);
+class CFFFont {
+  constructor(file, properties) {
+    this.properties = properties;
+    const parser = new _cff_parser.CFFParser(file, properties, _fonts_utils.SEAC_ANALYSIS_ENABLED);
+    this.cff = parser.parse();
+    this.cff.duplicateFirstGlyph();
+    const compiler = new _cff_parser.CFFCompiler(this.cff);
+    this.seacs = this.cff.seacs;
+    try {
+      this.data = compiler.compile();
+    } catch (e) {
+      (0, _util.warn)("Failed to compile font " + properties.loadedName);
+      this.data = file;
+    }
+    this._createBuiltInEncoding();
+  }
+  get numGlyphs() {
+    return this.cff.charStrings.count;
+  }
+  getCharset() {
+    return this.cff.charset.charset;
+  }
+  getGlyphMapping() {
+    const cff = this.cff;
+    const properties = this.properties;
+    const {
+      cidToGidMap,
+      cMap
+    } = properties;
+    const charsets = cff.charset.charset;
+    let charCodeToGlyphId;
+    let glyphId;
+    if (properties.composite) {
+      let invCidToGidMap;
+      if (cidToGidMap && cidToGidMap.length > 0) {
+        invCidToGidMap = Object.create(null);
+        for (let i = 0, ii = cidToGidMap.length; i < ii; i++) {
+          const gid = cidToGidMap[i];
+          if (gid !== undefined) {
+            invCidToGidMap[gid] = i;
+          }
+        }
+      }
+      charCodeToGlyphId = Object.create(null);
+      let charCode;
+      if (cff.isCIDFont) {
+        for (glyphId = 0; glyphId < charsets.length; glyphId++) {
+          const cid = charsets[glyphId];
+          charCode = cMap.charCodeOf(cid);
+          if (invCidToGidMap && invCidToGidMap[charCode] !== undefined) {
+            charCode = invCidToGidMap[charCode];
+          }
+          charCodeToGlyphId[charCode] = glyphId;
+        }
+      } else {
+        for (glyphId = 0; glyphId < cff.charStrings.count; glyphId++) {
+          charCode = cMap.charCodeOf(glyphId);
+          charCodeToGlyphId[charCode] = glyphId;
+        }
+      }
+      return charCodeToGlyphId;
+    }
+    let encoding = cff.encoding ? cff.encoding.encoding : null;
+    if (properties.isInternalFont) {
+      encoding = properties.defaultEncoding;
+    }
+    charCodeToGlyphId = (0, _fonts_utils.type1FontGlyphMapping)(properties, encoding, charsets);
+    return charCodeToGlyphId;
+  }
+  hasGlyphId(id) {
+    return this.cff.hasGlyphId(id);
+  }
+  _createBuiltInEncoding() {
+    const {
+      charset,
+      encoding
+    } = this.cff;
+    if (!charset || !encoding) {
+      return;
+    }
+    const charsets = charset.charset,
+      encodings = encoding.encoding;
+    const map = [];
+    for (const charCode in encodings) {
+      const glyphId = encodings[charCode];
+      if (glyphId >= 0) {
+        const glyphName = charsets[glyphId];
+        if (glyphName) {
+          map[charCode] = glyphName;
+        }
+      }
+    }
+    if (map.length > 0) {
+      this.properties.builtInEncoding = map;
+    }
+  }
+}
+exports.CFFFont = CFFFont;
+
+/***/ }),
+/* 44 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.FontRendererFactory = void 0;
+var _util = __w_pdfjs_require__(2);
+var _cff_parser = __w_pdfjs_require__(35);
+var _glyphlist = __w_pdfjs_require__(39);
+var _encodings = __w_pdfjs_require__(37);
+var _stream = __w_pdfjs_require__(8);
+function getUint32(data, offset) {
+  return (data[offset] << 24 | data[offset + 1] << 16 | data[offset + 2] << 8 | data[offset + 3]) >>> 0;
+}
+function getUint16(data, offset) {
+  return data[offset] << 8 | data[offset + 1];
+}
+function getInt16(data, offset) {
+  return (data[offset] << 24 | data[offset + 1] << 16) >> 16;
+}
+function getInt8(data, offset) {
+  return data[offset] << 24 >> 24;
+}
+function getFloat214(data, offset) {
+  return getInt16(data, offset) / 16384;
+}
+function getSubroutineBias(subrs) {
+  const numSubrs = subrs.length;
+  let bias = 32768;
+  if (numSubrs < 1240) {
+    bias = 107;
+  } else if (numSubrs < 33900) {
+    bias = 1131;
+  }
+  return bias;
+}
+function parseCmap(data, start, end) {
+  const offset = getUint16(data, start + 2) === 1 ? getUint32(data, start + 8) : getUint32(data, start + 16);
+  const format = getUint16(data, start + offset);
+  let ranges, p, i;
+  if (format === 4) {
+    getUint16(data, start + offset + 2);
+    const segCount = getUint16(data, start + offset + 6) >> 1;
+    p = start + offset + 14;
+    ranges = [];
+    for (i = 0; i < segCount; i++, p += 2) {
+      ranges[i] = {
+        end: getUint16(data, p)
+      };
+    }
+    p += 2;
+    for (i = 0; i < segCount; i++, p += 2) {
+      ranges[i].start = getUint16(data, p);
+    }
+    for (i = 0; i < segCount; i++, p += 2) {
+      ranges[i].idDelta = getUint16(data, p);
+    }
+    for (i = 0; i < segCount; i++, p += 2) {
+      let idOffset = getUint16(data, p);
+      if (idOffset === 0) {
+        continue;
+      }
+      ranges[i].ids = [];
+      for (let j = 0, jj = ranges[i].end - ranges[i].start + 1; j < jj; j++) {
+        ranges[i].ids[j] = getUint16(data, p + idOffset);
+        idOffset += 2;
+      }
+    }
+    return ranges;
+  } else if (format === 12) {
+    const groups = getUint32(data, start + offset + 12);
+    p = start + offset + 16;
+    ranges = [];
+    for (i = 0; i < groups; i++) {
+      start = getUint32(data, p);
+      ranges.push({
+        start,
+        end: getUint32(data, p + 4),
+        idDelta: getUint32(data, p + 8) - start
+      });
+      p += 12;
+    }
+    return ranges;
+  }
+  throw new _util.FormatError(`unsupported cmap: ${format}`);
+}
+function parseCff(data, start, end, seacAnalysisEnabled) {
+  const properties = {};
+  const parser = new _cff_parser.CFFParser(new _stream.Stream(data, start, end - start), properties, seacAnalysisEnabled);
+  const cff = parser.parse();
+  return {
+    glyphs: cff.charStrings.objects,
+    subrs: cff.topDict.privateDict && cff.topDict.privateDict.subrsIndex && cff.topDict.privateDict.subrsIndex.objects,
+    gsubrs: cff.globalSubrIndex && cff.globalSubrIndex.objects,
+    isCFFCIDFont: cff.isCIDFont,
+    fdSelect: cff.fdSelect,
+    fdArray: cff.fdArray
+  };
+}
+function parseGlyfTable(glyf, loca, isGlyphLocationsLong) {
+  let itemSize, itemDecode;
+  if (isGlyphLocationsLong) {
+    itemSize = 4;
+    itemDecode = getUint32;
+  } else {
+    itemSize = 2;
+    itemDecode = (data, offset) => 2 * getUint16(data, offset);
+  }
+  const glyphs = [];
+  let startOffset = itemDecode(loca, 0);
+  for (let j = itemSize; j < loca.length; j += itemSize) {
+    const endOffset = itemDecode(loca, j);
+    glyphs.push(glyf.subarray(startOffset, endOffset));
+    startOffset = endOffset;
+  }
+  return glyphs;
+}
+function lookupCmap(ranges, unicode) {
+  const code = unicode.codePointAt(0);
+  let gid = 0,
+    l = 0,
+    r = ranges.length - 1;
+  while (l < r) {
+    const c = l + r + 1 >> 1;
+    if (code < ranges[c].start) {
+      r = c - 1;
+    } else {
+      l = c;
+    }
+  }
+  if (ranges[l].start <= code && code <= ranges[l].end) {
+    gid = ranges[l].idDelta + (ranges[l].ids ? ranges[l].ids[code - ranges[l].start] : code) & 0xffff;
+  }
+  return {
+    charCode: code,
+    glyphId: gid
+  };
+}
+function compileGlyf(code, cmds, font) {
+  function moveTo(x, y) {
+    cmds.push({
+      cmd: "moveTo",
+      args: [x, y]
+    });
+  }
+  function lineTo(x, y) {
+    cmds.push({
+      cmd: "lineTo",
+      args: [x, y]
+    });
+  }
+  function quadraticCurveTo(xa, ya, x, y) {
+    cmds.push({
+      cmd: "quadraticCurveTo",
+      args: [xa, ya, x, y]
+    });
+  }
+  let i = 0;
+  const numberOfContours = getInt16(code, i);
+  let flags;
+  let x = 0,
+    y = 0;
+  i += 10;
+  if (numberOfContours < 0) {
+    do {
+      flags = getUint16(code, i);
+      const glyphIndex = getUint16(code, i + 2);
+      i += 4;
+      let arg1, arg2;
+      if (flags & 0x01) {
+        if (flags & 0x02) {
+          arg1 = getInt16(code, i);
+          arg2 = getInt16(code, i + 2);
+        } else {
+          arg1 = getUint16(code, i);
+          arg2 = getUint16(code, i + 2);
+        }
+        i += 4;
+      } else {
+        if (flags & 0x02) {
+          arg1 = getInt8(code, i++);
+          arg2 = getInt8(code, i++);
+        } else {
+          arg1 = code[i++];
+          arg2 = code[i++];
+        }
+      }
+      if (flags & 0x02) {
+        x = arg1;
+        y = arg2;
+      } else {
+        x = 0;
+        y = 0;
+      }
+      let scaleX = 1,
+        scaleY = 1,
+        scale01 = 0,
+        scale10 = 0;
+      if (flags & 0x08) {
+        scaleX = scaleY = getFloat214(code, i);
+        i += 2;
+      } else if (flags & 0x40) {
+        scaleX = getFloat214(code, i);
+        scaleY = getFloat214(code, i + 2);
+        i += 4;
+      } else if (flags & 0x80) {
+        scaleX = getFloat214(code, i);
+        scale01 = getFloat214(code, i + 2);
+        scale10 = getFloat214(code, i + 4);
+        scaleY = getFloat214(code, i + 6);
+        i += 8;
+      }
+      const subglyph = font.glyphs[glyphIndex];
+      if (subglyph) {
+        cmds.push({
+          cmd: "save"
+        }, {
+          cmd: "transform",
+          args: [scaleX, scale01, scale10, scaleY, x, y]
+        });
+        if (!(flags & 0x02)) {}
+        compileGlyf(subglyph, cmds, font);
+        cmds.push({
+          cmd: "restore"
+        });
+      }
+    } while (flags & 0x20);
+  } else {
+    const endPtsOfContours = [];
+    let j, jj;
+    for (j = 0; j < numberOfContours; j++) {
+      endPtsOfContours.push(getUint16(code, i));
+      i += 2;
+    }
+    const instructionLength = getUint16(code, i);
+    i += 2 + instructionLength;
+    const numberOfPoints = endPtsOfContours.at(-1) + 1;
+    const points = [];
+    while (points.length < numberOfPoints) {
+      flags = code[i++];
+      let repeat = 1;
+      if (flags & 0x08) {
+        repeat += code[i++];
+      }
+      while (repeat-- > 0) {
+        points.push({
+          flags
+        });
+      }
+    }
+    for (j = 0; j < numberOfPoints; j++) {
+      switch (points[j].flags & 0x12) {
+        case 0x00:
+          x += getInt16(code, i);
+          i += 2;
+          break;
+        case 0x02:
+          x -= code[i++];
+          break;
+        case 0x12:
+          x += code[i++];
+          break;
+      }
+      points[j].x = x;
+    }
+    for (j = 0; j < numberOfPoints; j++) {
+      switch (points[j].flags & 0x24) {
+        case 0x00:
+          y += getInt16(code, i);
+          i += 2;
+          break;
+        case 0x04:
+          y -= code[i++];
+          break;
+        case 0x24:
+          y += code[i++];
+          break;
+      }
+      points[j].y = y;
+    }
+    let startPoint = 0;
+    for (i = 0; i < numberOfContours; i++) {
+      const endPoint = endPtsOfContours[i];
+      const contour = points.slice(startPoint, endPoint + 1);
+      if (contour[0].flags & 1) {
+        contour.push(contour[0]);
+      } else if (contour.at(-1).flags & 1) {
+        contour.unshift(contour.at(-1));
+      } else {
+        const p = {
+          flags: 1,
+          x: (contour[0].x + contour.at(-1).x) / 2,
+          y: (contour[0].y + contour.at(-1).y) / 2
+        };
+        contour.unshift(p);
+        contour.push(p);
+      }
+      moveTo(contour[0].x, contour[0].y);
+      for (j = 1, jj = contour.length; j < jj; j++) {
+        if (contour[j].flags & 1) {
+          lineTo(contour[j].x, contour[j].y);
+        } else if (contour[j + 1].flags & 1) {
+          quadraticCurveTo(contour[j].x, contour[j].y, contour[j + 1].x, contour[j + 1].y);
+          j++;
+        } else {
+          quadraticCurveTo(contour[j].x, contour[j].y, (contour[j].x + contour[j + 1].x) / 2, (contour[j].y + contour[j + 1].y) / 2);
+        }
+      }
+      startPoint = endPoint + 1;
+    }
+  }
+}
+function compileCharString(charStringCode, cmds, font, glyphId) {
+  function moveTo(x, y) {
+    cmds.push({
+      cmd: "moveTo",
+      args: [x, y]
+    });
+  }
+  function lineTo(x, y) {
+    cmds.push({
+      cmd: "lineTo",
+      args: [x, y]
+    });
+  }
+  function bezierCurveTo(x1, y1, x2, y2, x, y) {
+    cmds.push({
+      cmd: "bezierCurveTo",
+      args: [x1, y1, x2, y2, x, y]
+    });
+  }
+  const stack = [];
+  let x = 0,
+    y = 0;
+  let stems = 0;
+  function parse(code) {
+    let i = 0;
+    while (i < code.length) {
+      let stackClean = false;
+      let v = code[i++];
+      let xa, xb, ya, yb, y1, y2, y3, n, subrCode;
+      switch (v) {
+        case 1:
+          stems += stack.length >> 1;
+          stackClean = true;
+          break;
+        case 3:
+          stems += stack.length >> 1;
+          stackClean = true;
+          break;
+        case 4:
+          y += stack.pop();
+          moveTo(x, y);
+          stackClean = true;
+          break;
+        case 5:
+          while (stack.length > 0) {
+            x += stack.shift();
+            y += stack.shift();
+            lineTo(x, y);
+          }
+          break;
+        case 6:
+          while (stack.length > 0) {
+            x += stack.shift();
+            lineTo(x, y);
+            if (stack.length === 0) {
+              break;
+            }
+            y += stack.shift();
+            lineTo(x, y);
+          }
+          break;
+        case 7:
+          while (stack.length > 0) {
+            y += stack.shift();
+            lineTo(x, y);
+            if (stack.length === 0) {
+              break;
+            }
+            x += stack.shift();
+            lineTo(x, y);
+          }
+          break;
+        case 8:
+          while (stack.length > 0) {
+            xa = x + stack.shift();
+            ya = y + stack.shift();
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb + stack.shift();
+            y = yb + stack.shift();
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          break;
+        case 10:
+          n = stack.pop();
+          subrCode = null;
+          if (font.isCFFCIDFont) {
+            const fdIndex = font.fdSelect.getFDIndex(glyphId);
+            if (fdIndex >= 0 && fdIndex < font.fdArray.length) {
+              const fontDict = font.fdArray[fdIndex];
+              let subrs;
+              if (fontDict.privateDict && fontDict.privateDict.subrsIndex) {
+                subrs = fontDict.privateDict.subrsIndex.objects;
+              }
+              if (subrs) {
+                n += getSubroutineBias(subrs);
+                subrCode = subrs[n];
+              }
+            } else {
+              (0, _util.warn)("Invalid fd index for glyph index.");
+            }
+          } else {
+            subrCode = font.subrs[n + font.subrsBias];
+          }
+          if (subrCode) {
+            parse(subrCode);
+          }
+          break;
+        case 11:
+          return;
+        case 12:
+          v = code[i++];
+          switch (v) {
+            case 34:
+              xa = x + stack.shift();
+              xb = xa + stack.shift();
+              y1 = y + stack.shift();
+              x = xb + stack.shift();
+              bezierCurveTo(xa, y, xb, y1, x, y1);
+              xa = x + stack.shift();
+              xb = xa + stack.shift();
+              x = xb + stack.shift();
+              bezierCurveTo(xa, y1, xb, y, x, y);
+              break;
+            case 35:
+              xa = x + stack.shift();
+              ya = y + stack.shift();
+              xb = xa + stack.shift();
+              yb = ya + stack.shift();
+              x = xb + stack.shift();
+              y = yb + stack.shift();
+              bezierCurveTo(xa, ya, xb, yb, x, y);
+              xa = x + stack.shift();
+              ya = y + stack.shift();
+              xb = xa + stack.shift();
+              yb = ya + stack.shift();
+              x = xb + stack.shift();
+              y = yb + stack.shift();
+              bezierCurveTo(xa, ya, xb, yb, x, y);
+              stack.pop();
+              break;
+            case 36:
+              xa = x + stack.shift();
+              y1 = y + stack.shift();
+              xb = xa + stack.shift();
+              y2 = y1 + stack.shift();
+              x = xb + stack.shift();
+              bezierCurveTo(xa, y1, xb, y2, x, y2);
+              xa = x + stack.shift();
+              xb = xa + stack.shift();
+              y3 = y2 + stack.shift();
+              x = xb + stack.shift();
+              bezierCurveTo(xa, y2, xb, y3, x, y);
+              break;
+            case 37:
+              const x0 = x,
+                y0 = y;
+              xa = x + stack.shift();
+              ya = y + stack.shift();
+              xb = xa + stack.shift();
+              yb = ya + stack.shift();
+              x = xb + stack.shift();
+              y = yb + stack.shift();
+              bezierCurveTo(xa, ya, xb, yb, x, y);
+              xa = x + stack.shift();
+              ya = y + stack.shift();
+              xb = xa + stack.shift();
+              yb = ya + stack.shift();
+              x = xb;
+              y = yb;
+              if (Math.abs(x - x0) > Math.abs(y - y0)) {
+                x += stack.shift();
+              } else {
+                y += stack.shift();
+              }
+              bezierCurveTo(xa, ya, xb, yb, x, y);
+              break;
+            default:
+              throw new _util.FormatError(`unknown operator: 12 ${v}`);
+          }
+          break;
+        case 14:
+          if (stack.length >= 4) {
+            const achar = stack.pop();
+            const bchar = stack.pop();
+            y = stack.pop();
+            x = stack.pop();
+            cmds.push({
+              cmd: "save"
+            }, {
+              cmd: "translate",
+              args: [x, y]
+            });
+            let cmap = lookupCmap(font.cmap, String.fromCharCode(font.glyphNameMap[_encodings.StandardEncoding[achar]]));
+            compileCharString(font.glyphs[cmap.glyphId], cmds, font, cmap.glyphId);
+            cmds.push({
+              cmd: "restore"
+            });
+            cmap = lookupCmap(font.cmap, String.fromCharCode(font.glyphNameMap[_encodings.StandardEncoding[bchar]]));
+            compileCharString(font.glyphs[cmap.glyphId], cmds, font, cmap.glyphId);
+          }
+          return;
+        case 18:
+          stems += stack.length >> 1;
+          stackClean = true;
+          break;
+        case 19:
+          stems += stack.length >> 1;
+          i += stems + 7 >> 3;
+          stackClean = true;
+          break;
+        case 20:
+          stems += stack.length >> 1;
+          i += stems + 7 >> 3;
+          stackClean = true;
+          break;
+        case 21:
+          y += stack.pop();
+          x += stack.pop();
+          moveTo(x, y);
+          stackClean = true;
+          break;
+        case 22:
+          x += stack.pop();
+          moveTo(x, y);
+          stackClean = true;
+          break;
+        case 23:
+          stems += stack.length >> 1;
+          stackClean = true;
+          break;
+        case 24:
+          while (stack.length > 2) {
+            xa = x + stack.shift();
+            ya = y + stack.shift();
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb + stack.shift();
+            y = yb + stack.shift();
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          x += stack.shift();
+          y += stack.shift();
+          lineTo(x, y);
+          break;
+        case 25:
+          while (stack.length > 6) {
+            x += stack.shift();
+            y += stack.shift();
+            lineTo(x, y);
+          }
+          xa = x + stack.shift();
+          ya = y + stack.shift();
+          xb = xa + stack.shift();
+          yb = ya + stack.shift();
+          x = xb + stack.shift();
+          y = yb + stack.shift();
+          bezierCurveTo(xa, ya, xb, yb, x, y);
+          break;
+        case 26:
+          if (stack.length % 2) {
+            x += stack.shift();
+          }
+          while (stack.length > 0) {
+            xa = x;
+            ya = y + stack.shift();
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb;
+            y = yb + stack.shift();
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          break;
+        case 27:
+          if (stack.length % 2) {
+            y += stack.shift();
+          }
+          while (stack.length > 0) {
+            xa = x + stack.shift();
+            ya = y;
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb + stack.shift();
+            y = yb;
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          break;
+        case 28:
+          stack.push((code[i] << 24 | code[i + 1] << 16) >> 16);
+          i += 2;
+          break;
+        case 29:
+          n = stack.pop() + font.gsubrsBias;
+          subrCode = font.gsubrs[n];
+          if (subrCode) {
+            parse(subrCode);
+          }
+          break;
+        case 30:
+          while (stack.length > 0) {
+            xa = x;
+            ya = y + stack.shift();
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb + stack.shift();
+            y = yb + (stack.length === 1 ? stack.shift() : 0);
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+            if (stack.length === 0) {
+              break;
+            }
+            xa = x + stack.shift();
+            ya = y;
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            y = yb + stack.shift();
+            x = xb + (stack.length === 1 ? stack.shift() : 0);
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          break;
+        case 31:
+          while (stack.length > 0) {
+            xa = x + stack.shift();
+            ya = y;
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            y = yb + stack.shift();
+            x = xb + (stack.length === 1 ? stack.shift() : 0);
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+            if (stack.length === 0) {
+              break;
+            }
+            xa = x;
+            ya = y + stack.shift();
+            xb = xa + stack.shift();
+            yb = ya + stack.shift();
+            x = xb + stack.shift();
+            y = yb + (stack.length === 1 ? stack.shift() : 0);
+            bezierCurveTo(xa, ya, xb, yb, x, y);
+          }
+          break;
+        default:
+          if (v < 32) {
+            throw new _util.FormatError(`unknown operator: ${v}`);
+          }
+          if (v < 247) {
+            stack.push(v - 139);
+          } else if (v < 251) {
+            stack.push((v - 247) * 256 + code[i++] + 108);
+          } else if (v < 255) {
+            stack.push(-(v - 251) * 256 - code[i++] - 108);
+          } else {
+            stack.push((code[i] << 24 | code[i + 1] << 16 | code[i + 2] << 8 | code[i + 3]) / 65536);
+            i += 4;
+          }
+          break;
+      }
+      if (stackClean) {
+        stack.length = 0;
+      }
+    }
+  }
+  parse(charStringCode);
+}
+const NOOP = [];
+class CompiledFont {
+  constructor(fontMatrix) {
+    if (this.constructor === CompiledFont) {
+      (0, _util.unreachable)("Cannot initialize CompiledFont.");
+    }
+    this.fontMatrix = fontMatrix;
+    this.compiledGlyphs = Object.create(null);
+    this.compiledCharCodeToGlyphId = Object.create(null);
+  }
+  getPathJs(unicode) {
+    const {
+      charCode,
+      glyphId
+    } = lookupCmap(this.cmap, unicode);
+    let fn = this.compiledGlyphs[glyphId];
+    if (!fn) {
+      try {
+        fn = this.compileGlyph(this.glyphs[glyphId], glyphId);
+        this.compiledGlyphs[glyphId] = fn;
+      } catch (ex) {
+        this.compiledGlyphs[glyphId] = NOOP;
+        if (this.compiledCharCodeToGlyphId[charCode] === undefined) {
+          this.compiledCharCodeToGlyphId[charCode] = glyphId;
+        }
+        throw ex;
+      }
+    }
+    if (this.compiledCharCodeToGlyphId[charCode] === undefined) {
+      this.compiledCharCodeToGlyphId[charCode] = glyphId;
+    }
+    return fn;
+  }
+  compileGlyph(code, glyphId) {
+    if (!code || code.length === 0 || code[0] === 14) {
+      return NOOP;
+    }
+    let fontMatrix = this.fontMatrix;
+    if (this.isCFFCIDFont) {
+      const fdIndex = this.fdSelect.getFDIndex(glyphId);
+      if (fdIndex >= 0 && fdIndex < this.fdArray.length) {
+        const fontDict = this.fdArray[fdIndex];
+        fontMatrix = fontDict.getByName("FontMatrix") || _util.FONT_IDENTITY_MATRIX;
+      } else {
+        (0, _util.warn)("Invalid fd index for glyph index.");
+      }
+    }
+    const cmds = [{
+      cmd: "save"
+    }, {
+      cmd: "transform",
+      args: fontMatrix.slice()
+    }, {
+      cmd: "scale",
+      args: ["size", "-size"]
+    }];
+    this.compileGlyphImpl(code, cmds, glyphId);
+    cmds.push({
+      cmd: "restore"
+    });
+    return cmds;
+  }
+  compileGlyphImpl() {
+    (0, _util.unreachable)("Children classes should implement this.");
+  }
+  hasBuiltPath(unicode) {
+    const {
+      charCode,
+      glyphId
+    } = lookupCmap(this.cmap, unicode);
+    return this.compiledGlyphs[glyphId] !== undefined && this.compiledCharCodeToGlyphId[charCode] !== undefined;
+  }
+}
+class TrueTypeCompiled extends CompiledFont {
+  constructor(glyphs, cmap, fontMatrix) {
+    super(fontMatrix || [0.000488, 0, 0, 0.000488, 0, 0]);
+    this.glyphs = glyphs;
+    this.cmap = cmap;
+  }
+  compileGlyphImpl(code, cmds) {
+    compileGlyf(code, cmds, this);
+  }
+}
+class Type2Compiled extends CompiledFont {
+  constructor(cffInfo, cmap, fontMatrix, glyphNameMap) {
+    super(fontMatrix || [0.001, 0, 0, 0.001, 0, 0]);
+    this.glyphs = cffInfo.glyphs;
+    this.gsubrs = cffInfo.gsubrs || [];
+    this.subrs = cffInfo.subrs || [];
+    this.cmap = cmap;
+    this.glyphNameMap = glyphNameMap || (0, _glyphlist.getGlyphsUnicode)();
+    this.gsubrsBias = getSubroutineBias(this.gsubrs);
+    this.subrsBias = getSubroutineBias(this.subrs);
+    this.isCFFCIDFont = cffInfo.isCFFCIDFont;
+    this.fdSelect = cffInfo.fdSelect;
+    this.fdArray = cffInfo.fdArray;
+  }
+  compileGlyphImpl(code, cmds, glyphId) {
+    compileCharString(code, cmds, this, glyphId);
+  }
+}
+class FontRendererFactory {
+  static create(font, seacAnalysisEnabled) {
+    const data = new Uint8Array(font.data);
+    let cmap, glyf, loca, cff, indexToLocFormat, unitsPerEm;
+    const numTables = getUint16(data, 4);
+    for (let i = 0, p = 12; i < numTables; i++, p += 16) {
+      const tag = (0, _util.bytesToString)(data.subarray(p, p + 4));
+      const offset = getUint32(data, p + 8);
+      const length = getUint32(data, p + 12);
+      switch (tag) {
+        case "cmap":
+          cmap = parseCmap(data, offset, offset + length);
+          break;
+        case "glyf":
+          glyf = data.subarray(offset, offset + length);
+          break;
+        case "loca":
+          loca = data.subarray(offset, offset + length);
+          break;
+        case "head":
+          unitsPerEm = getUint16(data, offset + 18);
+          indexToLocFormat = getUint16(data, offset + 50);
+          break;
+        case "CFF ":
+          cff = parseCff(data, offset, offset + length, seacAnalysisEnabled);
+          break;
+      }
+    }
+    if (glyf) {
+      const fontMatrix = !unitsPerEm ? font.fontMatrix : [1 / unitsPerEm, 0, 0, 1 / unitsPerEm, 0, 0];
+      return new TrueTypeCompiled(parseGlyfTable(glyf, loca, indexToLocFormat), cmap, fontMatrix);
+    }
+    return new Type2Compiled(cff, cmap, font.fontMatrix, font.glyphNameMap);
+  }
+}
+exports.FontRendererFactory = FontRendererFactory;
+
+/***/ }),
+/* 45 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.getMetrics = exports.getFontBasicMetrics = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+const getMetrics = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t.Courier = 600;
+  t["Courier-Bold"] = 600;
+  t["Courier-BoldOblique"] = 600;
+  t["Courier-Oblique"] = 600;
+  t.Helvetica = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 278;
+    t.exclam = 278;
+    t.quotedbl = 355;
+    t.numbersign = 556;
+    t.dollar = 556;
+    t.percent = 889;
+    t.ampersand = 667;
+    t.quoteright = 222;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 389;
+    t.plus = 584;
+    t.comma = 278;
+    t.hyphen = 333;
+    t.period = 278;
+    t.slash = 278;
+    t.zero = 556;
+    t.one = 556;
+    t.two = 556;
+    t.three = 556;
+    t.four = 556;
+    t.five = 556;
+    t.six = 556;
+    t.seven = 556;
+    t.eight = 556;
+    t.nine = 556;
+    t.colon = 278;
+    t.semicolon = 278;
+    t.less = 584;
+    t.equal = 584;
+    t.greater = 584;
+    t.question = 556;
+    t.at = 1015;
+    t.A = 667;
+    t.B = 667;
+    t.C = 722;
+    t.D = 722;
+    t.E = 667;
+    t.F = 611;
+    t.G = 778;
+    t.H = 722;
+    t.I = 278;
+    t.J = 500;
+    t.K = 667;
+    t.L = 556;
+    t.M = 833;
+    t.N = 722;
+    t.O = 778;
+    t.P = 667;
+    t.Q = 778;
+    t.R = 722;
+    t.S = 667;
+    t.T = 611;
+    t.U = 722;
+    t.V = 667;
+    t.W = 944;
+    t.X = 667;
+    t.Y = 667;
+    t.Z = 611;
+    t.bracketleft = 278;
+    t.backslash = 278;
+    t.bracketright = 278;
+    t.asciicircum = 469;
+    t.underscore = 556;
+    t.quoteleft = 222;
+    t.a = 556;
+    t.b = 556;
+    t.c = 500;
+    t.d = 556;
+    t.e = 556;
+    t.f = 278;
+    t.g = 556;
+    t.h = 556;
+    t.i = 222;
+    t.j = 222;
+    t.k = 500;
+    t.l = 222;
+    t.m = 833;
+    t.n = 556;
+    t.o = 556;
+    t.p = 556;
+    t.q = 556;
+    t.r = 333;
+    t.s = 500;
+    t.t = 278;
+    t.u = 556;
+    t.v = 500;
+    t.w = 722;
+    t.x = 500;
+    t.y = 500;
+    t.z = 500;
+    t.braceleft = 334;
+    t.bar = 260;
+    t.braceright = 334;
+    t.asciitilde = 584;
+    t.exclamdown = 333;
+    t.cent = 556;
+    t.sterling = 556;
+    t.fraction = 167;
+    t.yen = 556;
+    t.florin = 556;
+    t.section = 556;
+    t.currency = 556;
+    t.quotesingle = 191;
+    t.quotedblleft = 333;
+    t.guillemotleft = 556;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 500;
+    t.fl = 500;
+    t.endash = 556;
+    t.dagger = 556;
+    t.daggerdbl = 556;
+    t.periodcentered = 278;
+    t.paragraph = 537;
+    t.bullet = 350;
+    t.quotesinglbase = 222;
+    t.quotedblbase = 333;
+    t.quotedblright = 333;
+    t.guillemotright = 556;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 611;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 1000;
+    t.ordfeminine = 370;
+    t.Lslash = 556;
+    t.Oslash = 778;
+    t.OE = 1000;
+    t.ordmasculine = 365;
+    t.ae = 889;
+    t.dotlessi = 278;
+    t.lslash = 222;
+    t.oslash = 611;
+    t.oe = 944;
+    t.germandbls = 611;
+    t.Idieresis = 278;
+    t.eacute = 556;
+    t.abreve = 556;
+    t.uhungarumlaut = 556;
+    t.ecaron = 556;
+    t.Ydieresis = 667;
+    t.divide = 584;
+    t.Yacute = 667;
+    t.Acircumflex = 667;
+    t.aacute = 556;
+    t.Ucircumflex = 722;
+    t.yacute = 500;
+    t.scommaaccent = 500;
+    t.ecircumflex = 556;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 556;
+    t.Uacute = 722;
+    t.uogonek = 556;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 737;
+    t.Emacron = 667;
+    t.ccaron = 500;
+    t.aring = 556;
+    t.Ncommaaccent = 722;
+    t.lacute = 222;
+    t.agrave = 556;
+    t.Tcommaaccent = 611;
+    t.Cacute = 722;
+    t.atilde = 556;
+    t.Edotaccent = 667;
+    t.scaron = 500;
+    t.scedilla = 500;
+    t.iacute = 278;
+    t.lozenge = 471;
+    t.Rcaron = 722;
+    t.Gcommaaccent = 778;
+    t.ucircumflex = 556;
+    t.acircumflex = 556;
+    t.Amacron = 667;
+    t.rcaron = 333;
+    t.ccedilla = 500;
+    t.Zdotaccent = 611;
+    t.Thorn = 667;
+    t.Omacron = 778;
+    t.Racute = 722;
+    t.Sacute = 667;
+    t.dcaron = 643;
+    t.Umacron = 722;
+    t.uring = 556;
+    t.threesuperior = 333;
+    t.Ograve = 778;
+    t.Agrave = 667;
+    t.Abreve = 667;
+    t.multiply = 584;
+    t.uacute = 556;
+    t.Tcaron = 611;
+    t.partialdiff = 476;
+    t.ydieresis = 500;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 556;
+    t.edieresis = 556;
+    t.cacute = 500;
+    t.nacute = 556;
+    t.umacron = 556;
+    t.Ncaron = 722;
+    t.Iacute = 278;
+    t.plusminus = 584;
+    t.brokenbar = 260;
+    t.registered = 737;
+    t.Gbreve = 778;
+    t.Idotaccent = 278;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 333;
+    t.omacron = 556;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 722;
+    t.lcommaaccent = 222;
+    t.tcaron = 317;
+    t.eogonek = 556;
+    t.Uogonek = 722;
+    t.Aacute = 667;
+    t.Adieresis = 667;
+    t.egrave = 556;
+    t.zacute = 500;
+    t.iogonek = 222;
+    t.Oacute = 778;
+    t.oacute = 556;
+    t.amacron = 556;
+    t.sacute = 500;
+    t.idieresis = 278;
+    t.Ocircumflex = 778;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 556;
+    t.twosuperior = 333;
+    t.Odieresis = 778;
+    t.mu = 556;
+    t.igrave = 278;
+    t.ohungarumlaut = 556;
+    t.Eogonek = 667;
+    t.dcroat = 556;
+    t.threequarters = 834;
+    t.Scedilla = 667;
+    t.lcaron = 299;
+    t.Kcommaaccent = 667;
+    t.Lacute = 556;
+    t.trademark = 1000;
+    t.edotaccent = 556;
+    t.Igrave = 278;
+    t.Imacron = 278;
+    t.Lcaron = 556;
+    t.onehalf = 834;
+    t.lessequal = 549;
+    t.ocircumflex = 556;
+    t.ntilde = 556;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 556;
+    t.gbreve = 556;
+    t.onequarter = 834;
+    t.Scaron = 667;
+    t.Scommaaccent = 667;
+    t.Ohungarumlaut = 778;
+    t.degree = 400;
+    t.ograve = 556;
+    t.Ccaron = 722;
+    t.ugrave = 556;
+    t.radical = 453;
+    t.Dcaron = 722;
+    t.rcommaaccent = 333;
+    t.Ntilde = 722;
+    t.otilde = 556;
+    t.Rcommaaccent = 722;
+    t.Lcommaaccent = 556;
+    t.Atilde = 667;
+    t.Aogonek = 667;
+    t.Aring = 667;
+    t.Otilde = 778;
+    t.zdotaccent = 500;
+    t.Ecaron = 667;
+    t.Iogonek = 278;
+    t.kcommaaccent = 500;
+    t.minus = 584;
+    t.Icircumflex = 278;
+    t.ncaron = 556;
+    t.tcommaaccent = 278;
+    t.logicalnot = 584;
+    t.odieresis = 556;
+    t.udieresis = 556;
+    t.notequal = 549;
+    t.gcommaaccent = 556;
+    t.eth = 556;
+    t.zcaron = 500;
+    t.ncommaaccent = 556;
+    t.onesuperior = 333;
+    t.imacron = 278;
+    t.Euro = 556;
+  });
+  t["Helvetica-Bold"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 278;
+    t.exclam = 333;
+    t.quotedbl = 474;
+    t.numbersign = 556;
+    t.dollar = 556;
+    t.percent = 889;
+    t.ampersand = 722;
+    t.quoteright = 278;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 389;
+    t.plus = 584;
+    t.comma = 278;
+    t.hyphen = 333;
+    t.period = 278;
+    t.slash = 278;
+    t.zero = 556;
+    t.one = 556;
+    t.two = 556;
+    t.three = 556;
+    t.four = 556;
+    t.five = 556;
+    t.six = 556;
+    t.seven = 556;
+    t.eight = 556;
+    t.nine = 556;
+    t.colon = 333;
+    t.semicolon = 333;
+    t.less = 584;
+    t.equal = 584;
+    t.greater = 584;
+    t.question = 611;
+    t.at = 975;
+    t.A = 722;
+    t.B = 722;
+    t.C = 722;
+    t.D = 722;
+    t.E = 667;
+    t.F = 611;
+    t.G = 778;
+    t.H = 722;
+    t.I = 278;
+    t.J = 556;
+    t.K = 722;
+    t.L = 611;
+    t.M = 833;
+    t.N = 722;
+    t.O = 778;
+    t.P = 667;
+    t.Q = 778;
+    t.R = 722;
+    t.S = 667;
+    t.T = 611;
+    t.U = 722;
+    t.V = 667;
+    t.W = 944;
+    t.X = 667;
+    t.Y = 667;
+    t.Z = 611;
+    t.bracketleft = 333;
+    t.backslash = 278;
+    t.bracketright = 333;
+    t.asciicircum = 584;
+    t.underscore = 556;
+    t.quoteleft = 278;
+    t.a = 556;
+    t.b = 611;
+    t.c = 556;
+    t.d = 611;
+    t.e = 556;
+    t.f = 333;
+    t.g = 611;
+    t.h = 611;
+    t.i = 278;
+    t.j = 278;
+    t.k = 556;
+    t.l = 278;
+    t.m = 889;
+    t.n = 611;
+    t.o = 611;
+    t.p = 611;
+    t.q = 611;
+    t.r = 389;
+    t.s = 556;
+    t.t = 333;
+    t.u = 611;
+    t.v = 556;
+    t.w = 778;
+    t.x = 556;
+    t.y = 556;
+    t.z = 500;
+    t.braceleft = 389;
+    t.bar = 280;
+    t.braceright = 389;
+    t.asciitilde = 584;
+    t.exclamdown = 333;
+    t.cent = 556;
+    t.sterling = 556;
+    t.fraction = 167;
+    t.yen = 556;
+    t.florin = 556;
+    t.section = 556;
+    t.currency = 556;
+    t.quotesingle = 238;
+    t.quotedblleft = 500;
+    t.guillemotleft = 556;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 611;
+    t.fl = 611;
+    t.endash = 556;
+    t.dagger = 556;
+    t.daggerdbl = 556;
+    t.periodcentered = 278;
+    t.paragraph = 556;
+    t.bullet = 350;
+    t.quotesinglbase = 278;
+    t.quotedblbase = 500;
+    t.quotedblright = 500;
+    t.guillemotright = 556;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 611;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 1000;
+    t.ordfeminine = 370;
+    t.Lslash = 611;
+    t.Oslash = 778;
+    t.OE = 1000;
+    t.ordmasculine = 365;
+    t.ae = 889;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 611;
+    t.oe = 944;
+    t.germandbls = 611;
+    t.Idieresis = 278;
+    t.eacute = 556;
+    t.abreve = 556;
+    t.uhungarumlaut = 611;
+    t.ecaron = 556;
+    t.Ydieresis = 667;
+    t.divide = 584;
+    t.Yacute = 667;
+    t.Acircumflex = 722;
+    t.aacute = 556;
+    t.Ucircumflex = 722;
+    t.yacute = 556;
+    t.scommaaccent = 556;
+    t.ecircumflex = 556;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 556;
+    t.Uacute = 722;
+    t.uogonek = 611;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 737;
+    t.Emacron = 667;
+    t.ccaron = 556;
+    t.aring = 556;
+    t.Ncommaaccent = 722;
+    t.lacute = 278;
+    t.agrave = 556;
+    t.Tcommaaccent = 611;
+    t.Cacute = 722;
+    t.atilde = 556;
+    t.Edotaccent = 667;
+    t.scaron = 556;
+    t.scedilla = 556;
+    t.iacute = 278;
+    t.lozenge = 494;
+    t.Rcaron = 722;
+    t.Gcommaaccent = 778;
+    t.ucircumflex = 611;
+    t.acircumflex = 556;
+    t.Amacron = 722;
+    t.rcaron = 389;
+    t.ccedilla = 556;
+    t.Zdotaccent = 611;
+    t.Thorn = 667;
+    t.Omacron = 778;
+    t.Racute = 722;
+    t.Sacute = 667;
+    t.dcaron = 743;
+    t.Umacron = 722;
+    t.uring = 611;
+    t.threesuperior = 333;
+    t.Ograve = 778;
+    t.Agrave = 722;
+    t.Abreve = 722;
+    t.multiply = 584;
+    t.uacute = 611;
+    t.Tcaron = 611;
+    t.partialdiff = 494;
+    t.ydieresis = 556;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 556;
+    t.edieresis = 556;
+    t.cacute = 556;
+    t.nacute = 611;
+    t.umacron = 611;
+    t.Ncaron = 722;
+    t.Iacute = 278;
+    t.plusminus = 584;
+    t.brokenbar = 280;
+    t.registered = 737;
+    t.Gbreve = 778;
+    t.Idotaccent = 278;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 389;
+    t.omacron = 611;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 722;
+    t.lcommaaccent = 278;
+    t.tcaron = 389;
+    t.eogonek = 556;
+    t.Uogonek = 722;
+    t.Aacute = 722;
+    t.Adieresis = 722;
+    t.egrave = 556;
+    t.zacute = 500;
+    t.iogonek = 278;
+    t.Oacute = 778;
+    t.oacute = 611;
+    t.amacron = 556;
+    t.sacute = 556;
+    t.idieresis = 278;
+    t.Ocircumflex = 778;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 611;
+    t.twosuperior = 333;
+    t.Odieresis = 778;
+    t.mu = 611;
+    t.igrave = 278;
+    t.ohungarumlaut = 611;
+    t.Eogonek = 667;
+    t.dcroat = 611;
+    t.threequarters = 834;
+    t.Scedilla = 667;
+    t.lcaron = 400;
+    t.Kcommaaccent = 722;
+    t.Lacute = 611;
+    t.trademark = 1000;
+    t.edotaccent = 556;
+    t.Igrave = 278;
+    t.Imacron = 278;
+    t.Lcaron = 611;
+    t.onehalf = 834;
+    t.lessequal = 549;
+    t.ocircumflex = 611;
+    t.ntilde = 611;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 556;
+    t.gbreve = 611;
+    t.onequarter = 834;
+    t.Scaron = 667;
+    t.Scommaaccent = 667;
+    t.Ohungarumlaut = 778;
+    t.degree = 400;
+    t.ograve = 611;
+    t.Ccaron = 722;
+    t.ugrave = 611;
+    t.radical = 549;
+    t.Dcaron = 722;
+    t.rcommaaccent = 389;
+    t.Ntilde = 722;
+    t.otilde = 611;
+    t.Rcommaaccent = 722;
+    t.Lcommaaccent = 611;
+    t.Atilde = 722;
+    t.Aogonek = 722;
+    t.Aring = 722;
+    t.Otilde = 778;
+    t.zdotaccent = 500;
+    t.Ecaron = 667;
+    t.Iogonek = 278;
+    t.kcommaaccent = 556;
+    t.minus = 584;
+    t.Icircumflex = 278;
+    t.ncaron = 611;
+    t.tcommaaccent = 333;
+    t.logicalnot = 584;
+    t.odieresis = 611;
+    t.udieresis = 611;
+    t.notequal = 549;
+    t.gcommaaccent = 611;
+    t.eth = 611;
+    t.zcaron = 500;
+    t.ncommaaccent = 611;
+    t.onesuperior = 333;
+    t.imacron = 278;
+    t.Euro = 556;
+  });
+  t["Helvetica-BoldOblique"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 278;
+    t.exclam = 333;
+    t.quotedbl = 474;
+    t.numbersign = 556;
+    t.dollar = 556;
+    t.percent = 889;
+    t.ampersand = 722;
+    t.quoteright = 278;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 389;
+    t.plus = 584;
+    t.comma = 278;
+    t.hyphen = 333;
+    t.period = 278;
+    t.slash = 278;
+    t.zero = 556;
+    t.one = 556;
+    t.two = 556;
+    t.three = 556;
+    t.four = 556;
+    t.five = 556;
+    t.six = 556;
+    t.seven = 556;
+    t.eight = 556;
+    t.nine = 556;
+    t.colon = 333;
+    t.semicolon = 333;
+    t.less = 584;
+    t.equal = 584;
+    t.greater = 584;
+    t.question = 611;
+    t.at = 975;
+    t.A = 722;
+    t.B = 722;
+    t.C = 722;
+    t.D = 722;
+    t.E = 667;
+    t.F = 611;
+    t.G = 778;
+    t.H = 722;
+    t.I = 278;
+    t.J = 556;
+    t.K = 722;
+    t.L = 611;
+    t.M = 833;
+    t.N = 722;
+    t.O = 778;
+    t.P = 667;
+    t.Q = 778;
+    t.R = 722;
+    t.S = 667;
+    t.T = 611;
+    t.U = 722;
+    t.V = 667;
+    t.W = 944;
+    t.X = 667;
+    t.Y = 667;
+    t.Z = 611;
+    t.bracketleft = 333;
+    t.backslash = 278;
+    t.bracketright = 333;
+    t.asciicircum = 584;
+    t.underscore = 556;
+    t.quoteleft = 278;
+    t.a = 556;
+    t.b = 611;
+    t.c = 556;
+    t.d = 611;
+    t.e = 556;
+    t.f = 333;
+    t.g = 611;
+    t.h = 611;
+    t.i = 278;
+    t.j = 278;
+    t.k = 556;
+    t.l = 278;
+    t.m = 889;
+    t.n = 611;
+    t.o = 611;
+    t.p = 611;
+    t.q = 611;
+    t.r = 389;
+    t.s = 556;
+    t.t = 333;
+    t.u = 611;
+    t.v = 556;
+    t.w = 778;
+    t.x = 556;
+    t.y = 556;
+    t.z = 500;
+    t.braceleft = 389;
+    t.bar = 280;
+    t.braceright = 389;
+    t.asciitilde = 584;
+    t.exclamdown = 333;
+    t.cent = 556;
+    t.sterling = 556;
+    t.fraction = 167;
+    t.yen = 556;
+    t.florin = 556;
+    t.section = 556;
+    t.currency = 556;
+    t.quotesingle = 238;
+    t.quotedblleft = 500;
+    t.guillemotleft = 556;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 611;
+    t.fl = 611;
+    t.endash = 556;
+    t.dagger = 556;
+    t.daggerdbl = 556;
+    t.periodcentered = 278;
+    t.paragraph = 556;
+    t.bullet = 350;
+    t.quotesinglbase = 278;
+    t.quotedblbase = 500;
+    t.quotedblright = 500;
+    t.guillemotright = 556;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 611;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 1000;
+    t.ordfeminine = 370;
+    t.Lslash = 611;
+    t.Oslash = 778;
+    t.OE = 1000;
+    t.ordmasculine = 365;
+    t.ae = 889;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 611;
+    t.oe = 944;
+    t.germandbls = 611;
+    t.Idieresis = 278;
+    t.eacute = 556;
+    t.abreve = 556;
+    t.uhungarumlaut = 611;
+    t.ecaron = 556;
+    t.Ydieresis = 667;
+    t.divide = 584;
+    t.Yacute = 667;
+    t.Acircumflex = 722;
+    t.aacute = 556;
+    t.Ucircumflex = 722;
+    t.yacute = 556;
+    t.scommaaccent = 556;
+    t.ecircumflex = 556;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 556;
+    t.Uacute = 722;
+    t.uogonek = 611;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 737;
+    t.Emacron = 667;
+    t.ccaron = 556;
+    t.aring = 556;
+    t.Ncommaaccent = 722;
+    t.lacute = 278;
+    t.agrave = 556;
+    t.Tcommaaccent = 611;
+    t.Cacute = 722;
+    t.atilde = 556;
+    t.Edotaccent = 667;
+    t.scaron = 556;
+    t.scedilla = 556;
+    t.iacute = 278;
+    t.lozenge = 494;
+    t.Rcaron = 722;
+    t.Gcommaaccent = 778;
+    t.ucircumflex = 611;
+    t.acircumflex = 556;
+    t.Amacron = 722;
+    t.rcaron = 389;
+    t.ccedilla = 556;
+    t.Zdotaccent = 611;
+    t.Thorn = 667;
+    t.Omacron = 778;
+    t.Racute = 722;
+    t.Sacute = 667;
+    t.dcaron = 743;
+    t.Umacron = 722;
+    t.uring = 611;
+    t.threesuperior = 333;
+    t.Ograve = 778;
+    t.Agrave = 722;
+    t.Abreve = 722;
+    t.multiply = 584;
+    t.uacute = 611;
+    t.Tcaron = 611;
+    t.partialdiff = 494;
+    t.ydieresis = 556;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 556;
+    t.edieresis = 556;
+    t.cacute = 556;
+    t.nacute = 611;
+    t.umacron = 611;
+    t.Ncaron = 722;
+    t.Iacute = 278;
+    t.plusminus = 584;
+    t.brokenbar = 280;
+    t.registered = 737;
+    t.Gbreve = 778;
+    t.Idotaccent = 278;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 389;
+    t.omacron = 611;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 722;
+    t.lcommaaccent = 278;
+    t.tcaron = 389;
+    t.eogonek = 556;
+    t.Uogonek = 722;
+    t.Aacute = 722;
+    t.Adieresis = 722;
+    t.egrave = 556;
+    t.zacute = 500;
+    t.iogonek = 278;
+    t.Oacute = 778;
+    t.oacute = 611;
+    t.amacron = 556;
+    t.sacute = 556;
+    t.idieresis = 278;
+    t.Ocircumflex = 778;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 611;
+    t.twosuperior = 333;
+    t.Odieresis = 778;
+    t.mu = 611;
+    t.igrave = 278;
+    t.ohungarumlaut = 611;
+    t.Eogonek = 667;
+    t.dcroat = 611;
+    t.threequarters = 834;
+    t.Scedilla = 667;
+    t.lcaron = 400;
+    t.Kcommaaccent = 722;
+    t.Lacute = 611;
+    t.trademark = 1000;
+    t.edotaccent = 556;
+    t.Igrave = 278;
+    t.Imacron = 278;
+    t.Lcaron = 611;
+    t.onehalf = 834;
+    t.lessequal = 549;
+    t.ocircumflex = 611;
+    t.ntilde = 611;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 556;
+    t.gbreve = 611;
+    t.onequarter = 834;
+    t.Scaron = 667;
+    t.Scommaaccent = 667;
+    t.Ohungarumlaut = 778;
+    t.degree = 400;
+    t.ograve = 611;
+    t.Ccaron = 722;
+    t.ugrave = 611;
+    t.radical = 549;
+    t.Dcaron = 722;
+    t.rcommaaccent = 389;
+    t.Ntilde = 722;
+    t.otilde = 611;
+    t.Rcommaaccent = 722;
+    t.Lcommaaccent = 611;
+    t.Atilde = 722;
+    t.Aogonek = 722;
+    t.Aring = 722;
+    t.Otilde = 778;
+    t.zdotaccent = 500;
+    t.Ecaron = 667;
+    t.Iogonek = 278;
+    t.kcommaaccent = 556;
+    t.minus = 584;
+    t.Icircumflex = 278;
+    t.ncaron = 611;
+    t.tcommaaccent = 333;
+    t.logicalnot = 584;
+    t.odieresis = 611;
+    t.udieresis = 611;
+    t.notequal = 549;
+    t.gcommaaccent = 611;
+    t.eth = 611;
+    t.zcaron = 500;
+    t.ncommaaccent = 611;
+    t.onesuperior = 333;
+    t.imacron = 278;
+    t.Euro = 556;
+  });
+  t["Helvetica-Oblique"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 278;
+    t.exclam = 278;
+    t.quotedbl = 355;
+    t.numbersign = 556;
+    t.dollar = 556;
+    t.percent = 889;
+    t.ampersand = 667;
+    t.quoteright = 222;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 389;
+    t.plus = 584;
+    t.comma = 278;
+    t.hyphen = 333;
+    t.period = 278;
+    t.slash = 278;
+    t.zero = 556;
+    t.one = 556;
+    t.two = 556;
+    t.three = 556;
+    t.four = 556;
+    t.five = 556;
+    t.six = 556;
+    t.seven = 556;
+    t.eight = 556;
+    t.nine = 556;
+    t.colon = 278;
+    t.semicolon = 278;
+    t.less = 584;
+    t.equal = 584;
+    t.greater = 584;
+    t.question = 556;
+    t.at = 1015;
+    t.A = 667;
+    t.B = 667;
+    t.C = 722;
+    t.D = 722;
+    t.E = 667;
+    t.F = 611;
+    t.G = 778;
+    t.H = 722;
+    t.I = 278;
+    t.J = 500;
+    t.K = 667;
+    t.L = 556;
+    t.M = 833;
+    t.N = 722;
+    t.O = 778;
+    t.P = 667;
+    t.Q = 778;
+    t.R = 722;
+    t.S = 667;
+    t.T = 611;
+    t.U = 722;
+    t.V = 667;
+    t.W = 944;
+    t.X = 667;
+    t.Y = 667;
+    t.Z = 611;
+    t.bracketleft = 278;
+    t.backslash = 278;
+    t.bracketright = 278;
+    t.asciicircum = 469;
+    t.underscore = 556;
+    t.quoteleft = 222;
+    t.a = 556;
+    t.b = 556;
+    t.c = 500;
+    t.d = 556;
+    t.e = 556;
+    t.f = 278;
+    t.g = 556;
+    t.h = 556;
+    t.i = 222;
+    t.j = 222;
+    t.k = 500;
+    t.l = 222;
+    t.m = 833;
+    t.n = 556;
+    t.o = 556;
+    t.p = 556;
+    t.q = 556;
+    t.r = 333;
+    t.s = 500;
+    t.t = 278;
+    t.u = 556;
+    t.v = 500;
+    t.w = 722;
+    t.x = 500;
+    t.y = 500;
+    t.z = 500;
+    t.braceleft = 334;
+    t.bar = 260;
+    t.braceright = 334;
+    t.asciitilde = 584;
+    t.exclamdown = 333;
+    t.cent = 556;
+    t.sterling = 556;
+    t.fraction = 167;
+    t.yen = 556;
+    t.florin = 556;
+    t.section = 556;
+    t.currency = 556;
+    t.quotesingle = 191;
+    t.quotedblleft = 333;
+    t.guillemotleft = 556;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 500;
+    t.fl = 500;
+    t.endash = 556;
+    t.dagger = 556;
+    t.daggerdbl = 556;
+    t.periodcentered = 278;
+    t.paragraph = 537;
+    t.bullet = 350;
+    t.quotesinglbase = 222;
+    t.quotedblbase = 333;
+    t.quotedblright = 333;
+    t.guillemotright = 556;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 611;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 1000;
+    t.ordfeminine = 370;
+    t.Lslash = 556;
+    t.Oslash = 778;
+    t.OE = 1000;
+    t.ordmasculine = 365;
+    t.ae = 889;
+    t.dotlessi = 278;
+    t.lslash = 222;
+    t.oslash = 611;
+    t.oe = 944;
+    t.germandbls = 611;
+    t.Idieresis = 278;
+    t.eacute = 556;
+    t.abreve = 556;
+    t.uhungarumlaut = 556;
+    t.ecaron = 556;
+    t.Ydieresis = 667;
+    t.divide = 584;
+    t.Yacute = 667;
+    t.Acircumflex = 667;
+    t.aacute = 556;
+    t.Ucircumflex = 722;
+    t.yacute = 500;
+    t.scommaaccent = 500;
+    t.ecircumflex = 556;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 556;
+    t.Uacute = 722;
+    t.uogonek = 556;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 737;
+    t.Emacron = 667;
+    t.ccaron = 500;
+    t.aring = 556;
+    t.Ncommaaccent = 722;
+    t.lacute = 222;
+    t.agrave = 556;
+    t.Tcommaaccent = 611;
+    t.Cacute = 722;
+    t.atilde = 556;
+    t.Edotaccent = 667;
+    t.scaron = 500;
+    t.scedilla = 500;
+    t.iacute = 278;
+    t.lozenge = 471;
+    t.Rcaron = 722;
+    t.Gcommaaccent = 778;
+    t.ucircumflex = 556;
+    t.acircumflex = 556;
+    t.Amacron = 667;
+    t.rcaron = 333;
+    t.ccedilla = 500;
+    t.Zdotaccent = 611;
+    t.Thorn = 667;
+    t.Omacron = 778;
+    t.Racute = 722;
+    t.Sacute = 667;
+    t.dcaron = 643;
+    t.Umacron = 722;
+    t.uring = 556;
+    t.threesuperior = 333;
+    t.Ograve = 778;
+    t.Agrave = 667;
+    t.Abreve = 667;
+    t.multiply = 584;
+    t.uacute = 556;
+    t.Tcaron = 611;
+    t.partialdiff = 476;
+    t.ydieresis = 500;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 556;
+    t.edieresis = 556;
+    t.cacute = 500;
+    t.nacute = 556;
+    t.umacron = 556;
+    t.Ncaron = 722;
+    t.Iacute = 278;
+    t.plusminus = 584;
+    t.brokenbar = 260;
+    t.registered = 737;
+    t.Gbreve = 778;
+    t.Idotaccent = 278;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 333;
+    t.omacron = 556;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 722;
+    t.lcommaaccent = 222;
+    t.tcaron = 317;
+    t.eogonek = 556;
+    t.Uogonek = 722;
+    t.Aacute = 667;
+    t.Adieresis = 667;
+    t.egrave = 556;
+    t.zacute = 500;
+    t.iogonek = 222;
+    t.Oacute = 778;
+    t.oacute = 556;
+    t.amacron = 556;
+    t.sacute = 500;
+    t.idieresis = 278;
+    t.Ocircumflex = 778;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 556;
+    t.twosuperior = 333;
+    t.Odieresis = 778;
+    t.mu = 556;
+    t.igrave = 278;
+    t.ohungarumlaut = 556;
+    t.Eogonek = 667;
+    t.dcroat = 556;
+    t.threequarters = 834;
+    t.Scedilla = 667;
+    t.lcaron = 299;
+    t.Kcommaaccent = 667;
+    t.Lacute = 556;
+    t.trademark = 1000;
+    t.edotaccent = 556;
+    t.Igrave = 278;
+    t.Imacron = 278;
+    t.Lcaron = 556;
+    t.onehalf = 834;
+    t.lessequal = 549;
+    t.ocircumflex = 556;
+    t.ntilde = 556;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 556;
+    t.gbreve = 556;
+    t.onequarter = 834;
+    t.Scaron = 667;
+    t.Scommaaccent = 667;
+    t.Ohungarumlaut = 778;
+    t.degree = 400;
+    t.ograve = 556;
+    t.Ccaron = 722;
+    t.ugrave = 556;
+    t.radical = 453;
+    t.Dcaron = 722;
+    t.rcommaaccent = 333;
+    t.Ntilde = 722;
+    t.otilde = 556;
+    t.Rcommaaccent = 722;
+    t.Lcommaaccent = 556;
+    t.Atilde = 667;
+    t.Aogonek = 667;
+    t.Aring = 667;
+    t.Otilde = 778;
+    t.zdotaccent = 500;
+    t.Ecaron = 667;
+    t.Iogonek = 278;
+    t.kcommaaccent = 500;
+    t.minus = 584;
+    t.Icircumflex = 278;
+    t.ncaron = 556;
+    t.tcommaaccent = 278;
+    t.logicalnot = 584;
+    t.odieresis = 556;
+    t.udieresis = 556;
+    t.notequal = 549;
+    t.gcommaaccent = 556;
+    t.eth = 556;
+    t.zcaron = 500;
+    t.ncommaaccent = 556;
+    t.onesuperior = 333;
+    t.imacron = 278;
+    t.Euro = 556;
+  });
+  t.Symbol = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 250;
+    t.exclam = 333;
+    t.universal = 713;
+    t.numbersign = 500;
+    t.existential = 549;
+    t.percent = 833;
+    t.ampersand = 778;
+    t.suchthat = 439;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asteriskmath = 500;
+    t.plus = 549;
+    t.comma = 250;
+    t.minus = 549;
+    t.period = 250;
+    t.slash = 278;
+    t.zero = 500;
+    t.one = 500;
+    t.two = 500;
+    t.three = 500;
+    t.four = 500;
+    t.five = 500;
+    t.six = 500;
+    t.seven = 500;
+    t.eight = 500;
+    t.nine = 500;
+    t.colon = 278;
+    t.semicolon = 278;
+    t.less = 549;
+    t.equal = 549;
+    t.greater = 549;
+    t.question = 444;
+    t.congruent = 549;
+    t.Alpha = 722;
+    t.Beta = 667;
+    t.Chi = 722;
+    t.Delta = 612;
+    t.Epsilon = 611;
+    t.Phi = 763;
+    t.Gamma = 603;
+    t.Eta = 722;
+    t.Iota = 333;
+    t.theta1 = 631;
+    t.Kappa = 722;
+    t.Lambda = 686;
+    t.Mu = 889;
+    t.Nu = 722;
+    t.Omicron = 722;
+    t.Pi = 768;
+    t.Theta = 741;
+    t.Rho = 556;
+    t.Sigma = 592;
+    t.Tau = 611;
+    t.Upsilon = 690;
+    t.sigma1 = 439;
+    t.Omega = 768;
+    t.Xi = 645;
+    t.Psi = 795;
+    t.Zeta = 611;
+    t.bracketleft = 333;
+    t.therefore = 863;
+    t.bracketright = 333;
+    t.perpendicular = 658;
+    t.underscore = 500;
+    t.radicalex = 500;
+    t.alpha = 631;
+    t.beta = 549;
+    t.chi = 549;
+    t.delta = 494;
+    t.epsilon = 439;
+    t.phi = 521;
+    t.gamma = 411;
+    t.eta = 603;
+    t.iota = 329;
+    t.phi1 = 603;
+    t.kappa = 549;
+    t.lambda = 549;
+    t.mu = 576;
+    t.nu = 521;
+    t.omicron = 549;
+    t.pi = 549;
+    t.theta = 521;
+    t.rho = 549;
+    t.sigma = 603;
+    t.tau = 439;
+    t.upsilon = 576;
+    t.omega1 = 713;
+    t.omega = 686;
+    t.xi = 493;
+    t.psi = 686;
+    t.zeta = 494;
+    t.braceleft = 480;
+    t.bar = 200;
+    t.braceright = 480;
+    t.similar = 549;
+    t.Euro = 750;
+    t.Upsilon1 = 620;
+    t.minute = 247;
+    t.lessequal = 549;
+    t.fraction = 167;
+    t.infinity = 713;
+    t.florin = 500;
+    t.club = 753;
+    t.diamond = 753;
+    t.heart = 753;
+    t.spade = 753;
+    t.arrowboth = 1042;
+    t.arrowleft = 987;
+    t.arrowup = 603;
+    t.arrowright = 987;
+    t.arrowdown = 603;
+    t.degree = 400;
+    t.plusminus = 549;
+    t.second = 411;
+    t.greaterequal = 549;
+    t.multiply = 549;
+    t.proportional = 713;
+    t.partialdiff = 494;
+    t.bullet = 460;
+    t.divide = 549;
+    t.notequal = 549;
+    t.equivalence = 549;
+    t.approxequal = 549;
+    t.ellipsis = 1000;
+    t.arrowvertex = 603;
+    t.arrowhorizex = 1000;
+    t.carriagereturn = 658;
+    t.aleph = 823;
+    t.Ifraktur = 686;
+    t.Rfraktur = 795;
+    t.weierstrass = 987;
+    t.circlemultiply = 768;
+    t.circleplus = 768;
+    t.emptyset = 823;
+    t.intersection = 768;
+    t.union = 768;
+    t.propersuperset = 713;
+    t.reflexsuperset = 713;
+    t.notsubset = 713;
+    t.propersubset = 713;
+    t.reflexsubset = 713;
+    t.element = 713;
+    t.notelement = 713;
+    t.angle = 768;
+    t.gradient = 713;
+    t.registerserif = 790;
+    t.copyrightserif = 790;
+    t.trademarkserif = 890;
+    t.product = 823;
+    t.radical = 549;
+    t.dotmath = 250;
+    t.logicalnot = 713;
+    t.logicaland = 603;
+    t.logicalor = 603;
+    t.arrowdblboth = 1042;
+    t.arrowdblleft = 987;
+    t.arrowdblup = 603;
+    t.arrowdblright = 987;
+    t.arrowdbldown = 603;
+    t.lozenge = 494;
+    t.angleleft = 329;
+    t.registersans = 790;
+    t.copyrightsans = 790;
+    t.trademarksans = 786;
+    t.summation = 713;
+    t.parenlefttp = 384;
+    t.parenleftex = 384;
+    t.parenleftbt = 384;
+    t.bracketlefttp = 384;
+    t.bracketleftex = 384;
+    t.bracketleftbt = 384;
+    t.bracelefttp = 494;
+    t.braceleftmid = 494;
+    t.braceleftbt = 494;
+    t.braceex = 494;
+    t.angleright = 329;
+    t.integral = 274;
+    t.integraltp = 686;
+    t.integralex = 686;
+    t.integralbt = 686;
+    t.parenrighttp = 384;
+    t.parenrightex = 384;
+    t.parenrightbt = 384;
+    t.bracketrighttp = 384;
+    t.bracketrightex = 384;
+    t.bracketrightbt = 384;
+    t.bracerighttp = 494;
+    t.bracerightmid = 494;
+    t.bracerightbt = 494;
+    t.apple = 790;
+  });
+  t["Times-Roman"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 250;
+    t.exclam = 333;
+    t.quotedbl = 408;
+    t.numbersign = 500;
+    t.dollar = 500;
+    t.percent = 833;
+    t.ampersand = 778;
+    t.quoteright = 333;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 500;
+    t.plus = 564;
+    t.comma = 250;
+    t.hyphen = 333;
+    t.period = 250;
+    t.slash = 278;
+    t.zero = 500;
+    t.one = 500;
+    t.two = 500;
+    t.three = 500;
+    t.four = 500;
+    t.five = 500;
+    t.six = 500;
+    t.seven = 500;
+    t.eight = 500;
+    t.nine = 500;
+    t.colon = 278;
+    t.semicolon = 278;
+    t.less = 564;
+    t.equal = 564;
+    t.greater = 564;
+    t.question = 444;
+    t.at = 921;
+    t.A = 722;
+    t.B = 667;
+    t.C = 667;
+    t.D = 722;
+    t.E = 611;
+    t.F = 556;
+    t.G = 722;
+    t.H = 722;
+    t.I = 333;
+    t.J = 389;
+    t.K = 722;
+    t.L = 611;
+    t.M = 889;
+    t.N = 722;
+    t.O = 722;
+    t.P = 556;
+    t.Q = 722;
+    t.R = 667;
+    t.S = 556;
+    t.T = 611;
+    t.U = 722;
+    t.V = 722;
+    t.W = 944;
+    t.X = 722;
+    t.Y = 722;
+    t.Z = 611;
+    t.bracketleft = 333;
+    t.backslash = 278;
+    t.bracketright = 333;
+    t.asciicircum = 469;
+    t.underscore = 500;
+    t.quoteleft = 333;
+    t.a = 444;
+    t.b = 500;
+    t.c = 444;
+    t.d = 500;
+    t.e = 444;
+    t.f = 333;
+    t.g = 500;
+    t.h = 500;
+    t.i = 278;
+    t.j = 278;
+    t.k = 500;
+    t.l = 278;
+    t.m = 778;
+    t.n = 500;
+    t.o = 500;
+    t.p = 500;
+    t.q = 500;
+    t.r = 333;
+    t.s = 389;
+    t.t = 278;
+    t.u = 500;
+    t.v = 500;
+    t.w = 722;
+    t.x = 500;
+    t.y = 500;
+    t.z = 444;
+    t.braceleft = 480;
+    t.bar = 200;
+    t.braceright = 480;
+    t.asciitilde = 541;
+    t.exclamdown = 333;
+    t.cent = 500;
+    t.sterling = 500;
+    t.fraction = 167;
+    t.yen = 500;
+    t.florin = 500;
+    t.section = 500;
+    t.currency = 500;
+    t.quotesingle = 180;
+    t.quotedblleft = 444;
+    t.guillemotleft = 500;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 556;
+    t.fl = 556;
+    t.endash = 500;
+    t.dagger = 500;
+    t.daggerdbl = 500;
+    t.periodcentered = 250;
+    t.paragraph = 453;
+    t.bullet = 350;
+    t.quotesinglbase = 333;
+    t.quotedblbase = 444;
+    t.quotedblright = 444;
+    t.guillemotright = 500;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 444;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 889;
+    t.ordfeminine = 276;
+    t.Lslash = 611;
+    t.Oslash = 722;
+    t.OE = 889;
+    t.ordmasculine = 310;
+    t.ae = 667;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 500;
+    t.oe = 722;
+    t.germandbls = 500;
+    t.Idieresis = 333;
+    t.eacute = 444;
+    t.abreve = 444;
+    t.uhungarumlaut = 500;
+    t.ecaron = 444;
+    t.Ydieresis = 722;
+    t.divide = 564;
+    t.Yacute = 722;
+    t.Acircumflex = 722;
+    t.aacute = 444;
+    t.Ucircumflex = 722;
+    t.yacute = 500;
+    t.scommaaccent = 389;
+    t.ecircumflex = 444;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 444;
+    t.Uacute = 722;
+    t.uogonek = 500;
+    t.Edieresis = 611;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 760;
+    t.Emacron = 611;
+    t.ccaron = 444;
+    t.aring = 444;
+    t.Ncommaaccent = 722;
+    t.lacute = 278;
+    t.agrave = 444;
+    t.Tcommaaccent = 611;
+    t.Cacute = 667;
+    t.atilde = 444;
+    t.Edotaccent = 611;
+    t.scaron = 389;
+    t.scedilla = 389;
+    t.iacute = 278;
+    t.lozenge = 471;
+    t.Rcaron = 667;
+    t.Gcommaaccent = 722;
+    t.ucircumflex = 500;
+    t.acircumflex = 444;
+    t.Amacron = 722;
+    t.rcaron = 333;
+    t.ccedilla = 444;
+    t.Zdotaccent = 611;
+    t.Thorn = 556;
+    t.Omacron = 722;
+    t.Racute = 667;
+    t.Sacute = 556;
+    t.dcaron = 588;
+    t.Umacron = 722;
+    t.uring = 500;
+    t.threesuperior = 300;
+    t.Ograve = 722;
+    t.Agrave = 722;
+    t.Abreve = 722;
+    t.multiply = 564;
+    t.uacute = 500;
+    t.Tcaron = 611;
+    t.partialdiff = 476;
+    t.ydieresis = 500;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 611;
+    t.adieresis = 444;
+    t.edieresis = 444;
+    t.cacute = 444;
+    t.nacute = 500;
+    t.umacron = 500;
+    t.Ncaron = 722;
+    t.Iacute = 333;
+    t.plusminus = 564;
+    t.brokenbar = 200;
+    t.registered = 760;
+    t.Gbreve = 722;
+    t.Idotaccent = 333;
+    t.summation = 600;
+    t.Egrave = 611;
+    t.racute = 333;
+    t.omacron = 500;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 667;
+    t.lcommaaccent = 278;
+    t.tcaron = 326;
+    t.eogonek = 444;
+    t.Uogonek = 722;
+    t.Aacute = 722;
+    t.Adieresis = 722;
+    t.egrave = 444;
+    t.zacute = 444;
+    t.iogonek = 278;
+    t.Oacute = 722;
+    t.oacute = 500;
+    t.amacron = 444;
+    t.sacute = 389;
+    t.idieresis = 278;
+    t.Ocircumflex = 722;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 500;
+    t.twosuperior = 300;
+    t.Odieresis = 722;
+    t.mu = 500;
+    t.igrave = 278;
+    t.ohungarumlaut = 500;
+    t.Eogonek = 611;
+    t.dcroat = 500;
+    t.threequarters = 750;
+    t.Scedilla = 556;
+    t.lcaron = 344;
+    t.Kcommaaccent = 722;
+    t.Lacute = 611;
+    t.trademark = 980;
+    t.edotaccent = 444;
+    t.Igrave = 333;
+    t.Imacron = 333;
+    t.Lcaron = 611;
+    t.onehalf = 750;
+    t.lessequal = 549;
+    t.ocircumflex = 500;
+    t.ntilde = 500;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 611;
+    t.emacron = 444;
+    t.gbreve = 500;
+    t.onequarter = 750;
+    t.Scaron = 556;
+    t.Scommaaccent = 556;
+    t.Ohungarumlaut = 722;
+    t.degree = 400;
+    t.ograve = 500;
+    t.Ccaron = 667;
+    t.ugrave = 500;
+    t.radical = 453;
+    t.Dcaron = 722;
+    t.rcommaaccent = 333;
+    t.Ntilde = 722;
+    t.otilde = 500;
+    t.Rcommaaccent = 667;
+    t.Lcommaaccent = 611;
+    t.Atilde = 722;
+    t.Aogonek = 722;
+    t.Aring = 722;
+    t.Otilde = 722;
+    t.zdotaccent = 444;
+    t.Ecaron = 611;
+    t.Iogonek = 333;
+    t.kcommaaccent = 500;
+    t.minus = 564;
+    t.Icircumflex = 333;
+    t.ncaron = 500;
+    t.tcommaaccent = 278;
+    t.logicalnot = 564;
+    t.odieresis = 500;
+    t.udieresis = 500;
+    t.notequal = 549;
+    t.gcommaaccent = 500;
+    t.eth = 500;
+    t.zcaron = 444;
+    t.ncommaaccent = 500;
+    t.onesuperior = 300;
+    t.imacron = 278;
+    t.Euro = 500;
+  });
+  t["Times-Bold"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 250;
+    t.exclam = 333;
+    t.quotedbl = 555;
+    t.numbersign = 500;
+    t.dollar = 500;
+    t.percent = 1000;
+    t.ampersand = 833;
+    t.quoteright = 333;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 500;
+    t.plus = 570;
+    t.comma = 250;
+    t.hyphen = 333;
+    t.period = 250;
+    t.slash = 278;
+    t.zero = 500;
+    t.one = 500;
+    t.two = 500;
+    t.three = 500;
+    t.four = 500;
+    t.five = 500;
+    t.six = 500;
+    t.seven = 500;
+    t.eight = 500;
+    t.nine = 500;
+    t.colon = 333;
+    t.semicolon = 333;
+    t.less = 570;
+    t.equal = 570;
+    t.greater = 570;
+    t.question = 500;
+    t.at = 930;
+    t.A = 722;
+    t.B = 667;
+    t.C = 722;
+    t.D = 722;
+    t.E = 667;
+    t.F = 611;
+    t.G = 778;
+    t.H = 778;
+    t.I = 389;
+    t.J = 500;
+    t.K = 778;
+    t.L = 667;
+    t.M = 944;
+    t.N = 722;
+    t.O = 778;
+    t.P = 611;
+    t.Q = 778;
+    t.R = 722;
+    t.S = 556;
+    t.T = 667;
+    t.U = 722;
+    t.V = 722;
+    t.W = 1000;
+    t.X = 722;
+    t.Y = 722;
+    t.Z = 667;
+    t.bracketleft = 333;
+    t.backslash = 278;
+    t.bracketright = 333;
+    t.asciicircum = 581;
+    t.underscore = 500;
+    t.quoteleft = 333;
+    t.a = 500;
+    t.b = 556;
+    t.c = 444;
+    t.d = 556;
+    t.e = 444;
+    t.f = 333;
+    t.g = 500;
+    t.h = 556;
+    t.i = 278;
+    t.j = 333;
+    t.k = 556;
+    t.l = 278;
+    t.m = 833;
+    t.n = 556;
+    t.o = 500;
+    t.p = 556;
+    t.q = 556;
+    t.r = 444;
+    t.s = 389;
+    t.t = 333;
+    t.u = 556;
+    t.v = 500;
+    t.w = 722;
+    t.x = 500;
+    t.y = 500;
+    t.z = 444;
+    t.braceleft = 394;
+    t.bar = 220;
+    t.braceright = 394;
+    t.asciitilde = 520;
+    t.exclamdown = 333;
+    t.cent = 500;
+    t.sterling = 500;
+    t.fraction = 167;
+    t.yen = 500;
+    t.florin = 500;
+    t.section = 500;
+    t.currency = 500;
+    t.quotesingle = 278;
+    t.quotedblleft = 500;
+    t.guillemotleft = 500;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 556;
+    t.fl = 556;
+    t.endash = 500;
+    t.dagger = 500;
+    t.daggerdbl = 500;
+    t.periodcentered = 250;
+    t.paragraph = 540;
+    t.bullet = 350;
+    t.quotesinglbase = 333;
+    t.quotedblbase = 500;
+    t.quotedblright = 500;
+    t.guillemotright = 500;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 500;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 1000;
+    t.ordfeminine = 300;
+    t.Lslash = 667;
+    t.Oslash = 778;
+    t.OE = 1000;
+    t.ordmasculine = 330;
+    t.ae = 722;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 500;
+    t.oe = 722;
+    t.germandbls = 556;
+    t.Idieresis = 389;
+    t.eacute = 444;
+    t.abreve = 500;
+    t.uhungarumlaut = 556;
+    t.ecaron = 444;
+    t.Ydieresis = 722;
+    t.divide = 570;
+    t.Yacute = 722;
+    t.Acircumflex = 722;
+    t.aacute = 500;
+    t.Ucircumflex = 722;
+    t.yacute = 500;
+    t.scommaaccent = 389;
+    t.ecircumflex = 444;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 500;
+    t.Uacute = 722;
+    t.uogonek = 556;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 747;
+    t.Emacron = 667;
+    t.ccaron = 444;
+    t.aring = 500;
+    t.Ncommaaccent = 722;
+    t.lacute = 278;
+    t.agrave = 500;
+    t.Tcommaaccent = 667;
+    t.Cacute = 722;
+    t.atilde = 500;
+    t.Edotaccent = 667;
+    t.scaron = 389;
+    t.scedilla = 389;
+    t.iacute = 278;
+    t.lozenge = 494;
+    t.Rcaron = 722;
+    t.Gcommaaccent = 778;
+    t.ucircumflex = 556;
+    t.acircumflex = 500;
+    t.Amacron = 722;
+    t.rcaron = 444;
+    t.ccedilla = 444;
+    t.Zdotaccent = 667;
+    t.Thorn = 611;
+    t.Omacron = 778;
+    t.Racute = 722;
+    t.Sacute = 556;
+    t.dcaron = 672;
+    t.Umacron = 722;
+    t.uring = 556;
+    t.threesuperior = 300;
+    t.Ograve = 778;
+    t.Agrave = 722;
+    t.Abreve = 722;
+    t.multiply = 570;
+    t.uacute = 556;
+    t.Tcaron = 667;
+    t.partialdiff = 494;
+    t.ydieresis = 500;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 500;
+    t.edieresis = 444;
+    t.cacute = 444;
+    t.nacute = 556;
+    t.umacron = 556;
+    t.Ncaron = 722;
+    t.Iacute = 389;
+    t.plusminus = 570;
+    t.brokenbar = 220;
+    t.registered = 747;
+    t.Gbreve = 778;
+    t.Idotaccent = 389;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 444;
+    t.omacron = 500;
+    t.Zacute = 667;
+    t.Zcaron = 667;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 722;
+    t.lcommaaccent = 278;
+    t.tcaron = 416;
+    t.eogonek = 444;
+    t.Uogonek = 722;
+    t.Aacute = 722;
+    t.Adieresis = 722;
+    t.egrave = 444;
+    t.zacute = 444;
+    t.iogonek = 278;
+    t.Oacute = 778;
+    t.oacute = 500;
+    t.amacron = 500;
+    t.sacute = 389;
+    t.idieresis = 278;
+    t.Ocircumflex = 778;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 556;
+    t.twosuperior = 300;
+    t.Odieresis = 778;
+    t.mu = 556;
+    t.igrave = 278;
+    t.ohungarumlaut = 500;
+    t.Eogonek = 667;
+    t.dcroat = 556;
+    t.threequarters = 750;
+    t.Scedilla = 556;
+    t.lcaron = 394;
+    t.Kcommaaccent = 778;
+    t.Lacute = 667;
+    t.trademark = 1000;
+    t.edotaccent = 444;
+    t.Igrave = 389;
+    t.Imacron = 389;
+    t.Lcaron = 667;
+    t.onehalf = 750;
+    t.lessequal = 549;
+    t.ocircumflex = 500;
+    t.ntilde = 556;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 444;
+    t.gbreve = 500;
+    t.onequarter = 750;
+    t.Scaron = 556;
+    t.Scommaaccent = 556;
+    t.Ohungarumlaut = 778;
+    t.degree = 400;
+    t.ograve = 500;
+    t.Ccaron = 722;
+    t.ugrave = 556;
+    t.radical = 549;
+    t.Dcaron = 722;
+    t.rcommaaccent = 444;
+    t.Ntilde = 722;
+    t.otilde = 500;
+    t.Rcommaaccent = 722;
+    t.Lcommaaccent = 667;
+    t.Atilde = 722;
+    t.Aogonek = 722;
+    t.Aring = 722;
+    t.Otilde = 778;
+    t.zdotaccent = 444;
+    t.Ecaron = 667;
+    t.Iogonek = 389;
+    t.kcommaaccent = 556;
+    t.minus = 570;
+    t.Icircumflex = 389;
+    t.ncaron = 556;
+    t.tcommaaccent = 333;
+    t.logicalnot = 570;
+    t.odieresis = 500;
+    t.udieresis = 556;
+    t.notequal = 549;
+    t.gcommaaccent = 500;
+    t.eth = 500;
+    t.zcaron = 444;
+    t.ncommaaccent = 556;
+    t.onesuperior = 300;
+    t.imacron = 278;
+    t.Euro = 500;
+  });
+  t["Times-BoldItalic"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 250;
+    t.exclam = 389;
+    t.quotedbl = 555;
+    t.numbersign = 500;
+    t.dollar = 500;
+    t.percent = 833;
+    t.ampersand = 778;
+    t.quoteright = 333;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 500;
+    t.plus = 570;
+    t.comma = 250;
+    t.hyphen = 333;
+    t.period = 250;
+    t.slash = 278;
+    t.zero = 500;
+    t.one = 500;
+    t.two = 500;
+    t.three = 500;
+    t.four = 500;
+    t.five = 500;
+    t.six = 500;
+    t.seven = 500;
+    t.eight = 500;
+    t.nine = 500;
+    t.colon = 333;
+    t.semicolon = 333;
+    t.less = 570;
+    t.equal = 570;
+    t.greater = 570;
+    t.question = 500;
+    t.at = 832;
+    t.A = 667;
+    t.B = 667;
+    t.C = 667;
+    t.D = 722;
+    t.E = 667;
+    t.F = 667;
+    t.G = 722;
+    t.H = 778;
+    t.I = 389;
+    t.J = 500;
+    t.K = 667;
+    t.L = 611;
+    t.M = 889;
+    t.N = 722;
+    t.O = 722;
+    t.P = 611;
+    t.Q = 722;
+    t.R = 667;
+    t.S = 556;
+    t.T = 611;
+    t.U = 722;
+    t.V = 667;
+    t.W = 889;
+    t.X = 667;
+    t.Y = 611;
+    t.Z = 611;
+    t.bracketleft = 333;
+    t.backslash = 278;
+    t.bracketright = 333;
+    t.asciicircum = 570;
+    t.underscore = 500;
+    t.quoteleft = 333;
+    t.a = 500;
+    t.b = 500;
+    t.c = 444;
+    t.d = 500;
+    t.e = 444;
+    t.f = 333;
+    t.g = 500;
+    t.h = 556;
+    t.i = 278;
+    t.j = 278;
+    t.k = 500;
+    t.l = 278;
+    t.m = 778;
+    t.n = 556;
+    t.o = 500;
+    t.p = 500;
+    t.q = 500;
+    t.r = 389;
+    t.s = 389;
+    t.t = 278;
+    t.u = 556;
+    t.v = 444;
+    t.w = 667;
+    t.x = 500;
+    t.y = 444;
+    t.z = 389;
+    t.braceleft = 348;
+    t.bar = 220;
+    t.braceright = 348;
+    t.asciitilde = 570;
+    t.exclamdown = 389;
+    t.cent = 500;
+    t.sterling = 500;
+    t.fraction = 167;
+    t.yen = 500;
+    t.florin = 500;
+    t.section = 500;
+    t.currency = 500;
+    t.quotesingle = 278;
+    t.quotedblleft = 500;
+    t.guillemotleft = 500;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 556;
+    t.fl = 556;
+    t.endash = 500;
+    t.dagger = 500;
+    t.daggerdbl = 500;
+    t.periodcentered = 250;
+    t.paragraph = 500;
+    t.bullet = 350;
+    t.quotesinglbase = 333;
+    t.quotedblbase = 500;
+    t.quotedblright = 500;
+    t.guillemotright = 500;
+    t.ellipsis = 1000;
+    t.perthousand = 1000;
+    t.questiondown = 500;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 1000;
+    t.AE = 944;
+    t.ordfeminine = 266;
+    t.Lslash = 611;
+    t.Oslash = 722;
+    t.OE = 944;
+    t.ordmasculine = 300;
+    t.ae = 722;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 500;
+    t.oe = 722;
+    t.germandbls = 500;
+    t.Idieresis = 389;
+    t.eacute = 444;
+    t.abreve = 500;
+    t.uhungarumlaut = 556;
+    t.ecaron = 444;
+    t.Ydieresis = 611;
+    t.divide = 570;
+    t.Yacute = 611;
+    t.Acircumflex = 667;
+    t.aacute = 500;
+    t.Ucircumflex = 722;
+    t.yacute = 444;
+    t.scommaaccent = 389;
+    t.ecircumflex = 444;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 500;
+    t.Uacute = 722;
+    t.uogonek = 556;
+    t.Edieresis = 667;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 747;
+    t.Emacron = 667;
+    t.ccaron = 444;
+    t.aring = 500;
+    t.Ncommaaccent = 722;
+    t.lacute = 278;
+    t.agrave = 500;
+    t.Tcommaaccent = 611;
+    t.Cacute = 667;
+    t.atilde = 500;
+    t.Edotaccent = 667;
+    t.scaron = 389;
+    t.scedilla = 389;
+    t.iacute = 278;
+    t.lozenge = 494;
+    t.Rcaron = 667;
+    t.Gcommaaccent = 722;
+    t.ucircumflex = 556;
+    t.acircumflex = 500;
+    t.Amacron = 667;
+    t.rcaron = 389;
+    t.ccedilla = 444;
+    t.Zdotaccent = 611;
+    t.Thorn = 611;
+    t.Omacron = 722;
+    t.Racute = 667;
+    t.Sacute = 556;
+    t.dcaron = 608;
+    t.Umacron = 722;
+    t.uring = 556;
+    t.threesuperior = 300;
+    t.Ograve = 722;
+    t.Agrave = 667;
+    t.Abreve = 667;
+    t.multiply = 570;
+    t.uacute = 556;
+    t.Tcaron = 611;
+    t.partialdiff = 494;
+    t.ydieresis = 444;
+    t.Nacute = 722;
+    t.icircumflex = 278;
+    t.Ecircumflex = 667;
+    t.adieresis = 500;
+    t.edieresis = 444;
+    t.cacute = 444;
+    t.nacute = 556;
+    t.umacron = 556;
+    t.Ncaron = 722;
+    t.Iacute = 389;
+    t.plusminus = 570;
+    t.brokenbar = 220;
+    t.registered = 747;
+    t.Gbreve = 722;
+    t.Idotaccent = 389;
+    t.summation = 600;
+    t.Egrave = 667;
+    t.racute = 389;
+    t.omacron = 500;
+    t.Zacute = 611;
+    t.Zcaron = 611;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 667;
+    t.lcommaaccent = 278;
+    t.tcaron = 366;
+    t.eogonek = 444;
+    t.Uogonek = 722;
+    t.Aacute = 667;
+    t.Adieresis = 667;
+    t.egrave = 444;
+    t.zacute = 389;
+    t.iogonek = 278;
+    t.Oacute = 722;
+    t.oacute = 500;
+    t.amacron = 500;
+    t.sacute = 389;
+    t.idieresis = 278;
+    t.Ocircumflex = 722;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 500;
+    t.twosuperior = 300;
+    t.Odieresis = 722;
+    t.mu = 576;
+    t.igrave = 278;
+    t.ohungarumlaut = 500;
+    t.Eogonek = 667;
+    t.dcroat = 500;
+    t.threequarters = 750;
+    t.Scedilla = 556;
+    t.lcaron = 382;
+    t.Kcommaaccent = 667;
+    t.Lacute = 611;
+    t.trademark = 1000;
+    t.edotaccent = 444;
+    t.Igrave = 389;
+    t.Imacron = 389;
+    t.Lcaron = 611;
+    t.onehalf = 750;
+    t.lessequal = 549;
+    t.ocircumflex = 500;
+    t.ntilde = 556;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 667;
+    t.emacron = 444;
+    t.gbreve = 500;
+    t.onequarter = 750;
+    t.Scaron = 556;
+    t.Scommaaccent = 556;
+    t.Ohungarumlaut = 722;
+    t.degree = 400;
+    t.ograve = 500;
+    t.Ccaron = 667;
+    t.ugrave = 556;
+    t.radical = 549;
+    t.Dcaron = 722;
+    t.rcommaaccent = 389;
+    t.Ntilde = 722;
+    t.otilde = 500;
+    t.Rcommaaccent = 667;
+    t.Lcommaaccent = 611;
+    t.Atilde = 667;
+    t.Aogonek = 667;
+    t.Aring = 667;
+    t.Otilde = 722;
+    t.zdotaccent = 389;
+    t.Ecaron = 667;
+    t.Iogonek = 389;
+    t.kcommaaccent = 500;
+    t.minus = 606;
+    t.Icircumflex = 389;
+    t.ncaron = 556;
+    t.tcommaaccent = 278;
+    t.logicalnot = 606;
+    t.odieresis = 500;
+    t.udieresis = 556;
+    t.notequal = 549;
+    t.gcommaaccent = 500;
+    t.eth = 500;
+    t.zcaron = 389;
+    t.ncommaaccent = 556;
+    t.onesuperior = 300;
+    t.imacron = 278;
+    t.Euro = 500;
+  });
+  t["Times-Italic"] = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 250;
+    t.exclam = 333;
+    t.quotedbl = 420;
+    t.numbersign = 500;
+    t.dollar = 500;
+    t.percent = 833;
+    t.ampersand = 778;
+    t.quoteright = 333;
+    t.parenleft = 333;
+    t.parenright = 333;
+    t.asterisk = 500;
+    t.plus = 675;
+    t.comma = 250;
+    t.hyphen = 333;
+    t.period = 250;
+    t.slash = 278;
+    t.zero = 500;
+    t.one = 500;
+    t.two = 500;
+    t.three = 500;
+    t.four = 500;
+    t.five = 500;
+    t.six = 500;
+    t.seven = 500;
+    t.eight = 500;
+    t.nine = 500;
+    t.colon = 333;
+    t.semicolon = 333;
+    t.less = 675;
+    t.equal = 675;
+    t.greater = 675;
+    t.question = 500;
+    t.at = 920;
+    t.A = 611;
+    t.B = 611;
+    t.C = 667;
+    t.D = 722;
+    t.E = 611;
+    t.F = 611;
+    t.G = 722;
+    t.H = 722;
+    t.I = 333;
+    t.J = 444;
+    t.K = 667;
+    t.L = 556;
+    t.M = 833;
+    t.N = 667;
+    t.O = 722;
+    t.P = 611;
+    t.Q = 722;
+    t.R = 611;
+    t.S = 500;
+    t.T = 556;
+    t.U = 722;
+    t.V = 611;
+    t.W = 833;
+    t.X = 611;
+    t.Y = 556;
+    t.Z = 556;
+    t.bracketleft = 389;
+    t.backslash = 278;
+    t.bracketright = 389;
+    t.asciicircum = 422;
+    t.underscore = 500;
+    t.quoteleft = 333;
+    t.a = 500;
+    t.b = 500;
+    t.c = 444;
+    t.d = 500;
+    t.e = 444;
+    t.f = 278;
+    t.g = 500;
+    t.h = 500;
+    t.i = 278;
+    t.j = 278;
+    t.k = 444;
+    t.l = 278;
+    t.m = 722;
+    t.n = 500;
+    t.o = 500;
+    t.p = 500;
+    t.q = 500;
+    t.r = 389;
+    t.s = 389;
+    t.t = 278;
+    t.u = 500;
+    t.v = 444;
+    t.w = 667;
+    t.x = 444;
+    t.y = 444;
+    t.z = 389;
+    t.braceleft = 400;
+    t.bar = 275;
+    t.braceright = 400;
+    t.asciitilde = 541;
+    t.exclamdown = 389;
+    t.cent = 500;
+    t.sterling = 500;
+    t.fraction = 167;
+    t.yen = 500;
+    t.florin = 500;
+    t.section = 500;
+    t.currency = 500;
+    t.quotesingle = 214;
+    t.quotedblleft = 556;
+    t.guillemotleft = 500;
+    t.guilsinglleft = 333;
+    t.guilsinglright = 333;
+    t.fi = 500;
+    t.fl = 500;
+    t.endash = 500;
+    t.dagger = 500;
+    t.daggerdbl = 500;
+    t.periodcentered = 250;
+    t.paragraph = 523;
+    t.bullet = 350;
+    t.quotesinglbase = 333;
+    t.quotedblbase = 556;
+    t.quotedblright = 556;
+    t.guillemotright = 500;
+    t.ellipsis = 889;
+    t.perthousand = 1000;
+    t.questiondown = 500;
+    t.grave = 333;
+    t.acute = 333;
+    t.circumflex = 333;
+    t.tilde = 333;
+    t.macron = 333;
+    t.breve = 333;
+    t.dotaccent = 333;
+    t.dieresis = 333;
+    t.ring = 333;
+    t.cedilla = 333;
+    t.hungarumlaut = 333;
+    t.ogonek = 333;
+    t.caron = 333;
+    t.emdash = 889;
+    t.AE = 889;
+    t.ordfeminine = 276;
+    t.Lslash = 556;
+    t.Oslash = 722;
+    t.OE = 944;
+    t.ordmasculine = 310;
+    t.ae = 667;
+    t.dotlessi = 278;
+    t.lslash = 278;
+    t.oslash = 500;
+    t.oe = 667;
+    t.germandbls = 500;
+    t.Idieresis = 333;
+    t.eacute = 444;
+    t.abreve = 500;
+    t.uhungarumlaut = 500;
+    t.ecaron = 444;
+    t.Ydieresis = 556;
+    t.divide = 675;
+    t.Yacute = 556;
+    t.Acircumflex = 611;
+    t.aacute = 500;
+    t.Ucircumflex = 722;
+    t.yacute = 444;
+    t.scommaaccent = 389;
+    t.ecircumflex = 444;
+    t.Uring = 722;
+    t.Udieresis = 722;
+    t.aogonek = 500;
+    t.Uacute = 722;
+    t.uogonek = 500;
+    t.Edieresis = 611;
+    t.Dcroat = 722;
+    t.commaaccent = 250;
+    t.copyright = 760;
+    t.Emacron = 611;
+    t.ccaron = 444;
+    t.aring = 500;
+    t.Ncommaaccent = 667;
+    t.lacute = 278;
+    t.agrave = 500;
+    t.Tcommaaccent = 556;
+    t.Cacute = 667;
+    t.atilde = 500;
+    t.Edotaccent = 611;
+    t.scaron = 389;
+    t.scedilla = 389;
+    t.iacute = 278;
+    t.lozenge = 471;
+    t.Rcaron = 611;
+    t.Gcommaaccent = 722;
+    t.ucircumflex = 500;
+    t.acircumflex = 500;
+    t.Amacron = 611;
+    t.rcaron = 389;
+    t.ccedilla = 444;
+    t.Zdotaccent = 556;
+    t.Thorn = 611;
+    t.Omacron = 722;
+    t.Racute = 611;
+    t.Sacute = 500;
+    t.dcaron = 544;
+    t.Umacron = 722;
+    t.uring = 500;
+    t.threesuperior = 300;
+    t.Ograve = 722;
+    t.Agrave = 611;
+    t.Abreve = 611;
+    t.multiply = 675;
+    t.uacute = 500;
+    t.Tcaron = 556;
+    t.partialdiff = 476;
+    t.ydieresis = 444;
+    t.Nacute = 667;
+    t.icircumflex = 278;
+    t.Ecircumflex = 611;
+    t.adieresis = 500;
+    t.edieresis = 444;
+    t.cacute = 444;
+    t.nacute = 500;
+    t.umacron = 500;
+    t.Ncaron = 667;
+    t.Iacute = 333;
+    t.plusminus = 675;
+    t.brokenbar = 275;
+    t.registered = 760;
+    t.Gbreve = 722;
+    t.Idotaccent = 333;
+    t.summation = 600;
+    t.Egrave = 611;
+    t.racute = 389;
+    t.omacron = 500;
+    t.Zacute = 556;
+    t.Zcaron = 556;
+    t.greaterequal = 549;
+    t.Eth = 722;
+    t.Ccedilla = 667;
+    t.lcommaaccent = 278;
+    t.tcaron = 300;
+    t.eogonek = 444;
+    t.Uogonek = 722;
+    t.Aacute = 611;
+    t.Adieresis = 611;
+    t.egrave = 444;
+    t.zacute = 389;
+    t.iogonek = 278;
+    t.Oacute = 722;
+    t.oacute = 500;
+    t.amacron = 500;
+    t.sacute = 389;
+    t.idieresis = 278;
+    t.Ocircumflex = 722;
+    t.Ugrave = 722;
+    t.Delta = 612;
+    t.thorn = 500;
+    t.twosuperior = 300;
+    t.Odieresis = 722;
+    t.mu = 500;
+    t.igrave = 278;
+    t.ohungarumlaut = 500;
+    t.Eogonek = 611;
+    t.dcroat = 500;
+    t.threequarters = 750;
+    t.Scedilla = 500;
+    t.lcaron = 300;
+    t.Kcommaaccent = 667;
+    t.Lacute = 556;
+    t.trademark = 980;
+    t.edotaccent = 444;
+    t.Igrave = 333;
+    t.Imacron = 333;
+    t.Lcaron = 611;
+    t.onehalf = 750;
+    t.lessequal = 549;
+    t.ocircumflex = 500;
+    t.ntilde = 500;
+    t.Uhungarumlaut = 722;
+    t.Eacute = 611;
+    t.emacron = 444;
+    t.gbreve = 500;
+    t.onequarter = 750;
+    t.Scaron = 500;
+    t.Scommaaccent = 500;
+    t.Ohungarumlaut = 722;
+    t.degree = 400;
+    t.ograve = 500;
+    t.Ccaron = 667;
+    t.ugrave = 500;
+    t.radical = 453;
+    t.Dcaron = 722;
+    t.rcommaaccent = 389;
+    t.Ntilde = 667;
+    t.otilde = 500;
+    t.Rcommaaccent = 611;
+    t.Lcommaaccent = 556;
+    t.Atilde = 611;
+    t.Aogonek = 611;
+    t.Aring = 611;
+    t.Otilde = 722;
+    t.zdotaccent = 389;
+    t.Ecaron = 611;
+    t.Iogonek = 333;
+    t.kcommaaccent = 444;
+    t.minus = 675;
+    t.Icircumflex = 333;
+    t.ncaron = 500;
+    t.tcommaaccent = 278;
+    t.logicalnot = 675;
+    t.odieresis = 500;
+    t.udieresis = 500;
+    t.notequal = 549;
+    t.gcommaaccent = 500;
+    t.eth = 500;
+    t.zcaron = 389;
+    t.ncommaaccent = 500;
+    t.onesuperior = 300;
+    t.imacron = 278;
+    t.Euro = 500;
+  });
+  t.ZapfDingbats = (0, _core_utils.getLookupTableFactory)(function (t) {
+    t.space = 278;
+    t.a1 = 974;
+    t.a2 = 961;
+    t.a202 = 974;
+    t.a3 = 980;
+    t.a4 = 719;
+    t.a5 = 789;
+    t.a119 = 790;
+    t.a118 = 791;
+    t.a117 = 690;
+    t.a11 = 960;
+    t.a12 = 939;
+    t.a13 = 549;
+    t.a14 = 855;
+    t.a15 = 911;
+    t.a16 = 933;
+    t.a105 = 911;
+    t.a17 = 945;
+    t.a18 = 974;
+    t.a19 = 755;
+    t.a20 = 846;
+    t.a21 = 762;
+    t.a22 = 761;
+    t.a23 = 571;
+    t.a24 = 677;
+    t.a25 = 763;
+    t.a26 = 760;
+    t.a27 = 759;
+    t.a28 = 754;
+    t.a6 = 494;
+    t.a7 = 552;
+    t.a8 = 537;
+    t.a9 = 577;
+    t.a10 = 692;
+    t.a29 = 786;
+    t.a30 = 788;
+    t.a31 = 788;
+    t.a32 = 790;
+    t.a33 = 793;
+    t.a34 = 794;
+    t.a35 = 816;
+    t.a36 = 823;
+    t.a37 = 789;
+    t.a38 = 841;
+    t.a39 = 823;
+    t.a40 = 833;
+    t.a41 = 816;
+    t.a42 = 831;
+    t.a43 = 923;
+    t.a44 = 744;
+    t.a45 = 723;
+    t.a46 = 749;
+    t.a47 = 790;
+    t.a48 = 792;
+    t.a49 = 695;
+    t.a50 = 776;
+    t.a51 = 768;
+    t.a52 = 792;
+    t.a53 = 759;
+    t.a54 = 707;
+    t.a55 = 708;
+    t.a56 = 682;
+    t.a57 = 701;
+    t.a58 = 826;
+    t.a59 = 815;
+    t.a60 = 789;
+    t.a61 = 789;
+    t.a62 = 707;
+    t.a63 = 687;
+    t.a64 = 696;
+    t.a65 = 689;
+    t.a66 = 786;
+    t.a67 = 787;
+    t.a68 = 713;
+    t.a69 = 791;
+    t.a70 = 785;
+    t.a71 = 791;
+    t.a72 = 873;
+    t.a73 = 761;
+    t.a74 = 762;
+    t.a203 = 762;
+    t.a75 = 759;
+    t.a204 = 759;
+    t.a76 = 892;
+    t.a77 = 892;
+    t.a78 = 788;
+    t.a79 = 784;
+    t.a81 = 438;
+    t.a82 = 138;
+    t.a83 = 277;
+    t.a84 = 415;
+    t.a97 = 392;
+    t.a98 = 392;
+    t.a99 = 668;
+    t.a100 = 668;
+    t.a89 = 390;
+    t.a90 = 390;
+    t.a93 = 317;
+    t.a94 = 317;
+    t.a91 = 276;
+    t.a92 = 276;
+    t.a205 = 509;
+    t.a85 = 509;
+    t.a206 = 410;
+    t.a86 = 410;
+    t.a87 = 234;
+    t.a88 = 234;
+    t.a95 = 334;
+    t.a96 = 334;
+    t.a101 = 732;
+    t.a102 = 544;
+    t.a103 = 544;
+    t.a104 = 910;
+    t.a106 = 667;
+    t.a107 = 760;
+    t.a108 = 760;
+    t.a112 = 776;
+    t.a111 = 595;
+    t.a110 = 694;
+    t.a109 = 626;
+    t.a120 = 788;
+    t.a121 = 788;
+    t.a122 = 788;
+    t.a123 = 788;
+    t.a124 = 788;
+    t.a125 = 788;
+    t.a126 = 788;
+    t.a127 = 788;
+    t.a128 = 788;
+    t.a129 = 788;
+    t.a130 = 788;
+    t.a131 = 788;
+    t.a132 = 788;
+    t.a133 = 788;
+    t.a134 = 788;
+    t.a135 = 788;
+    t.a136 = 788;
+    t.a137 = 788;
+    t.a138 = 788;
+    t.a139 = 788;
+    t.a140 = 788;
+    t.a141 = 788;
+    t.a142 = 788;
+    t.a143 = 788;
+    t.a144 = 788;
+    t.a145 = 788;
+    t.a146 = 788;
+    t.a147 = 788;
+    t.a148 = 788;
+    t.a149 = 788;
+    t.a150 = 788;
+    t.a151 = 788;
+    t.a152 = 788;
+    t.a153 = 788;
+    t.a154 = 788;
+    t.a155 = 788;
+    t.a156 = 788;
+    t.a157 = 788;
+    t.a158 = 788;
+    t.a159 = 788;
+    t.a160 = 894;
+    t.a161 = 838;
+    t.a163 = 1016;
+    t.a164 = 458;
+    t.a196 = 748;
+    t.a165 = 924;
+    t.a192 = 748;
+    t.a166 = 918;
+    t.a167 = 927;
+    t.a168 = 928;
+    t.a169 = 928;
+    t.a170 = 834;
+    t.a171 = 873;
+    t.a172 = 828;
+    t.a173 = 924;
+    t.a162 = 924;
+    t.a174 = 917;
+    t.a175 = 930;
+    t.a176 = 931;
+    t.a177 = 463;
+    t.a178 = 883;
+    t.a179 = 836;
+    t.a193 = 836;
+    t.a180 = 867;
+    t.a199 = 867;
+    t.a181 = 696;
+    t.a200 = 696;
+    t.a182 = 874;
+    t.a201 = 874;
+    t.a183 = 760;
+    t.a184 = 946;
+    t.a197 = 771;
+    t.a185 = 865;
+    t.a194 = 771;
+    t.a198 = 888;
+    t.a186 = 967;
+    t.a195 = 888;
+    t.a187 = 831;
+    t.a188 = 873;
+    t.a189 = 927;
+    t.a190 = 970;
+    t.a191 = 918;
+  });
+});
+exports.getMetrics = getMetrics;
+const getFontBasicMetrics = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t.Courier = {
+    ascent: 629,
+    descent: -157,
+    capHeight: 562,
+    xHeight: -426
+  };
+  t["Courier-Bold"] = {
+    ascent: 629,
+    descent: -157,
+    capHeight: 562,
+    xHeight: 439
+  };
+  t["Courier-Oblique"] = {
+    ascent: 629,
+    descent: -157,
+    capHeight: 562,
+    xHeight: 426
+  };
+  t["Courier-BoldOblique"] = {
+    ascent: 629,
+    descent: -157,
+    capHeight: 562,
+    xHeight: 426
+  };
+  t.Helvetica = {
+    ascent: 718,
+    descent: -207,
+    capHeight: 718,
+    xHeight: 523
+  };
+  t["Helvetica-Bold"] = {
+    ascent: 718,
+    descent: -207,
+    capHeight: 718,
+    xHeight: 532
+  };
+  t["Helvetica-Oblique"] = {
+    ascent: 718,
+    descent: -207,
+    capHeight: 718,
+    xHeight: 523
+  };
+  t["Helvetica-BoldOblique"] = {
+    ascent: 718,
+    descent: -207,
+    capHeight: 718,
+    xHeight: 532
+  };
+  t["Times-Roman"] = {
+    ascent: 683,
+    descent: -217,
+    capHeight: 662,
+    xHeight: 450
+  };
+  t["Times-Bold"] = {
+    ascent: 683,
+    descent: -217,
+    capHeight: 676,
+    xHeight: 461
+  };
+  t["Times-Italic"] = {
+    ascent: 683,
+    descent: -217,
+    capHeight: 653,
+    xHeight: 441
+  };
+  t["Times-BoldItalic"] = {
+    ascent: 683,
+    descent: -217,
+    capHeight: 669,
+    xHeight: 462
+  };
+  t.Symbol = {
+    ascent: Math.NaN,
+    descent: Math.NaN,
+    capHeight: Math.NaN,
+    xHeight: Math.NaN
+  };
+  t.ZapfDingbats = {
+    ascent: Math.NaN,
+    descent: Math.NaN,
+    capHeight: Math.NaN,
+    xHeight: Math.NaN
+  };
+});
+exports.getFontBasicMetrics = getFontBasicMetrics;
+
+/***/ }),
+/* 46 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.GlyfTable = void 0;
+const ON_CURVE_POINT = 1 << 0;
+const X_SHORT_VECTOR = 1 << 1;
+const Y_SHORT_VECTOR = 1 << 2;
+const REPEAT_FLAG = 1 << 3;
+const X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR = 1 << 4;
+const Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR = 1 << 5;
+const OVERLAP_SIMPLE = 1 << 6;
+const ARG_1_AND_2_ARE_WORDS = 1 << 0;
+const ARGS_ARE_XY_VALUES = 1 << 1;
+const WE_HAVE_A_SCALE = 1 << 3;
+const MORE_COMPONENTS = 1 << 5;
+const WE_HAVE_AN_X_AND_Y_SCALE = 1 << 6;
+const WE_HAVE_A_TWO_BY_TWO = 1 << 7;
+const WE_HAVE_INSTRUCTIONS = 1 << 8;
+class GlyfTable {
+  constructor({
+    glyfTable,
+    isGlyphLocationsLong,
+    locaTable,
+    numGlyphs
+  }) {
+    this.glyphs = [];
+    const loca = new DataView(locaTable.buffer, locaTable.byteOffset, locaTable.byteLength);
+    const glyf = new DataView(glyfTable.buffer, glyfTable.byteOffset, glyfTable.byteLength);
+    const offsetSize = isGlyphLocationsLong ? 4 : 2;
+    let prev = isGlyphLocationsLong ? loca.getUint32(0) : 2 * loca.getUint16(0);
+    let pos = 0;
+    for (let i = 0; i < numGlyphs; i++) {
+      pos += offsetSize;
+      const next = isGlyphLocationsLong ? loca.getUint32(pos) : 2 * loca.getUint16(pos);
+      if (next === prev) {
+        this.glyphs.push(new Glyph({}));
+        continue;
+      }
+      const glyph = Glyph.parse(prev, glyf);
+      this.glyphs.push(glyph);
+      prev = next;
+    }
+  }
+  getSize() {
+    return this.glyphs.reduce((a, g) => {
+      const size = g.getSize();
+      return a + (size + 3 & ~3);
+    }, 0);
+  }
+  write() {
+    const totalSize = this.getSize();
+    const glyfTable = new DataView(new ArrayBuffer(totalSize));
+    const isLocationLong = totalSize > 0x1fffe;
+    const offsetSize = isLocationLong ? 4 : 2;
+    const locaTable = new DataView(new ArrayBuffer((this.glyphs.length + 1) * offsetSize));
+    if (isLocationLong) {
+      locaTable.setUint32(0, 0);
+    } else {
+      locaTable.setUint16(0, 0);
+    }
+    let pos = 0;
+    let locaIndex = 0;
+    for (const glyph of this.glyphs) {
+      pos += glyph.write(pos, glyfTable);
+      pos = pos + 3 & ~3;
+      locaIndex += offsetSize;
+      if (isLocationLong) {
+        locaTable.setUint32(locaIndex, pos);
+      } else {
+        locaTable.setUint16(locaIndex, pos >> 1);
+      }
+    }
+    return {
+      isLocationLong,
+      loca: new Uint8Array(locaTable.buffer),
+      glyf: new Uint8Array(glyfTable.buffer)
+    };
+  }
+  scale(factors) {
+    for (let i = 0, ii = this.glyphs.length; i < ii; i++) {
+      this.glyphs[i].scale(factors[i]);
+    }
+  }
+}
+exports.GlyfTable = GlyfTable;
+class Glyph {
+  constructor({
+    header = null,
+    simple = null,
+    composites = null
+  }) {
+    this.header = header;
+    this.simple = simple;
+    this.composites = composites;
+  }
+  static parse(pos, glyf) {
+    const [read, header] = GlyphHeader.parse(pos, glyf);
+    pos += read;
+    if (header.numberOfContours < 0) {
+      const composites = [];
+      while (true) {
+        const [n, composite] = CompositeGlyph.parse(pos, glyf);
+        pos += n;
+        composites.push(composite);
+        if (!(composite.flags & MORE_COMPONENTS)) {
+          break;
+        }
+      }
+      return new Glyph({
+        header,
+        composites
+      });
+    }
+    const simple = SimpleGlyph.parse(pos, glyf, header.numberOfContours);
+    return new Glyph({
+      header,
+      simple
+    });
+  }
+  getSize() {
+    if (!this.header) {
+      return 0;
+    }
+    const size = this.simple ? this.simple.getSize() : this.composites.reduce((a, c) => a + c.getSize(), 0);
+    return this.header.getSize() + size;
+  }
+  write(pos, buf) {
+    if (!this.header) {
+      return 0;
+    }
+    const spos = pos;
+    pos += this.header.write(pos, buf);
+    if (this.simple) {
+      pos += this.simple.write(pos, buf);
+    } else {
+      for (const composite of this.composites) {
+        pos += composite.write(pos, buf);
+      }
+    }
+    return pos - spos;
+  }
+  scale(factor) {
+    if (!this.header) {
+      return;
+    }
+    const xMiddle = (this.header.xMin + this.header.xMax) / 2;
+    this.header.scale(xMiddle, factor);
+    if (this.simple) {
+      this.simple.scale(xMiddle, factor);
+    } else {
+      for (const composite of this.composites) {
+        composite.scale(xMiddle, factor);
+      }
+    }
+  }
+}
+class GlyphHeader {
+  constructor({
+    numberOfContours,
+    xMin,
+    yMin,
+    xMax,
+    yMax
+  }) {
+    this.numberOfContours = numberOfContours;
+    this.xMin = xMin;
+    this.yMin = yMin;
+    this.xMax = xMax;
+    this.yMax = yMax;
+  }
+  static parse(pos, glyf) {
+    return [10, new GlyphHeader({
+      numberOfContours: glyf.getInt16(pos),
+      xMin: glyf.getInt16(pos + 2),
+      yMin: glyf.getInt16(pos + 4),
+      xMax: glyf.getInt16(pos + 6),
+      yMax: glyf.getInt16(pos + 8)
+    })];
+  }
+  getSize() {
+    return 10;
+  }
+  write(pos, buf) {
+    buf.setInt16(pos, this.numberOfContours);
+    buf.setInt16(pos + 2, this.xMin);
+    buf.setInt16(pos + 4, this.yMin);
+    buf.setInt16(pos + 6, this.xMax);
+    buf.setInt16(pos + 8, this.yMax);
+    return 10;
+  }
+  scale(x, factor) {
+    this.xMin = Math.round(x + (this.xMin - x) * factor);
+    this.xMax = Math.round(x + (this.xMax - x) * factor);
+  }
+}
+class Contour {
+  constructor({
+    flags,
+    xCoordinates,
+    yCoordinates
+  }) {
+    this.xCoordinates = xCoordinates;
+    this.yCoordinates = yCoordinates;
+    this.flags = flags;
+  }
+}
+class SimpleGlyph {
+  constructor({
+    contours,
+    instructions
+  }) {
+    this.contours = contours;
+    this.instructions = instructions;
+  }
+  static parse(pos, glyf, numberOfContours) {
+    const endPtsOfContours = [];
+    for (let i = 0; i < numberOfContours; i++) {
+      const endPt = glyf.getUint16(pos);
+      pos += 2;
+      endPtsOfContours.push(endPt);
+    }
+    const numberOfPt = endPtsOfContours[numberOfContours - 1] + 1;
+    const instructionLength = glyf.getUint16(pos);
+    pos += 2;
+    const instructions = new Uint8Array(glyf).slice(pos, pos + instructionLength);
+    pos += instructionLength;
+    const flags = [];
+    for (let i = 0; i < numberOfPt; pos++, i++) {
+      let flag = glyf.getUint8(pos);
+      flags.push(flag);
+      if (flag & REPEAT_FLAG) {
+        const count = glyf.getUint8(++pos);
+        flag ^= REPEAT_FLAG;
+        for (let m = 0; m < count; m++) {
+          flags.push(flag);
+        }
+        i += count;
+      }
+    }
+    const allXCoordinates = [];
+    let xCoordinates = [];
+    let yCoordinates = [];
+    let pointFlags = [];
+    const contours = [];
+    let endPtsOfContoursIndex = 0;
+    let lastCoordinate = 0;
+    for (let i = 0; i < numberOfPt; i++) {
+      const flag = flags[i];
+      if (flag & X_SHORT_VECTOR) {
+        const x = glyf.getUint8(pos++);
+        lastCoordinate += flag & X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR ? x : -x;
+        xCoordinates.push(lastCoordinate);
+      } else if (flag & X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR) {
+        xCoordinates.push(lastCoordinate);
+      } else {
+        lastCoordinate += glyf.getInt16(pos);
+        pos += 2;
+        xCoordinates.push(lastCoordinate);
+      }
+      if (endPtsOfContours[endPtsOfContoursIndex] === i) {
+        endPtsOfContoursIndex++;
+        allXCoordinates.push(xCoordinates);
+        xCoordinates = [];
+      }
+    }
+    lastCoordinate = 0;
+    endPtsOfContoursIndex = 0;
+    for (let i = 0; i < numberOfPt; i++) {
+      const flag = flags[i];
+      if (flag & Y_SHORT_VECTOR) {
+        const y = glyf.getUint8(pos++);
+        lastCoordinate += flag & Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR ? y : -y;
+        yCoordinates.push(lastCoordinate);
+      } else if (flag & Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR) {
+        yCoordinates.push(lastCoordinate);
+      } else {
+        lastCoordinate += glyf.getInt16(pos);
+        pos += 2;
+        yCoordinates.push(lastCoordinate);
+      }
+      pointFlags.push(flag & ON_CURVE_POINT | flag & OVERLAP_SIMPLE);
+      if (endPtsOfContours[endPtsOfContoursIndex] === i) {
+        xCoordinates = allXCoordinates[endPtsOfContoursIndex];
+        endPtsOfContoursIndex++;
+        contours.push(new Contour({
+          flags: pointFlags,
+          xCoordinates,
+          yCoordinates
+        }));
+        yCoordinates = [];
+        pointFlags = [];
+      }
+    }
+    return new SimpleGlyph({
+      contours,
+      instructions
+    });
+  }
+  getSize() {
+    let size = this.contours.length * 2 + 2 + this.instructions.length;
+    let lastX = 0;
+    let lastY = 0;
+    for (const contour of this.contours) {
+      size += contour.flags.length;
+      for (let i = 0, ii = contour.xCoordinates.length; i < ii; i++) {
+        const x = contour.xCoordinates[i];
+        const y = contour.yCoordinates[i];
+        let abs = Math.abs(x - lastX);
+        if (abs > 255) {
+          size += 2;
+        } else if (abs > 0) {
+          size += 1;
+        }
+        lastX = x;
+        abs = Math.abs(y - lastY);
+        if (abs > 255) {
+          size += 2;
+        } else if (abs > 0) {
+          size += 1;
+        }
+        lastY = y;
+      }
+    }
+    return size;
+  }
+  write(pos, buf) {
+    const spos = pos;
+    const xCoordinates = [];
+    const yCoordinates = [];
+    const flags = [];
+    let lastX = 0;
+    let lastY = 0;
+    for (const contour of this.contours) {
+      for (let i = 0, ii = contour.xCoordinates.length; i < ii; i++) {
+        let flag = contour.flags[i];
+        const x = contour.xCoordinates[i];
+        let delta = x - lastX;
+        if (delta === 0) {
+          flag |= X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR;
+          xCoordinates.push(0);
+        } else {
+          const abs = Math.abs(delta);
+          if (abs <= 255) {
+            flag |= delta >= 0 ? X_SHORT_VECTOR | X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR : X_SHORT_VECTOR;
+            xCoordinates.push(abs);
+          } else {
+            xCoordinates.push(delta);
+          }
+        }
+        lastX = x;
+        const y = contour.yCoordinates[i];
+        delta = y - lastY;
+        if (delta === 0) {
+          flag |= Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR;
+          yCoordinates.push(0);
+        } else {
+          const abs = Math.abs(delta);
+          if (abs <= 255) {
+            flag |= delta >= 0 ? Y_SHORT_VECTOR | Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR : Y_SHORT_VECTOR;
+            yCoordinates.push(abs);
+          } else {
+            yCoordinates.push(delta);
+          }
+        }
+        lastY = y;
+        flags.push(flag);
+      }
+      buf.setUint16(pos, xCoordinates.length - 1);
+      pos += 2;
+    }
+    buf.setUint16(pos, this.instructions.length);
+    pos += 2;
+    if (this.instructions.length) {
+      new Uint8Array(buf.buffer, 0, buf.buffer.byteLength).set(this.instructions, pos);
+      pos += this.instructions.length;
+    }
+    for (const flag of flags) {
+      buf.setUint8(pos++, flag);
+    }
+    for (let i = 0, ii = xCoordinates.length; i < ii; i++) {
+      const x = xCoordinates[i];
+      const flag = flags[i];
+      if (flag & X_SHORT_VECTOR) {
+        buf.setUint8(pos++, x);
+      } else if (!(flag & X_IS_SAME_OR_POSITIVE_X_SHORT_VECTOR)) {
+        buf.setInt16(pos, x);
+        pos += 2;
+      }
+    }
+    for (let i = 0, ii = yCoordinates.length; i < ii; i++) {
+      const y = yCoordinates[i];
+      const flag = flags[i];
+      if (flag & Y_SHORT_VECTOR) {
+        buf.setUint8(pos++, y);
+      } else if (!(flag & Y_IS_SAME_OR_POSITIVE_Y_SHORT_VECTOR)) {
+        buf.setInt16(pos, y);
+        pos += 2;
+      }
+    }
+    return pos - spos;
+  }
+  scale(x, factor) {
+    for (const contour of this.contours) {
+      if (contour.xCoordinates.length === 0) {
+        continue;
+      }
+      for (let i = 0, ii = contour.xCoordinates.length; i < ii; i++) {
+        contour.xCoordinates[i] = Math.round(x + (contour.xCoordinates[i] - x) * factor);
+      }
+    }
+  }
+}
+class CompositeGlyph {
+  constructor({
+    flags,
+    glyphIndex,
+    argument1,
+    argument2,
+    transf,
+    instructions
+  }) {
+    this.flags = flags;
+    this.glyphIndex = glyphIndex;
+    this.argument1 = argument1;
+    this.argument2 = argument2;
+    this.transf = transf;
+    this.instructions = instructions;
+  }
+  static parse(pos, glyf) {
+    const spos = pos;
+    const transf = [];
+    let flags = glyf.getUint16(pos);
+    const glyphIndex = glyf.getUint16(pos + 2);
+    pos += 4;
+    let argument1, argument2;
+    if (flags & ARG_1_AND_2_ARE_WORDS) {
+      if (flags & ARGS_ARE_XY_VALUES) {
+        argument1 = glyf.getInt16(pos);
+        argument2 = glyf.getInt16(pos + 2);
+      } else {
+        argument1 = glyf.getUint16(pos);
+        argument2 = glyf.getUint16(pos + 2);
+      }
+      pos += 4;
+      flags ^= ARG_1_AND_2_ARE_WORDS;
+    } else {
+      if (flags & ARGS_ARE_XY_VALUES) {
+        argument1 = glyf.getInt8(pos);
+        argument2 = glyf.getInt8(pos + 1);
+      } else {
+        argument1 = glyf.getUint8(pos);
+        argument2 = glyf.getUint8(pos + 1);
+      }
+      pos += 2;
+    }
+    if (flags & WE_HAVE_A_SCALE) {
+      transf.push(glyf.getUint16(pos));
+      pos += 2;
+    } else if (flags & WE_HAVE_AN_X_AND_Y_SCALE) {
+      transf.push(glyf.getUint16(pos), glyf.getUint16(pos + 2));
+      pos += 4;
+    } else if (flags & WE_HAVE_A_TWO_BY_TWO) {
+      transf.push(glyf.getUint16(pos), glyf.getUint16(pos + 2), glyf.getUint16(pos + 4), glyf.getUint16(pos + 6));
+      pos += 8;
+    }
+    let instructions = null;
+    if (flags & WE_HAVE_INSTRUCTIONS) {
+      const instructionLength = glyf.getUint16(pos);
+      pos += 2;
+      instructions = new Uint8Array(glyf).slice(pos, pos + instructionLength);
+      pos += instructionLength;
+    }
+    return [pos - spos, new CompositeGlyph({
+      flags,
+      glyphIndex,
+      argument1,
+      argument2,
+      transf,
+      instructions
+    })];
+  }
+  getSize() {
+    let size = 2 + 2 + this.transf.length * 2;
+    if (this.flags & WE_HAVE_INSTRUCTIONS) {
+      size += 2 + this.instructions.length;
+    }
+    size += 2;
+    if (this.flags & 2) {
+      if (!(this.argument1 >= -128 && this.argument1 <= 127 && this.argument2 >= -128 && this.argument2 <= 127)) {
+        size += 2;
+      }
+    } else {
+      if (!(this.argument1 >= 0 && this.argument1 <= 255 && this.argument2 >= 0 && this.argument2 <= 255)) {
+        size += 2;
+      }
+    }
+    return size;
+  }
+  write(pos, buf) {
+    const spos = pos;
+    if (this.flags & ARGS_ARE_XY_VALUES) {
+      if (!(this.argument1 >= -128 && this.argument1 <= 127 && this.argument2 >= -128 && this.argument2 <= 127)) {
+        this.flags |= ARG_1_AND_2_ARE_WORDS;
+      }
+    } else {
+      if (!(this.argument1 >= 0 && this.argument1 <= 255 && this.argument2 >= 0 && this.argument2 <= 255)) {
+        this.flags |= ARG_1_AND_2_ARE_WORDS;
+      }
+    }
+    buf.setUint16(pos, this.flags);
+    buf.setUint16(pos + 2, this.glyphIndex);
+    pos += 4;
+    if (this.flags & ARG_1_AND_2_ARE_WORDS) {
+      if (this.flags & ARGS_ARE_XY_VALUES) {
+        buf.setInt16(pos, this.argument1);
+        buf.setInt16(pos + 2, this.argument2);
+      } else {
+        buf.setUint16(pos, this.argument1);
+        buf.setUint16(pos + 2, this.argument2);
+      }
+      pos += 4;
+    } else {
+      buf.setUint8(pos, this.argument1);
+      buf.setUint8(pos + 1, this.argument2);
+      pos += 2;
+    }
+    if (this.flags & WE_HAVE_INSTRUCTIONS) {
+      buf.setUint16(pos, this.instructions.length);
+      pos += 2;
+      if (this.instructions.length) {
+        new Uint8Array(buf.buffer, 0, buf.buffer.byteLength).set(this.instructions, pos);
+        pos += this.instructions.length;
+      }
+    }
+    return pos - spos;
+  }
+  scale(x, factor) {}
+}
+
+/***/ }),
+/* 47 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.OpenTypeFileBuilder = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+var _util = __w_pdfjs_require__(2);
+function writeInt16(dest, offset, num) {
+  dest[offset] = num >> 8 & 0xff;
+  dest[offset + 1] = num & 0xff;
+}
+function writeInt32(dest, offset, num) {
+  dest[offset] = num >> 24 & 0xff;
+  dest[offset + 1] = num >> 16 & 0xff;
+  dest[offset + 2] = num >> 8 & 0xff;
+  dest[offset + 3] = num & 0xff;
+}
+function writeData(dest, offset, data) {
+  if (data instanceof Uint8Array) {
+    dest.set(data, offset);
+  } else if (typeof data === "string") {
+    for (let i = 0, ii = data.length; i < ii; i++) {
+      dest[offset++] = data.charCodeAt(i) & 0xff;
+    }
+  } else {
+    for (const num of data) {
+      dest[offset++] = num & 0xff;
+    }
+  }
+}
+const OTF_HEADER_SIZE = 12;
+const OTF_TABLE_ENTRY_SIZE = 16;
+class OpenTypeFileBuilder {
+  constructor(sfnt) {
+    this.sfnt = sfnt;
+    this.tables = Object.create(null);
+  }
+  static getSearchParams(entriesCount, entrySize) {
+    let maxPower2 = 1,
+      log2 = 0;
+    while ((maxPower2 ^ entriesCount) > maxPower2) {
+      maxPower2 <<= 1;
+      log2++;
+    }
+    const searchRange = maxPower2 * entrySize;
+    return {
+      range: searchRange,
+      entry: log2,
+      rangeShift: entrySize * entriesCount - searchRange
+    };
+  }
+  toArray() {
+    let sfnt = this.sfnt;
+    const tables = this.tables;
+    const tablesNames = Object.keys(tables);
+    tablesNames.sort();
+    const numTables = tablesNames.length;
+    let i, j, jj, table, tableName;
+    let offset = OTF_HEADER_SIZE + numTables * OTF_TABLE_ENTRY_SIZE;
+    const tableOffsets = [offset];
+    for (i = 0; i < numTables; i++) {
+      table = tables[tablesNames[i]];
+      const paddedLength = (table.length + 3 & ~3) >>> 0;
+      offset += paddedLength;
+      tableOffsets.push(offset);
+    }
+    const file = new Uint8Array(offset);
+    for (i = 0; i < numTables; i++) {
+      table = tables[tablesNames[i]];
+      writeData(file, tableOffsets[i], table);
+    }
+    if (sfnt === "true") {
+      sfnt = (0, _util.string32)(0x00010000);
+    }
+    file[0] = sfnt.charCodeAt(0) & 0xff;
+    file[1] = sfnt.charCodeAt(1) & 0xff;
+    file[2] = sfnt.charCodeAt(2) & 0xff;
+    file[3] = sfnt.charCodeAt(3) & 0xff;
+    writeInt16(file, 4, numTables);
+    const searchParams = OpenTypeFileBuilder.getSearchParams(numTables, 16);
+    writeInt16(file, 6, searchParams.range);
+    writeInt16(file, 8, searchParams.entry);
+    writeInt16(file, 10, searchParams.rangeShift);
+    offset = OTF_HEADER_SIZE;
+    for (i = 0; i < numTables; i++) {
+      tableName = tablesNames[i];
+      file[offset] = tableName.charCodeAt(0) & 0xff;
+      file[offset + 1] = tableName.charCodeAt(1) & 0xff;
+      file[offset + 2] = tableName.charCodeAt(2) & 0xff;
+      file[offset + 3] = tableName.charCodeAt(3) & 0xff;
+      let checksum = 0;
+      for (j = tableOffsets[i], jj = tableOffsets[i + 1]; j < jj; j += 4) {
+        const quad = (0, _core_utils.readUint32)(file, j);
+        checksum = checksum + quad >>> 0;
+      }
+      writeInt32(file, offset + 4, checksum);
+      writeInt32(file, offset + 8, tableOffsets[i]);
+      writeInt32(file, offset + 12, tables[tableName].length);
+      offset += OTF_TABLE_ENTRY_SIZE;
+    }
+    return file;
+  }
+  addTable(tag, data) {
+    if (tag in this.tables) {
+      throw new Error("Table " + tag + " already exists");
+    }
+    this.tables[tag] = data;
+  }
+}
+exports.OpenTypeFileBuilder = OpenTypeFileBuilder;
+
+/***/ }),
+/* 48 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Type1Font = void 0;
+var _cff_parser = __w_pdfjs_require__(35);
+var _util = __w_pdfjs_require__(2);
+var _fonts_utils = __w_pdfjs_require__(38);
+var _core_utils = __w_pdfjs_require__(3);
+var _stream = __w_pdfjs_require__(8);
+var _type1_parser = __w_pdfjs_require__(49);
+function findBlock(streamBytes, signature, startIndex) {
+  const streamBytesLength = streamBytes.length;
+  const signatureLength = signature.length;
+  const scanLength = streamBytesLength - signatureLength;
+  let i = startIndex,
+    found = false;
+  while (i < scanLength) {
+    let j = 0;
+    while (j < signatureLength && streamBytes[i + j] === signature[j]) {
+      j++;
+    }
+    if (j >= signatureLength) {
+      i += j;
+      while (i < streamBytesLength && (0, _core_utils.isWhiteSpace)(streamBytes[i])) {
+        i++;
+      }
+      found = true;
+      break;
+    }
+    i++;
+  }
+  return {
+    found,
+    length: i
+  };
+}
+function getHeaderBlock(stream, suggestedLength) {
+  const EEXEC_SIGNATURE = [0x65, 0x65, 0x78, 0x65, 0x63];
+  const streamStartPos = stream.pos;
+  let headerBytes, headerBytesLength, block;
+  try {
+    headerBytes = stream.getBytes(suggestedLength);
+    headerBytesLength = headerBytes.length;
+  } catch (ex) {}
+  if (headerBytesLength === suggestedLength) {
+    block = findBlock(headerBytes, EEXEC_SIGNATURE, suggestedLength - 2 * EEXEC_SIGNATURE.length);
+    if (block.found && block.length === suggestedLength) {
+      return {
+        stream: new _stream.Stream(headerBytes),
+        length: suggestedLength
+      };
+    }
+  }
+  (0, _util.warn)('Invalid "Length1" property in Type1 font -- trying to recover.');
+  stream.pos = streamStartPos;
+  const SCAN_BLOCK_LENGTH = 2048;
+  let actualLength;
+  while (true) {
+    const scanBytes = stream.peekBytes(SCAN_BLOCK_LENGTH);
+    block = findBlock(scanBytes, EEXEC_SIGNATURE, 0);
+    if (block.length === 0) {
+      break;
+    }
+    stream.pos += block.length;
+    if (block.found) {
+      actualLength = stream.pos - streamStartPos;
+      break;
+    }
+  }
+  stream.pos = streamStartPos;
+  if (actualLength) {
+    return {
+      stream: new _stream.Stream(stream.getBytes(actualLength)),
+      length: actualLength
+    };
+  }
+  (0, _util.warn)('Unable to recover "Length1" property in Type1 font -- using as is.');
+  return {
+    stream: new _stream.Stream(stream.getBytes(suggestedLength)),
+    length: suggestedLength
+  };
+}
+function getEexecBlock(stream, suggestedLength) {
+  const eexecBytes = stream.getBytes();
+  if (eexecBytes.length === 0) {
+    throw new _util.FormatError("getEexecBlock - no font program found.");
+  }
+  return {
+    stream: new _stream.Stream(eexecBytes),
+    length: eexecBytes.length
+  };
+}
+class Type1Font {
+  constructor(name, file, properties) {
+    const PFB_HEADER_SIZE = 6;
+    let headerBlockLength = properties.length1;
+    let eexecBlockLength = properties.length2;
+    let pfbHeader = file.peekBytes(PFB_HEADER_SIZE);
+    const pfbHeaderPresent = pfbHeader[0] === 0x80 && pfbHeader[1] === 0x01;
+    if (pfbHeaderPresent) {
+      file.skip(PFB_HEADER_SIZE);
+      headerBlockLength = pfbHeader[5] << 24 | pfbHeader[4] << 16 | pfbHeader[3] << 8 | pfbHeader[2];
+    }
+    const headerBlock = getHeaderBlock(file, headerBlockLength);
+    const headerBlockParser = new _type1_parser.Type1Parser(headerBlock.stream, false, _fonts_utils.SEAC_ANALYSIS_ENABLED);
+    headerBlockParser.extractFontHeader(properties);
+    if (pfbHeaderPresent) {
+      pfbHeader = file.getBytes(PFB_HEADER_SIZE);
+      eexecBlockLength = pfbHeader[5] << 24 | pfbHeader[4] << 16 | pfbHeader[3] << 8 | pfbHeader[2];
+    }
+    const eexecBlock = getEexecBlock(file, eexecBlockLength);
+    const eexecBlockParser = new _type1_parser.Type1Parser(eexecBlock.stream, true, _fonts_utils.SEAC_ANALYSIS_ENABLED);
+    const data = eexecBlockParser.extractFontProgram(properties);
+    for (const key in data.properties) {
+      properties[key] = data.properties[key];
+    }
+    const charstrings = data.charstrings;
+    const type2Charstrings = this.getType2Charstrings(charstrings);
+    const subrs = this.getType2Subrs(data.subrs);
+    this.charstrings = charstrings;
+    this.data = this.wrap(name, type2Charstrings, this.charstrings, subrs, properties);
+    this.seacs = this.getSeacs(data.charstrings);
+  }
+  get numGlyphs() {
+    return this.charstrings.length + 1;
+  }
+  getCharset() {
+    const charset = [".notdef"];
+    for (const {
+      glyphName
+    } of this.charstrings) {
+      charset.push(glyphName);
+    }
+    return charset;
+  }
+  getGlyphMapping(properties) {
+    const charstrings = this.charstrings;
+    if (properties.composite) {
+      const charCodeToGlyphId = Object.create(null);
+      for (let glyphId = 0, charstringsLen = charstrings.length; glyphId < charstringsLen; glyphId++) {
+        const charCode = properties.cMap.charCodeOf(glyphId);
+        charCodeToGlyphId[charCode] = glyphId + 1;
+      }
+      return charCodeToGlyphId;
+    }
+    const glyphNames = [".notdef"];
+    let builtInEncoding, glyphId;
+    for (glyphId = 0; glyphId < charstrings.length; glyphId++) {
+      glyphNames.push(charstrings[glyphId].glyphName);
+    }
+    const encoding = properties.builtInEncoding;
+    if (encoding) {
+      builtInEncoding = Object.create(null);
+      for (const charCode in encoding) {
+        glyphId = glyphNames.indexOf(encoding[charCode]);
+        if (glyphId >= 0) {
+          builtInEncoding[charCode] = glyphId;
+        }
+      }
+    }
+    return (0, _fonts_utils.type1FontGlyphMapping)(properties, builtInEncoding, glyphNames);
+  }
+  hasGlyphId(id) {
+    if (id < 0 || id >= this.numGlyphs) {
+      return false;
+    }
+    if (id === 0) {
+      return true;
+    }
+    const glyph = this.charstrings[id - 1];
+    return glyph.charstring.length > 0;
+  }
+  getSeacs(charstrings) {
+    const seacMap = [];
+    for (let i = 0, ii = charstrings.length; i < ii; i++) {
+      const charstring = charstrings[i];
+      if (charstring.seac) {
+        seacMap[i + 1] = charstring.seac;
+      }
+    }
+    return seacMap;
+  }
+  getType2Charstrings(type1Charstrings) {
+    const type2Charstrings = [];
+    for (const type1Charstring of type1Charstrings) {
+      type2Charstrings.push(type1Charstring.charstring);
+    }
+    return type2Charstrings;
+  }
+  getType2Subrs(type1Subrs) {
+    let bias = 0;
+    const count = type1Subrs.length;
+    if (count < 1133) {
+      bias = 107;
+    } else if (count < 33769) {
+      bias = 1131;
+    } else {
+      bias = 32768;
+    }
+    const type2Subrs = [];
+    let i;
+    for (i = 0; i < bias; i++) {
+      type2Subrs.push([0x0b]);
+    }
+    for (i = 0; i < count; i++) {
+      type2Subrs.push(type1Subrs[i]);
+    }
+    return type2Subrs;
+  }
+  wrap(name, glyphs, charstrings, subrs, properties) {
+    const cff = new _cff_parser.CFF();
+    cff.header = new _cff_parser.CFFHeader(1, 0, 4, 4);
+    cff.names = [name];
+    const topDict = new _cff_parser.CFFTopDict();
+    topDict.setByName("version", 391);
+    topDict.setByName("Notice", 392);
+    topDict.setByName("FullName", 393);
+    topDict.setByName("FamilyName", 394);
+    topDict.setByName("Weight", 395);
+    topDict.setByName("Encoding", null);
+    topDict.setByName("FontMatrix", properties.fontMatrix);
+    topDict.setByName("FontBBox", properties.bbox);
+    topDict.setByName("charset", null);
+    topDict.setByName("CharStrings", null);
+    topDict.setByName("Private", null);
+    cff.topDict = topDict;
+    const strings = new _cff_parser.CFFStrings();
+    strings.add("Version 0.11");
+    strings.add("See original notice");
+    strings.add(name);
+    strings.add(name);
+    strings.add("Medium");
+    cff.strings = strings;
+    cff.globalSubrIndex = new _cff_parser.CFFIndex();
+    const count = glyphs.length;
+    const charsetArray = [".notdef"];
+    let i, ii;
+    for (i = 0; i < count; i++) {
+      const glyphName = charstrings[i].glyphName;
+      const index = _cff_parser.CFFStandardStrings.indexOf(glyphName);
+      if (index === -1) {
+        strings.add(glyphName);
+      }
+      charsetArray.push(glyphName);
+    }
+    cff.charset = new _cff_parser.CFFCharset(false, 0, charsetArray);
+    const charStringsIndex = new _cff_parser.CFFIndex();
+    charStringsIndex.add([0x8b, 0x0e]);
+    for (i = 0; i < count; i++) {
+      charStringsIndex.add(glyphs[i]);
+    }
+    cff.charStrings = charStringsIndex;
+    const privateDict = new _cff_parser.CFFPrivateDict();
+    privateDict.setByName("Subrs", null);
+    const fields = ["BlueValues", "OtherBlues", "FamilyBlues", "FamilyOtherBlues", "StemSnapH", "StemSnapV", "BlueShift", "BlueFuzz", "BlueScale", "LanguageGroup", "ExpansionFactor", "ForceBold", "StdHW", "StdVW"];
+    for (i = 0, ii = fields.length; i < ii; i++) {
+      const field = fields[i];
+      if (!(field in properties.privateData)) {
+        continue;
+      }
+      const value = properties.privateData[field];
+      if (Array.isArray(value)) {
+        for (let j = value.length - 1; j > 0; j--) {
+          value[j] -= value[j - 1];
+        }
+      }
+      privateDict.setByName(field, value);
+    }
+    cff.topDict.privateDict = privateDict;
+    const subrIndex = new _cff_parser.CFFIndex();
+    for (i = 0, ii = subrs.length; i < ii; i++) {
+      subrIndex.add(subrs[i]);
+    }
+    privateDict.subrsIndex = subrIndex;
+    const compiler = new _cff_parser.CFFCompiler(cff);
+    return compiler.compile();
+  }
+}
+exports.Type1Font = Type1Font;
+
+/***/ }),
+/* 49 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Type1Parser = void 0;
+var _encodings = __w_pdfjs_require__(37);
+var _core_utils = __w_pdfjs_require__(3);
+var _stream = __w_pdfjs_require__(8);
+var _util = __w_pdfjs_require__(2);
+const HINTING_ENABLED = false;
+const COMMAND_MAP = {
+  hstem: [1],
+  vstem: [3],
+  vmoveto: [4],
+  rlineto: [5],
+  hlineto: [6],
+  vlineto: [7],
+  rrcurveto: [8],
+  callsubr: [10],
+  flex: [12, 35],
+  drop: [12, 18],
+  endchar: [14],
+  rmoveto: [21],
+  hmoveto: [22],
+  vhcurveto: [30],
+  hvcurveto: [31]
+};
+class Type1CharString {
+  constructor() {
+    this.width = 0;
+    this.lsb = 0;
+    this.flexing = false;
+    this.output = [];
+    this.stack = [];
+  }
+  convert(encoded, subrs, seacAnalysisEnabled) {
+    const count = encoded.length;
+    let error = false;
+    let wx, sbx, subrNumber;
+    for (let i = 0; i < count; i++) {
+      let value = encoded[i];
+      if (value < 32) {
+        if (value === 12) {
+          value = (value << 8) + encoded[++i];
+        }
+        switch (value) {
+          case 1:
+            if (!HINTING_ENABLED) {
+              this.stack = [];
+              break;
+            }
+            error = this.executeCommand(2, COMMAND_MAP.hstem);
+            break;
+          case 3:
+            if (!HINTING_ENABLED) {
+              this.stack = [];
+              break;
+            }
+            error = this.executeCommand(2, COMMAND_MAP.vstem);
+            break;
+          case 4:
+            if (this.flexing) {
+              if (this.stack.length < 1) {
+                error = true;
+                break;
+              }
+              const dy = this.stack.pop();
+              this.stack.push(0, dy);
+              break;
+            }
+            error = this.executeCommand(1, COMMAND_MAP.vmoveto);
+            break;
+          case 5:
+            error = this.executeCommand(2, COMMAND_MAP.rlineto);
+            break;
+          case 6:
+            error = this.executeCommand(1, COMMAND_MAP.hlineto);
+            break;
+          case 7:
+            error = this.executeCommand(1, COMMAND_MAP.vlineto);
+            break;
+          case 8:
+            error = this.executeCommand(6, COMMAND_MAP.rrcurveto);
+            break;
+          case 9:
+            this.stack = [];
+            break;
+          case 10:
+            if (this.stack.length < 1) {
+              error = true;
+              break;
+            }
+            subrNumber = this.stack.pop();
+            if (!subrs[subrNumber]) {
+              error = true;
+              break;
+            }
+            error = this.convert(subrs[subrNumber], subrs, seacAnalysisEnabled);
+            break;
+          case 11:
+            return error;
+          case 13:
+            if (this.stack.length < 2) {
+              error = true;
+              break;
+            }
+            wx = this.stack.pop();
+            sbx = this.stack.pop();
+            this.lsb = sbx;
+            this.width = wx;
+            this.stack.push(wx, sbx);
+            error = this.executeCommand(2, COMMAND_MAP.hmoveto);
+            break;
+          case 14:
+            this.output.push(COMMAND_MAP.endchar[0]);
+            break;
+          case 21:
+            if (this.flexing) {
+              break;
+            }
+            error = this.executeCommand(2, COMMAND_MAP.rmoveto);
+            break;
+          case 22:
+            if (this.flexing) {
+              this.stack.push(0);
+              break;
+            }
+            error = this.executeCommand(1, COMMAND_MAP.hmoveto);
+            break;
+          case 30:
+            error = this.executeCommand(4, COMMAND_MAP.vhcurveto);
+            break;
+          case 31:
+            error = this.executeCommand(4, COMMAND_MAP.hvcurveto);
+            break;
+          case (12 << 8) + 0:
+            this.stack = [];
+            break;
+          case (12 << 8) + 1:
+            if (!HINTING_ENABLED) {
+              this.stack = [];
+              break;
+            }
+            error = this.executeCommand(2, COMMAND_MAP.vstem);
+            break;
+          case (12 << 8) + 2:
+            if (!HINTING_ENABLED) {
+              this.stack = [];
+              break;
+            }
+            error = this.executeCommand(2, COMMAND_MAP.hstem);
+            break;
+          case (12 << 8) + 6:
+            if (seacAnalysisEnabled) {
+              const asb = this.stack.at(-5);
+              this.seac = this.stack.splice(-4, 4);
+              this.seac[0] += this.lsb - asb;
+              error = this.executeCommand(0, COMMAND_MAP.endchar);
+            } else {
+              error = this.executeCommand(4, COMMAND_MAP.endchar);
+            }
+            break;
+          case (12 << 8) + 7:
+            if (this.stack.length < 4) {
+              error = true;
+              break;
+            }
+            this.stack.pop();
+            wx = this.stack.pop();
+            const sby = this.stack.pop();
+            sbx = this.stack.pop();
+            this.lsb = sbx;
+            this.width = wx;
+            this.stack.push(wx, sbx, sby);
+            error = this.executeCommand(3, COMMAND_MAP.rmoveto);
+            break;
+          case (12 << 8) + 12:
+            if (this.stack.length < 2) {
+              error = true;
+              break;
+            }
+            const num2 = this.stack.pop();
+            const num1 = this.stack.pop();
+            this.stack.push(num1 / num2);
+            break;
+          case (12 << 8) + 16:
+            if (this.stack.length < 2) {
+              error = true;
+              break;
+            }
+            subrNumber = this.stack.pop();
+            const numArgs = this.stack.pop();
+            if (subrNumber === 0 && numArgs === 3) {
+              const flexArgs = this.stack.splice(-17, 17);
+              this.stack.push(flexArgs[2] + flexArgs[0], flexArgs[3] + flexArgs[1], flexArgs[4], flexArgs[5], flexArgs[6], flexArgs[7], flexArgs[8], flexArgs[9], flexArgs[10], flexArgs[11], flexArgs[12], flexArgs[13], flexArgs[14]);
+              error = this.executeCommand(13, COMMAND_MAP.flex, true);
+              this.flexing = false;
+              this.stack.push(flexArgs[15], flexArgs[16]);
+            } else if (subrNumber === 1 && numArgs === 0) {
+              this.flexing = true;
+            }
+            break;
+          case (12 << 8) + 17:
+            break;
+          case (12 << 8) + 33:
+            this.stack = [];
+            break;
+          default:
+            (0, _util.warn)('Unknown type 1 charstring command of "' + value + '"');
+            break;
+        }
+        if (error) {
+          break;
+        }
+        continue;
+      } else if (value <= 246) {
+        value -= 139;
+      } else if (value <= 250) {
+        value = (value - 247) * 256 + encoded[++i] + 108;
+      } else if (value <= 254) {
+        value = -((value - 251) * 256) - encoded[++i] - 108;
+      } else {
+        value = (encoded[++i] & 0xff) << 24 | (encoded[++i] & 0xff) << 16 | (encoded[++i] & 0xff) << 8 | (encoded[++i] & 0xff) << 0;
+      }
+      this.stack.push(value);
+    }
+    return error;
+  }
+  executeCommand(howManyArgs, command, keepStack) {
+    const stackLength = this.stack.length;
+    if (howManyArgs > stackLength) {
+      return true;
+    }
+    const start = stackLength - howManyArgs;
+    for (let i = start; i < stackLength; i++) {
+      let value = this.stack[i];
+      if (Number.isInteger(value)) {
+        this.output.push(28, value >> 8 & 0xff, value & 0xff);
+      } else {
+        value = 65536 * value | 0;
+        this.output.push(255, value >> 24 & 0xff, value >> 16 & 0xff, value >> 8 & 0xff, value & 0xff);
+      }
+    }
+    this.output.push(...command);
+    if (keepStack) {
+      this.stack.splice(start, howManyArgs);
+    } else {
+      this.stack.length = 0;
+    }
+    return false;
+  }
+}
+const EEXEC_ENCRYPT_KEY = 55665;
+const CHAR_STRS_ENCRYPT_KEY = 4330;
+function isHexDigit(code) {
+  return code >= 48 && code <= 57 || code >= 65 && code <= 70 || code >= 97 && code <= 102;
+}
+function decrypt(data, key, discardNumber) {
+  if (discardNumber >= data.length) {
+    return new Uint8Array(0);
+  }
+  const c1 = 52845,
+    c2 = 22719;
+  let r = key | 0,
+    i,
+    j;
+  for (i = 0; i < discardNumber; i++) {
+    r = (data[i] + r) * c1 + c2 & (1 << 16) - 1;
+  }
+  const count = data.length - discardNumber;
+  const decrypted = new Uint8Array(count);
+  for (i = discardNumber, j = 0; j < count; i++, j++) {
+    const value = data[i];
+    decrypted[j] = value ^ r >> 8;
+    r = (value + r) * c1 + c2 & (1 << 16) - 1;
+  }
+  return decrypted;
+}
+function decryptAscii(data, key, discardNumber) {
+  const c1 = 52845,
+    c2 = 22719;
+  let r = key | 0;
+  const count = data.length,
+    maybeLength = count >>> 1;
+  const decrypted = new Uint8Array(maybeLength);
+  let i, j;
+  for (i = 0, j = 0; i < count; i++) {
+    const digit1 = data[i];
+    if (!isHexDigit(digit1)) {
+      continue;
+    }
+    i++;
+    let digit2;
+    while (i < count && !isHexDigit(digit2 = data[i])) {
+      i++;
+    }
+    if (i < count) {
+      const value = parseInt(String.fromCharCode(digit1, digit2), 16);
+      decrypted[j++] = value ^ r >> 8;
+      r = (value + r) * c1 + c2 & (1 << 16) - 1;
+    }
+  }
+  return decrypted.slice(discardNumber, j);
+}
+function isSpecial(c) {
+  return c === 0x2f || c === 0x5b || c === 0x5d || c === 0x7b || c === 0x7d || c === 0x28 || c === 0x29;
+}
+class Type1Parser {
+  constructor(stream, encrypted, seacAnalysisEnabled) {
+    if (encrypted) {
+      const data = stream.getBytes();
+      const isBinary = !((isHexDigit(data[0]) || (0, _core_utils.isWhiteSpace)(data[0])) && isHexDigit(data[1]) && isHexDigit(data[2]) && isHexDigit(data[3]) && isHexDigit(data[4]) && isHexDigit(data[5]) && isHexDigit(data[6]) && isHexDigit(data[7]));
+      stream = new _stream.Stream(isBinary ? decrypt(data, EEXEC_ENCRYPT_KEY, 4) : decryptAscii(data, EEXEC_ENCRYPT_KEY, 4));
+    }
+    this.seacAnalysisEnabled = !!seacAnalysisEnabled;
+    this.stream = stream;
+    this.nextChar();
+  }
+  readNumberArray() {
+    this.getToken();
+    const array = [];
+    while (true) {
+      const token = this.getToken();
+      if (token === null || token === "]" || token === "}") {
+        break;
+      }
+      array.push(parseFloat(token || 0));
+    }
+    return array;
+  }
+  readNumber() {
+    const token = this.getToken();
+    return parseFloat(token || 0);
+  }
+  readInt() {
+    const token = this.getToken();
+    return parseInt(token || 0, 10) | 0;
+  }
+  readBoolean() {
+    const token = this.getToken();
+    return token === "true" ? 1 : 0;
+  }
+  nextChar() {
+    return this.currentChar = this.stream.getByte();
+  }
+  prevChar() {
+    this.stream.skip(-2);
+    return this.currentChar = this.stream.getByte();
+  }
+  getToken() {
+    let comment = false;
+    let ch = this.currentChar;
+    while (true) {
+      if (ch === -1) {
+        return null;
+      }
+      if (comment) {
+        if (ch === 0x0a || ch === 0x0d) {
+          comment = false;
+        }
+      } else if (ch === 0x25) {
+        comment = true;
+      } else if (!(0, _core_utils.isWhiteSpace)(ch)) {
+        break;
+      }
+      ch = this.nextChar();
+    }
+    if (isSpecial(ch)) {
+      this.nextChar();
+      return String.fromCharCode(ch);
+    }
+    let token = "";
+    do {
+      token += String.fromCharCode(ch);
+      ch = this.nextChar();
+    } while (ch >= 0 && !(0, _core_utils.isWhiteSpace)(ch) && !isSpecial(ch));
+    return token;
+  }
+  readCharStrings(bytes, lenIV) {
+    if (lenIV === -1) {
+      return bytes;
+    }
+    return decrypt(bytes, CHAR_STRS_ENCRYPT_KEY, lenIV);
+  }
+  extractFontProgram(properties) {
+    const stream = this.stream;
+    const subrs = [],
+      charstrings = [];
+    const privateData = Object.create(null);
+    privateData.lenIV = 4;
+    const program = {
+      subrs: [],
+      charstrings: [],
+      properties: {
+        privateData
+      }
+    };
+    let token, length, data, lenIV;
+    while ((token = this.getToken()) !== null) {
+      if (token !== "/") {
+        continue;
+      }
+      token = this.getToken();
+      switch (token) {
+        case "CharStrings":
+          this.getToken();
+          this.getToken();
+          this.getToken();
+          this.getToken();
+          while (true) {
+            token = this.getToken();
+            if (token === null || token === "end") {
+              break;
+            }
+            if (token !== "/") {
+              continue;
+            }
+            const glyph = this.getToken();
+            length = this.readInt();
+            this.getToken();
+            data = length > 0 ? stream.getBytes(length) : new Uint8Array(0);
+            lenIV = program.properties.privateData.lenIV;
+            const encoded = this.readCharStrings(data, lenIV);
+            this.nextChar();
+            token = this.getToken();
+            if (token === "noaccess") {
+              this.getToken();
+            } else if (token === "/") {
+              this.prevChar();
+            }
+            charstrings.push({
+              glyph,
+              encoded
+            });
+          }
+          break;
+        case "Subrs":
+          this.readInt();
+          this.getToken();
+          while (this.getToken() === "dup") {
+            const index = this.readInt();
+            length = this.readInt();
+            this.getToken();
+            data = length > 0 ? stream.getBytes(length) : new Uint8Array(0);
+            lenIV = program.properties.privateData.lenIV;
+            const encoded = this.readCharStrings(data, lenIV);
+            this.nextChar();
+            token = this.getToken();
+            if (token === "noaccess") {
+              this.getToken();
+            }
+            subrs[index] = encoded;
+          }
+          break;
+        case "BlueValues":
+        case "OtherBlues":
+        case "FamilyBlues":
+        case "FamilyOtherBlues":
+          const blueArray = this.readNumberArray();
+          if (blueArray.length > 0 && blueArray.length % 2 === 0 && HINTING_ENABLED) {
+            program.properties.privateData[token] = blueArray;
+          }
+          break;
+        case "StemSnapH":
+        case "StemSnapV":
+          program.properties.privateData[token] = this.readNumberArray();
+          break;
+        case "StdHW":
+        case "StdVW":
+          program.properties.privateData[token] = this.readNumberArray()[0];
+          break;
+        case "BlueShift":
+        case "lenIV":
+        case "BlueFuzz":
+        case "BlueScale":
+        case "LanguageGroup":
+          program.properties.privateData[token] = this.readNumber();
+          break;
+        case "ExpansionFactor":
+          program.properties.privateData[token] = this.readNumber() || 0.06;
+          break;
+        case "ForceBold":
+          program.properties.privateData[token] = this.readBoolean();
+          break;
+      }
+    }
+    for (const {
+      encoded,
+      glyph
+    } of charstrings) {
+      const charString = new Type1CharString();
+      const error = charString.convert(encoded, subrs, this.seacAnalysisEnabled);
+      let output = charString.output;
+      if (error) {
+        output = [14];
+      }
+      const charStringObject = {
+        glyphName: glyph,
+        charstring: output,
+        width: charString.width,
+        lsb: charString.lsb,
+        seac: charString.seac
+      };
+      if (glyph === ".notdef") {
+        program.charstrings.unshift(charStringObject);
+      } else {
+        program.charstrings.push(charStringObject);
+      }
+      if (properties.builtInEncoding) {
+        const index = properties.builtInEncoding.indexOf(glyph);
+        if (index > -1 && properties.widths[index] === undefined && index >= properties.firstChar && index <= properties.lastChar) {
+          properties.widths[index] = charString.width;
+        }
+      }
+    }
+    return program;
+  }
+  extractFontHeader(properties) {
+    let token;
+    while ((token = this.getToken()) !== null) {
+      if (token !== "/") {
+        continue;
+      }
+      token = this.getToken();
+      switch (token) {
+        case "FontMatrix":
+          const matrix = this.readNumberArray();
+          properties.fontMatrix = matrix;
+          break;
+        case "Encoding":
+          const encodingArg = this.getToken();
+          let encoding;
+          if (!/^\d+$/.test(encodingArg)) {
+            encoding = (0, _encodings.getEncoding)(encodingArg);
+          } else {
+            encoding = [];
+            const size = parseInt(encodingArg, 10) | 0;
+            this.getToken();
+            for (let j = 0; j < size; j++) {
+              token = this.getToken();
+              while (token !== "dup" && token !== "def") {
+                token = this.getToken();
+                if (token === null) {
+                  return;
+                }
+              }
+              if (token === "def") {
+                break;
+              }
+              const index = this.readInt();
+              this.getToken();
+              const glyph = this.getToken();
+              encoding[index] = glyph;
+              this.getToken();
+            }
+          }
+          properties.builtInEncoding = encoding;
+          break;
+        case "FontBBox":
+          const fontBBox = this.readNumberArray();
+          properties.ascent = Math.max(fontBBox[3], fontBBox[1]);
+          properties.descent = Math.min(fontBBox[1], fontBBox[3]);
+          properties.ascentScaled = true;
+          break;
+      }
+    }
+  }
+}
+exports.Type1Parser = Type1Parser;
+
+/***/ }),
+/* 50 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Pattern = void 0;
+exports.getTilingPatternIR = getTilingPatternIR;
+var _util = __w_pdfjs_require__(2);
+var _base_stream = __w_pdfjs_require__(5);
+var _colorspace = __w_pdfjs_require__(12);
+var _core_utils = __w_pdfjs_require__(3);
+const ShadingType = {
+  FUNCTION_BASED: 1,
+  AXIAL: 2,
+  RADIAL: 3,
+  FREE_FORM_MESH: 4,
+  LATTICE_FORM_MESH: 5,
+  COONS_PATCH_MESH: 6,
+  TENSOR_PATCH_MESH: 7
+};
+class Pattern {
+  constructor() {
+    (0, _util.unreachable)("Cannot initialize Pattern.");
+  }
+  static parseShading(shading, xref, res, pdfFunctionFactory, localColorSpaceCache) {
+    const dict = shading instanceof _base_stream.BaseStream ? shading.dict : shading;
+    const type = dict.get("ShadingType");
+    try {
+      switch (type) {
+        case ShadingType.AXIAL:
+        case ShadingType.RADIAL:
+          return new RadialAxialShading(dict, xref, res, pdfFunctionFactory, localColorSpaceCache);
+        case ShadingType.FREE_FORM_MESH:
+        case ShadingType.LATTICE_FORM_MESH:
+        case ShadingType.COONS_PATCH_MESH:
+        case ShadingType.TENSOR_PATCH_MESH:
+          return new MeshShading(shading, xref, res, pdfFunctionFactory, localColorSpaceCache);
+        default:
+          throw new _util.FormatError("Unsupported ShadingType: " + type);
+      }
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(ex);
+      return new DummyShading();
+    }
+  }
+}
+exports.Pattern = Pattern;
+class BaseShading {
+  static SMALL_NUMBER = 1e-6;
+  constructor() {
+    if (this.constructor === BaseShading) {
+      (0, _util.unreachable)("Cannot initialize BaseShading.");
+    }
+  }
+  getIR() {
+    (0, _util.unreachable)("Abstract method `getIR` called.");
+  }
+}
+class RadialAxialShading extends BaseShading {
+  constructor(dict, xref, resources, pdfFunctionFactory, localColorSpaceCache) {
+    super();
+    this.coordsArr = dict.getArray("Coords");
+    this.shadingType = dict.get("ShadingType");
+    const cs = _colorspace.ColorSpace.parse({
+      cs: dict.getRaw("CS") || dict.getRaw("ColorSpace"),
+      xref,
+      resources,
+      pdfFunctionFactory,
+      localColorSpaceCache
+    });
+    const bbox = dict.getArray("BBox");
+    if (Array.isArray(bbox) && bbox.length === 4) {
+      this.bbox = _util.Util.normalizeRect(bbox);
+    } else {
+      this.bbox = null;
+    }
+    let t0 = 0.0,
+      t1 = 1.0;
+    if (dict.has("Domain")) {
+      const domainArr = dict.getArray("Domain");
+      t0 = domainArr[0];
+      t1 = domainArr[1];
+    }
+    let extendStart = false,
+      extendEnd = false;
+    if (dict.has("Extend")) {
+      const extendArr = dict.getArray("Extend");
+      extendStart = extendArr[0];
+      extendEnd = extendArr[1];
+    }
+    if (this.shadingType === ShadingType.RADIAL && (!extendStart || !extendEnd)) {
+      const [x1, y1, r1, x2, y2, r2] = this.coordsArr;
+      const distance = Math.hypot(x1 - x2, y1 - y2);
+      if (r1 <= r2 + distance && r2 <= r1 + distance) {
+        (0, _util.warn)("Unsupported radial gradient.");
+      }
+    }
+    this.extendStart = extendStart;
+    this.extendEnd = extendEnd;
+    const fnObj = dict.getRaw("Function");
+    const fn = pdfFunctionFactory.createFromArray(fnObj);
+    const NUMBER_OF_SAMPLES = 840;
+    const step = (t1 - t0) / NUMBER_OF_SAMPLES;
+    const colorStops = this.colorStops = [];
+    if (t0 >= t1 || step <= 0) {
+      (0, _util.info)("Bad shading domain.");
+      return;
+    }
+    const color = new Float32Array(cs.numComps),
+      ratio = new Float32Array(1);
+    let rgbColor;
+    let iBase = 0;
+    ratio[0] = t0;
+    fn(ratio, 0, color, 0);
+    let rgbBase = cs.getRgb(color, 0);
+    const cssColorBase = _util.Util.makeHexColor(rgbBase[0], rgbBase[1], rgbBase[2]);
+    colorStops.push([0, cssColorBase]);
+    let iPrev = 1;
+    ratio[0] = t0 + step;
+    fn(ratio, 0, color, 0);
+    let rgbPrev = cs.getRgb(color, 0);
+    let maxSlopeR = rgbPrev[0] - rgbBase[0] + 1;
+    let maxSlopeG = rgbPrev[1] - rgbBase[1] + 1;
+    let maxSlopeB = rgbPrev[2] - rgbBase[2] + 1;
+    let minSlopeR = rgbPrev[0] - rgbBase[0] - 1;
+    let minSlopeG = rgbPrev[1] - rgbBase[1] - 1;
+    let minSlopeB = rgbPrev[2] - rgbBase[2] - 1;
+    for (let i = 2; i < NUMBER_OF_SAMPLES; i++) {
+      ratio[0] = t0 + i * step;
+      fn(ratio, 0, color, 0);
+      rgbColor = cs.getRgb(color, 0);
+      const run = i - iBase;
+      maxSlopeR = Math.min(maxSlopeR, (rgbColor[0] - rgbBase[0] + 1) / run);
+      maxSlopeG = Math.min(maxSlopeG, (rgbColor[1] - rgbBase[1] + 1) / run);
+      maxSlopeB = Math.min(maxSlopeB, (rgbColor[2] - rgbBase[2] + 1) / run);
+      minSlopeR = Math.max(minSlopeR, (rgbColor[0] - rgbBase[0] - 1) / run);
+      minSlopeG = Math.max(minSlopeG, (rgbColor[1] - rgbBase[1] - 1) / run);
+      minSlopeB = Math.max(minSlopeB, (rgbColor[2] - rgbBase[2] - 1) / run);
+      const slopesExist = minSlopeR <= maxSlopeR && minSlopeG <= maxSlopeG && minSlopeB <= maxSlopeB;
+      if (!slopesExist) {
+        const cssColor = _util.Util.makeHexColor(rgbPrev[0], rgbPrev[1], rgbPrev[2]);
+        colorStops.push([iPrev / NUMBER_OF_SAMPLES, cssColor]);
+        maxSlopeR = rgbColor[0] - rgbPrev[0] + 1;
+        maxSlopeG = rgbColor[1] - rgbPrev[1] + 1;
+        maxSlopeB = rgbColor[2] - rgbPrev[2] + 1;
+        minSlopeR = rgbColor[0] - rgbPrev[0] - 1;
+        minSlopeG = rgbColor[1] - rgbPrev[1] - 1;
+        minSlopeB = rgbColor[2] - rgbPrev[2] - 1;
+        iBase = iPrev;
+        rgbBase = rgbPrev;
+      }
+      iPrev = i;
+      rgbPrev = rgbColor;
+    }
+    const cssColor = _util.Util.makeHexColor(rgbPrev[0], rgbPrev[1], rgbPrev[2]);
+    colorStops.push([1, cssColor]);
+    let background = "transparent";
+    if (dict.has("Background")) {
+      rgbColor = cs.getRgb(dict.get("Background"), 0);
+      background = _util.Util.makeHexColor(rgbColor[0], rgbColor[1], rgbColor[2]);
+    }
+    if (!extendStart) {
+      colorStops.unshift([0, background]);
+      colorStops[1][0] += BaseShading.SMALL_NUMBER;
+    }
+    if (!extendEnd) {
+      colorStops.at(-1)[0] -= BaseShading.SMALL_NUMBER;
+      colorStops.push([1, background]);
+    }
+    this.colorStops = colorStops;
+  }
+  getIR() {
+    const coordsArr = this.coordsArr;
+    const shadingType = this.shadingType;
+    let type, p0, p1, r0, r1;
+    if (shadingType === ShadingType.AXIAL) {
+      p0 = [coordsArr[0], coordsArr[1]];
+      p1 = [coordsArr[2], coordsArr[3]];
+      r0 = null;
+      r1 = null;
+      type = "axial";
+    } else if (shadingType === ShadingType.RADIAL) {
+      p0 = [coordsArr[0], coordsArr[1]];
+      p1 = [coordsArr[3], coordsArr[4]];
+      r0 = coordsArr[2];
+      r1 = coordsArr[5];
+      type = "radial";
+    } else {
+      (0, _util.unreachable)(`getPattern type unknown: ${shadingType}`);
+    }
+    return ["RadialAxial", type, this.bbox, this.colorStops, p0, p1, r0, r1];
+  }
+}
+class MeshStreamReader {
+  constructor(stream, context) {
+    this.stream = stream;
+    this.context = context;
+    this.buffer = 0;
+    this.bufferLength = 0;
+    const numComps = context.numComps;
+    this.tmpCompsBuf = new Float32Array(numComps);
+    const csNumComps = context.colorSpace.numComps;
+    this.tmpCsCompsBuf = context.colorFn ? new Float32Array(csNumComps) : this.tmpCompsBuf;
+  }
+  get hasData() {
+    if (this.stream.end) {
+      return this.stream.pos < this.stream.end;
+    }
+    if (this.bufferLength > 0) {
+      return true;
+    }
+    const nextByte = this.stream.getByte();
+    if (nextByte < 0) {
+      return false;
+    }
+    this.buffer = nextByte;
+    this.bufferLength = 8;
+    return true;
+  }
+  readBits(n) {
+    let buffer = this.buffer;
+    let bufferLength = this.bufferLength;
+    if (n === 32) {
+      if (bufferLength === 0) {
+        return (this.stream.getByte() << 24 | this.stream.getByte() << 16 | this.stream.getByte() << 8 | this.stream.getByte()) >>> 0;
+      }
+      buffer = buffer << 24 | this.stream.getByte() << 16 | this.stream.getByte() << 8 | this.stream.getByte();
+      const nextByte = this.stream.getByte();
+      this.buffer = nextByte & (1 << bufferLength) - 1;
+      return (buffer << 8 - bufferLength | (nextByte & 0xff) >> bufferLength) >>> 0;
+    }
+    if (n === 8 && bufferLength === 0) {
+      return this.stream.getByte();
+    }
+    while (bufferLength < n) {
+      buffer = buffer << 8 | this.stream.getByte();
+      bufferLength += 8;
+    }
+    bufferLength -= n;
+    this.bufferLength = bufferLength;
+    this.buffer = buffer & (1 << bufferLength) - 1;
+    return buffer >> bufferLength;
+  }
+  align() {
+    this.buffer = 0;
+    this.bufferLength = 0;
+  }
+  readFlag() {
+    return this.readBits(this.context.bitsPerFlag);
+  }
+  readCoordinate() {
+    const bitsPerCoordinate = this.context.bitsPerCoordinate;
+    const xi = this.readBits(bitsPerCoordinate);
+    const yi = this.readBits(bitsPerCoordinate);
+    const decode = this.context.decode;
+    const scale = bitsPerCoordinate < 32 ? 1 / ((1 << bitsPerCoordinate) - 1) : 2.3283064365386963e-10;
+    return [xi * scale * (decode[1] - decode[0]) + decode[0], yi * scale * (decode[3] - decode[2]) + decode[2]];
+  }
+  readComponents() {
+    const numComps = this.context.numComps;
+    const bitsPerComponent = this.context.bitsPerComponent;
+    const scale = bitsPerComponent < 32 ? 1 / ((1 << bitsPerComponent) - 1) : 2.3283064365386963e-10;
+    const decode = this.context.decode;
+    const components = this.tmpCompsBuf;
+    for (let i = 0, j = 4; i < numComps; i++, j += 2) {
+      const ci = this.readBits(bitsPerComponent);
+      components[i] = ci * scale * (decode[j + 1] - decode[j]) + decode[j];
+    }
+    const color = this.tmpCsCompsBuf;
+    if (this.context.colorFn) {
+      this.context.colorFn(components, 0, color, 0);
+    }
+    return this.context.colorSpace.getRgb(color, 0);
+  }
+}
+const getB = function getBClosure() {
+  function buildB(count) {
+    const lut = [];
+    for (let i = 0; i <= count; i++) {
+      const t = i / count,
+        t_ = 1 - t;
+      lut.push(new Float32Array([t_ * t_ * t_, 3 * t * t_ * t_, 3 * t * t * t_, t * t * t]));
+    }
+    return lut;
+  }
+  const cache = Object.create(null);
+  return function (count) {
+    return cache[count] ||= buildB(count);
+  };
+}();
+class MeshShading extends BaseShading {
+  static MIN_SPLIT_PATCH_CHUNKS_AMOUNT = 3;
+  static MAX_SPLIT_PATCH_CHUNKS_AMOUNT = 20;
+  static TRIANGLE_DENSITY = 20;
+  constructor(stream, xref, resources, pdfFunctionFactory, localColorSpaceCache) {
+    super();
+    if (!(stream instanceof _base_stream.BaseStream)) {
+      throw new _util.FormatError("Mesh data is not a stream");
+    }
+    const dict = stream.dict;
+    this.shadingType = dict.get("ShadingType");
+    const bbox = dict.getArray("BBox");
+    if (Array.isArray(bbox) && bbox.length === 4) {
+      this.bbox = _util.Util.normalizeRect(bbox);
+    } else {
+      this.bbox = null;
+    }
+    const cs = _colorspace.ColorSpace.parse({
+      cs: dict.getRaw("CS") || dict.getRaw("ColorSpace"),
+      xref,
+      resources,
+      pdfFunctionFactory,
+      localColorSpaceCache
+    });
+    this.background = dict.has("Background") ? cs.getRgb(dict.get("Background"), 0) : null;
+    const fnObj = dict.getRaw("Function");
+    const fn = fnObj ? pdfFunctionFactory.createFromArray(fnObj) : null;
+    this.coords = [];
+    this.colors = [];
+    this.figures = [];
+    const decodeContext = {
+      bitsPerCoordinate: dict.get("BitsPerCoordinate"),
+      bitsPerComponent: dict.get("BitsPerComponent"),
+      bitsPerFlag: dict.get("BitsPerFlag"),
+      decode: dict.getArray("Decode"),
+      colorFn: fn,
+      colorSpace: cs,
+      numComps: fn ? 1 : cs.numComps
+    };
+    const reader = new MeshStreamReader(stream, decodeContext);
+    let patchMesh = false;
+    switch (this.shadingType) {
+      case ShadingType.FREE_FORM_MESH:
+        this._decodeType4Shading(reader);
+        break;
+      case ShadingType.LATTICE_FORM_MESH:
+        const verticesPerRow = dict.get("VerticesPerRow") | 0;
+        if (verticesPerRow < 2) {
+          throw new _util.FormatError("Invalid VerticesPerRow");
+        }
+        this._decodeType5Shading(reader, verticesPerRow);
+        break;
+      case ShadingType.COONS_PATCH_MESH:
+        this._decodeType6Shading(reader);
+        patchMesh = true;
+        break;
+      case ShadingType.TENSOR_PATCH_MESH:
+        this._decodeType7Shading(reader);
+        patchMesh = true;
+        break;
+      default:
+        (0, _util.unreachable)("Unsupported mesh type.");
+        break;
+    }
+    if (patchMesh) {
+      this._updateBounds();
+      for (let i = 0, ii = this.figures.length; i < ii; i++) {
+        this._buildFigureFromPatch(i);
+      }
+    }
+    this._updateBounds();
+    this._packData();
+  }
+  _decodeType4Shading(reader) {
+    const coords = this.coords;
+    const colors = this.colors;
+    const operators = [];
+    const ps = [];
+    let verticesLeft = 0;
+    while (reader.hasData) {
+      const f = reader.readFlag();
+      const coord = reader.readCoordinate();
+      const color = reader.readComponents();
+      if (verticesLeft === 0) {
+        if (!(0 <= f && f <= 2)) {
+          throw new _util.FormatError("Unknown type4 flag");
+        }
+        switch (f) {
+          case 0:
+            verticesLeft = 3;
+            break;
+          case 1:
+            ps.push(ps.at(-2), ps.at(-1));
+            verticesLeft = 1;
+            break;
+          case 2:
+            ps.push(ps.at(-3), ps.at(-1));
+            verticesLeft = 1;
+            break;
+        }
+        operators.push(f);
+      }
+      ps.push(coords.length);
+      coords.push(coord);
+      colors.push(color);
+      verticesLeft--;
+      reader.align();
+    }
+    this.figures.push({
+      type: "triangles",
+      coords: new Int32Array(ps),
+      colors: new Int32Array(ps)
+    });
+  }
+  _decodeType5Shading(reader, verticesPerRow) {
+    const coords = this.coords;
+    const colors = this.colors;
+    const ps = [];
+    while (reader.hasData) {
+      const coord = reader.readCoordinate();
+      const color = reader.readComponents();
+      ps.push(coords.length);
+      coords.push(coord);
+      colors.push(color);
+    }
+    this.figures.push({
+      type: "lattice",
+      coords: new Int32Array(ps),
+      colors: new Int32Array(ps),
+      verticesPerRow
+    });
+  }
+  _decodeType6Shading(reader) {
+    const coords = this.coords;
+    const colors = this.colors;
+    const ps = new Int32Array(16);
+    const cs = new Int32Array(4);
+    while (reader.hasData) {
+      const f = reader.readFlag();
+      if (!(0 <= f && f <= 3)) {
+        throw new _util.FormatError("Unknown type6 flag");
+      }
+      const pi = coords.length;
+      for (let i = 0, ii = f !== 0 ? 8 : 12; i < ii; i++) {
+        coords.push(reader.readCoordinate());
+      }
+      const ci = colors.length;
+      for (let i = 0, ii = f !== 0 ? 2 : 4; i < ii; i++) {
+        colors.push(reader.readComponents());
+      }
+      let tmp1, tmp2, tmp3, tmp4;
+      switch (f) {
+        case 0:
+          ps[12] = pi + 3;
+          ps[13] = pi + 4;
+          ps[14] = pi + 5;
+          ps[15] = pi + 6;
+          ps[8] = pi + 2;
+          ps[11] = pi + 7;
+          ps[4] = pi + 1;
+          ps[7] = pi + 8;
+          ps[0] = pi;
+          ps[1] = pi + 11;
+          ps[2] = pi + 10;
+          ps[3] = pi + 9;
+          cs[2] = ci + 1;
+          cs[3] = ci + 2;
+          cs[0] = ci;
+          cs[1] = ci + 3;
+          break;
+        case 1:
+          tmp1 = ps[12];
+          tmp2 = ps[13];
+          tmp3 = ps[14];
+          tmp4 = ps[15];
+          ps[12] = tmp4;
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = tmp3;
+          ps[11] = pi + 3;
+          ps[4] = tmp2;
+          ps[7] = pi + 4;
+          ps[0] = tmp1;
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          tmp1 = cs[2];
+          tmp2 = cs[3];
+          cs[2] = tmp2;
+          cs[3] = ci;
+          cs[0] = tmp1;
+          cs[1] = ci + 1;
+          break;
+        case 2:
+          tmp1 = ps[15];
+          tmp2 = ps[11];
+          ps[12] = ps[3];
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = ps[7];
+          ps[11] = pi + 3;
+          ps[4] = tmp2;
+          ps[7] = pi + 4;
+          ps[0] = tmp1;
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          tmp1 = cs[3];
+          cs[2] = cs[1];
+          cs[3] = ci;
+          cs[0] = tmp1;
+          cs[1] = ci + 1;
+          break;
+        case 3:
+          ps[12] = ps[0];
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = ps[1];
+          ps[11] = pi + 3;
+          ps[4] = ps[2];
+          ps[7] = pi + 4;
+          ps[0] = ps[3];
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          cs[2] = cs[0];
+          cs[3] = ci;
+          cs[0] = cs[1];
+          cs[1] = ci + 1;
+          break;
+      }
+      ps[5] = coords.length;
+      coords.push([(-4 * coords[ps[0]][0] - coords[ps[15]][0] + 6 * (coords[ps[4]][0] + coords[ps[1]][0]) - 2 * (coords[ps[12]][0] + coords[ps[3]][0]) + 3 * (coords[ps[13]][0] + coords[ps[7]][0])) / 9, (-4 * coords[ps[0]][1] - coords[ps[15]][1] + 6 * (coords[ps[4]][1] + coords[ps[1]][1]) - 2 * (coords[ps[12]][1] + coords[ps[3]][1]) + 3 * (coords[ps[13]][1] + coords[ps[7]][1])) / 9]);
+      ps[6] = coords.length;
+      coords.push([(-4 * coords[ps[3]][0] - coords[ps[12]][0] + 6 * (coords[ps[2]][0] + coords[ps[7]][0]) - 2 * (coords[ps[0]][0] + coords[ps[15]][0]) + 3 * (coords[ps[4]][0] + coords[ps[14]][0])) / 9, (-4 * coords[ps[3]][1] - coords[ps[12]][1] + 6 * (coords[ps[2]][1] + coords[ps[7]][1]) - 2 * (coords[ps[0]][1] + coords[ps[15]][1]) + 3 * (coords[ps[4]][1] + coords[ps[14]][1])) / 9]);
+      ps[9] = coords.length;
+      coords.push([(-4 * coords[ps[12]][0] - coords[ps[3]][0] + 6 * (coords[ps[8]][0] + coords[ps[13]][0]) - 2 * (coords[ps[0]][0] + coords[ps[15]][0]) + 3 * (coords[ps[11]][0] + coords[ps[1]][0])) / 9, (-4 * coords[ps[12]][1] - coords[ps[3]][1] + 6 * (coords[ps[8]][1] + coords[ps[13]][1]) - 2 * (coords[ps[0]][1] + coords[ps[15]][1]) + 3 * (coords[ps[11]][1] + coords[ps[1]][1])) / 9]);
+      ps[10] = coords.length;
+      coords.push([(-4 * coords[ps[15]][0] - coords[ps[0]][0] + 6 * (coords[ps[11]][0] + coords[ps[14]][0]) - 2 * (coords[ps[12]][0] + coords[ps[3]][0]) + 3 * (coords[ps[2]][0] + coords[ps[8]][0])) / 9, (-4 * coords[ps[15]][1] - coords[ps[0]][1] + 6 * (coords[ps[11]][1] + coords[ps[14]][1]) - 2 * (coords[ps[12]][1] + coords[ps[3]][1]) + 3 * (coords[ps[2]][1] + coords[ps[8]][1])) / 9]);
+      this.figures.push({
+        type: "patch",
+        coords: new Int32Array(ps),
+        colors: new Int32Array(cs)
+      });
+    }
+  }
+  _decodeType7Shading(reader) {
+    const coords = this.coords;
+    const colors = this.colors;
+    const ps = new Int32Array(16);
+    const cs = new Int32Array(4);
+    while (reader.hasData) {
+      const f = reader.readFlag();
+      if (!(0 <= f && f <= 3)) {
+        throw new _util.FormatError("Unknown type7 flag");
+      }
+      const pi = coords.length;
+      for (let i = 0, ii = f !== 0 ? 12 : 16; i < ii; i++) {
+        coords.push(reader.readCoordinate());
+      }
+      const ci = colors.length;
+      for (let i = 0, ii = f !== 0 ? 2 : 4; i < ii; i++) {
+        colors.push(reader.readComponents());
+      }
+      let tmp1, tmp2, tmp3, tmp4;
+      switch (f) {
+        case 0:
+          ps[12] = pi + 3;
+          ps[13] = pi + 4;
+          ps[14] = pi + 5;
+          ps[15] = pi + 6;
+          ps[8] = pi + 2;
+          ps[9] = pi + 13;
+          ps[10] = pi + 14;
+          ps[11] = pi + 7;
+          ps[4] = pi + 1;
+          ps[5] = pi + 12;
+          ps[6] = pi + 15;
+          ps[7] = pi + 8;
+          ps[0] = pi;
+          ps[1] = pi + 11;
+          ps[2] = pi + 10;
+          ps[3] = pi + 9;
+          cs[2] = ci + 1;
+          cs[3] = ci + 2;
+          cs[0] = ci;
+          cs[1] = ci + 3;
+          break;
+        case 1:
+          tmp1 = ps[12];
+          tmp2 = ps[13];
+          tmp3 = ps[14];
+          tmp4 = ps[15];
+          ps[12] = tmp4;
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = tmp3;
+          ps[9] = pi + 9;
+          ps[10] = pi + 10;
+          ps[11] = pi + 3;
+          ps[4] = tmp2;
+          ps[5] = pi + 8;
+          ps[6] = pi + 11;
+          ps[7] = pi + 4;
+          ps[0] = tmp1;
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          tmp1 = cs[2];
+          tmp2 = cs[3];
+          cs[2] = tmp2;
+          cs[3] = ci;
+          cs[0] = tmp1;
+          cs[1] = ci + 1;
+          break;
+        case 2:
+          tmp1 = ps[15];
+          tmp2 = ps[11];
+          ps[12] = ps[3];
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = ps[7];
+          ps[9] = pi + 9;
+          ps[10] = pi + 10;
+          ps[11] = pi + 3;
+          ps[4] = tmp2;
+          ps[5] = pi + 8;
+          ps[6] = pi + 11;
+          ps[7] = pi + 4;
+          ps[0] = tmp1;
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          tmp1 = cs[3];
+          cs[2] = cs[1];
+          cs[3] = ci;
+          cs[0] = tmp1;
+          cs[1] = ci + 1;
+          break;
+        case 3:
+          ps[12] = ps[0];
+          ps[13] = pi + 0;
+          ps[14] = pi + 1;
+          ps[15] = pi + 2;
+          ps[8] = ps[1];
+          ps[9] = pi + 9;
+          ps[10] = pi + 10;
+          ps[11] = pi + 3;
+          ps[4] = ps[2];
+          ps[5] = pi + 8;
+          ps[6] = pi + 11;
+          ps[7] = pi + 4;
+          ps[0] = ps[3];
+          ps[1] = pi + 7;
+          ps[2] = pi + 6;
+          ps[3] = pi + 5;
+          cs[2] = cs[0];
+          cs[3] = ci;
+          cs[0] = cs[1];
+          cs[1] = ci + 1;
+          break;
+      }
+      this.figures.push({
+        type: "patch",
+        coords: new Int32Array(ps),
+        colors: new Int32Array(cs)
+      });
+    }
+  }
+  _buildFigureFromPatch(index) {
+    const figure = this.figures[index];
+    (0, _util.assert)(figure.type === "patch", "Unexpected patch mesh figure");
+    const coords = this.coords,
+      colors = this.colors;
+    const pi = figure.coords;
+    const ci = figure.colors;
+    const figureMinX = Math.min(coords[pi[0]][0], coords[pi[3]][0], coords[pi[12]][0], coords[pi[15]][0]);
+    const figureMinY = Math.min(coords[pi[0]][1], coords[pi[3]][1], coords[pi[12]][1], coords[pi[15]][1]);
+    const figureMaxX = Math.max(coords[pi[0]][0], coords[pi[3]][0], coords[pi[12]][0], coords[pi[15]][0]);
+    const figureMaxY = Math.max(coords[pi[0]][1], coords[pi[3]][1], coords[pi[12]][1], coords[pi[15]][1]);
+    let splitXBy = Math.ceil((figureMaxX - figureMinX) * MeshShading.TRIANGLE_DENSITY / (this.bounds[2] - this.bounds[0]));
+    splitXBy = Math.max(MeshShading.MIN_SPLIT_PATCH_CHUNKS_AMOUNT, Math.min(MeshShading.MAX_SPLIT_PATCH_CHUNKS_AMOUNT, splitXBy));
+    let splitYBy = Math.ceil((figureMaxY - figureMinY) * MeshShading.TRIANGLE_DENSITY / (this.bounds[3] - this.bounds[1]));
+    splitYBy = Math.max(MeshShading.MIN_SPLIT_PATCH_CHUNKS_AMOUNT, Math.min(MeshShading.MAX_SPLIT_PATCH_CHUNKS_AMOUNT, splitYBy));
+    const verticesPerRow = splitXBy + 1;
+    const figureCoords = new Int32Array((splitYBy + 1) * verticesPerRow);
+    const figureColors = new Int32Array((splitYBy + 1) * verticesPerRow);
+    let k = 0;
+    const cl = new Uint8Array(3),
+      cr = new Uint8Array(3);
+    const c0 = colors[ci[0]],
+      c1 = colors[ci[1]],
+      c2 = colors[ci[2]],
+      c3 = colors[ci[3]];
+    const bRow = getB(splitYBy),
+      bCol = getB(splitXBy);
+    for (let row = 0; row <= splitYBy; row++) {
+      cl[0] = (c0[0] * (splitYBy - row) + c2[0] * row) / splitYBy | 0;
+      cl[1] = (c0[1] * (splitYBy - row) + c2[1] * row) / splitYBy | 0;
+      cl[2] = (c0[2] * (splitYBy - row) + c2[2] * row) / splitYBy | 0;
+      cr[0] = (c1[0] * (splitYBy - row) + c3[0] * row) / splitYBy | 0;
+      cr[1] = (c1[1] * (splitYBy - row) + c3[1] * row) / splitYBy | 0;
+      cr[2] = (c1[2] * (splitYBy - row) + c3[2] * row) / splitYBy | 0;
+      for (let col = 0; col <= splitXBy; col++, k++) {
+        if ((row === 0 || row === splitYBy) && (col === 0 || col === splitXBy)) {
+          continue;
+        }
+        let x = 0,
+          y = 0;
+        let q = 0;
+        for (let i = 0; i <= 3; i++) {
+          for (let j = 0; j <= 3; j++, q++) {
+            const m = bRow[row][i] * bCol[col][j];
+            x += coords[pi[q]][0] * m;
+            y += coords[pi[q]][1] * m;
+          }
+        }
+        figureCoords[k] = coords.length;
+        coords.push([x, y]);
+        figureColors[k] = colors.length;
+        const newColor = new Uint8Array(3);
+        newColor[0] = (cl[0] * (splitXBy - col) + cr[0] * col) / splitXBy | 0;
+        newColor[1] = (cl[1] * (splitXBy - col) + cr[1] * col) / splitXBy | 0;
+        newColor[2] = (cl[2] * (splitXBy - col) + cr[2] * col) / splitXBy | 0;
+        colors.push(newColor);
+      }
+    }
+    figureCoords[0] = pi[0];
+    figureColors[0] = ci[0];
+    figureCoords[splitXBy] = pi[3];
+    figureColors[splitXBy] = ci[1];
+    figureCoords[verticesPerRow * splitYBy] = pi[12];
+    figureColors[verticesPerRow * splitYBy] = ci[2];
+    figureCoords[verticesPerRow * splitYBy + splitXBy] = pi[15];
+    figureColors[verticesPerRow * splitYBy + splitXBy] = ci[3];
+    this.figures[index] = {
+      type: "lattice",
+      coords: figureCoords,
+      colors: figureColors,
+      verticesPerRow
+    };
+  }
+  _updateBounds() {
+    let minX = this.coords[0][0],
+      minY = this.coords[0][1],
+      maxX = minX,
+      maxY = minY;
+    for (let i = 1, ii = this.coords.length; i < ii; i++) {
+      const x = this.coords[i][0],
+        y = this.coords[i][1];
+      minX = minX > x ? x : minX;
+      minY = minY > y ? y : minY;
+      maxX = maxX < x ? x : maxX;
+      maxY = maxY < y ? y : maxY;
+    }
+    this.bounds = [minX, minY, maxX, maxY];
+  }
+  _packData() {
+    let i, ii, j, jj;
+    const coords = this.coords;
+    const coordsPacked = new Float32Array(coords.length * 2);
+    for (i = 0, j = 0, ii = coords.length; i < ii; i++) {
+      const xy = coords[i];
+      coordsPacked[j++] = xy[0];
+      coordsPacked[j++] = xy[1];
+    }
+    this.coords = coordsPacked;
+    const colors = this.colors;
+    const colorsPacked = new Uint8Array(colors.length * 3);
+    for (i = 0, j = 0, ii = colors.length; i < ii; i++) {
+      const c = colors[i];
+      colorsPacked[j++] = c[0];
+      colorsPacked[j++] = c[1];
+      colorsPacked[j++] = c[2];
+    }
+    this.colors = colorsPacked;
+    const figures = this.figures;
+    for (i = 0, ii = figures.length; i < ii; i++) {
+      const figure = figures[i],
+        ps = figure.coords,
+        cs = figure.colors;
+      for (j = 0, jj = ps.length; j < jj; j++) {
+        ps[j] *= 2;
+        cs[j] *= 3;
+      }
+    }
+  }
+  getIR() {
+    return ["Mesh", this.shadingType, this.coords, this.colors, this.figures, this.bounds, this.bbox, this.background];
+  }
+}
+class DummyShading extends BaseShading {
+  getIR() {
+    return ["Dummy"];
+  }
+}
+function getTilingPatternIR(operatorList, dict, color) {
+  const matrix = dict.getArray("Matrix");
+  const bbox = _util.Util.normalizeRect(dict.getArray("BBox"));
+  const xstep = dict.get("XStep");
+  const ystep = dict.get("YStep");
+  const paintType = dict.get("PaintType");
+  const tilingType = dict.get("TilingType");
+  if (bbox[2] - bbox[0] === 0 || bbox[3] - bbox[1] === 0) {
+    throw new _util.FormatError(`Invalid getTilingPatternIR /BBox array: [${bbox}].`);
+  }
+  return ["TilingPattern", color, operatorList, matrix, bbox, xstep, ystep, paintType, tilingType];
+}
+
+/***/ }),
+/* 51 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.getXfaFontDict = getXfaFontDict;
+exports.getXfaFontName = getXfaFontName;
+var _calibri_factors = __w_pdfjs_require__(52);
+var _primitives = __w_pdfjs_require__(4);
+var _helvetica_factors = __w_pdfjs_require__(53);
+var _liberationsans_widths = __w_pdfjs_require__(54);
+var _myriadpro_factors = __w_pdfjs_require__(55);
+var _segoeui_factors = __w_pdfjs_require__(56);
+var _core_utils = __w_pdfjs_require__(3);
+var _fonts_utils = __w_pdfjs_require__(38);
+const getXFAFontMap = (0, _core_utils.getLookupTableFactory)(function (t) {
+  t["MyriadPro-Regular"] = t["PdfJS-Fallback-Regular"] = {
+    name: "LiberationSans-Regular",
+    factors: _myriadpro_factors.MyriadProRegularFactors,
+    baseWidths: _liberationsans_widths.LiberationSansRegularWidths,
+    baseMapping: _liberationsans_widths.LiberationSansRegularMapping,
+    metrics: _myriadpro_factors.MyriadProRegularMetrics
+  };
+  t["MyriadPro-Bold"] = t["PdfJS-Fallback-Bold"] = {
+    name: "LiberationSans-Bold",
+    factors: _myriadpro_factors.MyriadProBoldFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldMapping,
+    metrics: _myriadpro_factors.MyriadProBoldMetrics
+  };
+  t["MyriadPro-It"] = t["MyriadPro-Italic"] = t["PdfJS-Fallback-Italic"] = {
+    name: "LiberationSans-Italic",
+    factors: _myriadpro_factors.MyriadProItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansItalicMapping,
+    metrics: _myriadpro_factors.MyriadProItalicMetrics
+  };
+  t["MyriadPro-BoldIt"] = t["MyriadPro-BoldItalic"] = t["PdfJS-Fallback-BoldItalic"] = {
+    name: "LiberationSans-BoldItalic",
+    factors: _myriadpro_factors.MyriadProBoldItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldItalicMapping,
+    metrics: _myriadpro_factors.MyriadProBoldItalicMetrics
+  };
+  t.ArialMT = t.Arial = t["Arial-Regular"] = {
+    name: "LiberationSans-Regular",
+    baseWidths: _liberationsans_widths.LiberationSansRegularWidths,
+    baseMapping: _liberationsans_widths.LiberationSansRegularMapping
+  };
+  t["Arial-BoldMT"] = t["Arial-Bold"] = {
+    name: "LiberationSans-Bold",
+    baseWidths: _liberationsans_widths.LiberationSansBoldWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldMapping
+  };
+  t["Arial-ItalicMT"] = t["Arial-Italic"] = {
+    name: "LiberationSans-Italic",
+    baseWidths: _liberationsans_widths.LiberationSansItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansItalicMapping
+  };
+  t["Arial-BoldItalicMT"] = t["Arial-BoldItalic"] = {
+    name: "LiberationSans-BoldItalic",
+    baseWidths: _liberationsans_widths.LiberationSansBoldItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldItalicMapping
+  };
+  t["Calibri-Regular"] = {
+    name: "LiberationSans-Regular",
+    factors: _calibri_factors.CalibriRegularFactors,
+    baseWidths: _liberationsans_widths.LiberationSansRegularWidths,
+    baseMapping: _liberationsans_widths.LiberationSansRegularMapping,
+    metrics: _calibri_factors.CalibriRegularMetrics
+  };
+  t["Calibri-Bold"] = {
+    name: "LiberationSans-Bold",
+    factors: _calibri_factors.CalibriBoldFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldMapping,
+    metrics: _calibri_factors.CalibriBoldMetrics
+  };
+  t["Calibri-Italic"] = {
+    name: "LiberationSans-Italic",
+    factors: _calibri_factors.CalibriItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansItalicMapping,
+    metrics: _calibri_factors.CalibriItalicMetrics
+  };
+  t["Calibri-BoldItalic"] = {
+    name: "LiberationSans-BoldItalic",
+    factors: _calibri_factors.CalibriBoldItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldItalicMapping,
+    metrics: _calibri_factors.CalibriBoldItalicMetrics
+  };
+  t["Segoeui-Regular"] = {
+    name: "LiberationSans-Regular",
+    factors: _segoeui_factors.SegoeuiRegularFactors,
+    baseWidths: _liberationsans_widths.LiberationSansRegularWidths,
+    baseMapping: _liberationsans_widths.LiberationSansRegularMapping,
+    metrics: _segoeui_factors.SegoeuiRegularMetrics
+  };
+  t["Segoeui-Bold"] = {
+    name: "LiberationSans-Bold",
+    factors: _segoeui_factors.SegoeuiBoldFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldMapping,
+    metrics: _segoeui_factors.SegoeuiBoldMetrics
+  };
+  t["Segoeui-Italic"] = {
+    name: "LiberationSans-Italic",
+    factors: _segoeui_factors.SegoeuiItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansItalicMapping,
+    metrics: _segoeui_factors.SegoeuiItalicMetrics
+  };
+  t["Segoeui-BoldItalic"] = {
+    name: "LiberationSans-BoldItalic",
+    factors: _segoeui_factors.SegoeuiBoldItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldItalicMapping,
+    metrics: _segoeui_factors.SegoeuiBoldItalicMetrics
+  };
+  t["Helvetica-Regular"] = t.Helvetica = {
+    name: "LiberationSans-Regular",
+    factors: _helvetica_factors.HelveticaRegularFactors,
+    baseWidths: _liberationsans_widths.LiberationSansRegularWidths,
+    baseMapping: _liberationsans_widths.LiberationSansRegularMapping,
+    metrics: _helvetica_factors.HelveticaRegularMetrics
+  };
+  t["Helvetica-Bold"] = {
+    name: "LiberationSans-Bold",
+    factors: _helvetica_factors.HelveticaBoldFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldMapping,
+    metrics: _helvetica_factors.HelveticaBoldMetrics
+  };
+  t["Helvetica-Italic"] = {
+    name: "LiberationSans-Italic",
+    factors: _helvetica_factors.HelveticaItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansItalicMapping,
+    metrics: _helvetica_factors.HelveticaItalicMetrics
+  };
+  t["Helvetica-BoldItalic"] = {
+    name: "LiberationSans-BoldItalic",
+    factors: _helvetica_factors.HelveticaBoldItalicFactors,
+    baseWidths: _liberationsans_widths.LiberationSansBoldItalicWidths,
+    baseMapping: _liberationsans_widths.LiberationSansBoldItalicMapping,
+    metrics: _helvetica_factors.HelveticaBoldItalicMetrics
+  };
+});
+function getXfaFontName(name) {
+  const fontName = (0, _fonts_utils.normalizeFontName)(name);
+  const fontMap = getXFAFontMap();
+  return fontMap[fontName];
+}
+function getXfaFontWidths(name) {
+  const info = getXfaFontName(name);
+  if (!info) {
+    return null;
+  }
+  const {
+    baseWidths,
+    baseMapping,
+    factors
+  } = info;
+  let rescaledBaseWidths;
+  if (!factors) {
+    rescaledBaseWidths = baseWidths;
+  } else {
+    rescaledBaseWidths = baseWidths.map((w, i) => w * factors[i]);
+  }
+  let currentCode = -2;
+  let currentArray;
+  const newWidths = [];
+  for (const [unicode, glyphIndex] of baseMapping.map((charUnicode, index) => [charUnicode, index]).sort(([unicode1], [unicode2]) => unicode1 - unicode2)) {
+    if (unicode === -1) {
+      continue;
+    }
+    if (unicode === currentCode + 1) {
+      currentArray.push(rescaledBaseWidths[glyphIndex]);
+      currentCode += 1;
+    } else {
+      currentCode = unicode;
+      currentArray = [rescaledBaseWidths[glyphIndex]];
+      newWidths.push(unicode, currentArray);
+    }
+  }
+  return newWidths;
+}
+function getXfaFontDict(name) {
+  const widths = getXfaFontWidths(name);
+  const dict = new _primitives.Dict(null);
+  dict.set("BaseFont", _primitives.Name.get(name));
+  dict.set("Type", _primitives.Name.get("Font"));
+  dict.set("Subtype", _primitives.Name.get("CIDFontType2"));
+  dict.set("Encoding", _primitives.Name.get("Identity-H"));
+  dict.set("CIDToGIDMap", _primitives.Name.get("Identity"));
+  dict.set("W", widths);
+  dict.set("FirstChar", widths[0]);
+  dict.set("LastChar", widths.at(-2) + widths.at(-1).length - 1);
+  const descriptor = new _primitives.Dict(null);
+  dict.set("FontDescriptor", descriptor);
+  const systemInfo = new _primitives.Dict(null);
+  systemInfo.set("Ordering", "Identity");
+  systemInfo.set("Registry", "Adobe");
+  systemInfo.set("Supplement", 0);
+  dict.set("CIDSystemInfo", systemInfo);
+  return dict;
+}
+
+/***/ }),
+/* 52 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.CalibriRegularMetrics = exports.CalibriRegularFactors = exports.CalibriItalicMetrics = exports.CalibriItalicFactors = exports.CalibriBoldMetrics = exports.CalibriBoldItalicMetrics = exports.CalibriBoldItalicFactors = exports.CalibriBoldFactors = void 0;
+const CalibriBoldFactors = [1.3877, 1, 1, 1, 0.97801, 0.92482, 0.89552, 0.91133, 0.81988, 0.97566, 0.98152, 0.93548, 0.93548, 1.2798, 0.85284, 0.92794, 1, 0.96134, 1.54657, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.82845, 0.82845, 0.85284, 0.85284, 0.85284, 0.75859, 0.92138, 0.83908, 0.7762, 0.73293, 0.87289, 0.73133, 0.7514, 0.81921, 0.87356, 0.95958, 0.59526, 0.75727, 0.69225, 1.04924, 0.9121, 0.86943, 0.79795, 0.88198, 0.77958, 0.70864, 0.81055, 0.90399, 0.88653, 0.96017, 0.82577, 0.77892, 0.78257, 0.97507, 1.54657, 0.97507, 0.85284, 0.89552, 0.90176, 0.88762, 0.8785, 0.75241, 0.8785, 0.90518, 0.95015, 0.77618, 0.8785, 0.88401, 0.91916, 0.86304, 0.88401, 0.91488, 0.8785, 0.8801, 0.8785, 0.8785, 0.91343, 0.7173, 1.04106, 0.8785, 0.85075, 0.95794, 0.82616, 0.85162, 0.79492, 0.88331, 1.69808, 0.88331, 0.85284, 0.97801, 0.89552, 0.91133, 0.89552, 0.91133, 1.7801, 0.89552, 1.24487, 1.13254, 1.12401, 0.96839, 0.85284, 0.68787, 0.70645, 0.85592, 0.90747, 1.01466, 1.0088, 0.90323, 1, 1.07463, 1, 0.91056, 0.75806, 1.19118, 0.96839, 0.78864, 0.82845, 0.84133, 0.75859, 0.83908, 0.83908, 0.83908, 0.83908, 0.83908, 0.83908, 0.77539, 0.73293, 0.73133, 0.73133, 0.73133, 0.73133, 0.95958, 0.95958, 0.95958, 0.95958, 0.88506, 0.9121, 0.86943, 0.86943, 0.86943, 0.86943, 0.86943, 0.85284, 0.87508, 0.90399, 0.90399, 0.90399, 0.90399, 0.77892, 0.79795, 0.90807, 0.88762, 0.88762, 0.88762, 0.88762, 0.88762, 0.88762, 0.8715, 0.75241, 0.90518, 0.90518, 0.90518, 0.90518, 0.88401, 0.88401, 0.88401, 0.88401, 0.8785, 0.8785, 0.8801, 0.8801, 0.8801, 0.8801, 0.8801, 0.90747, 0.89049, 0.8785, 0.8785, 0.8785, 0.8785, 0.85162, 0.8785, 0.85162, 0.83908, 0.88762, 0.83908, 0.88762, 0.83908, 0.88762, 0.73293, 0.75241, 0.73293, 0.75241, 0.73293, 0.75241, 0.73293, 0.75241, 0.87289, 0.83016, 0.88506, 0.93125, 0.73133, 0.90518, 0.73133, 0.90518, 0.73133, 0.90518, 0.73133, 0.90518, 0.73133, 0.90518, 0.81921, 0.77618, 0.81921, 0.77618, 0.81921, 0.77618, 1, 1, 0.87356, 0.8785, 0.91075, 0.89608, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.76229, 0.90167, 0.59526, 0.91916, 1, 1, 0.86304, 0.69225, 0.88401, 1, 1, 0.70424, 0.79468, 0.91926, 0.88175, 0.70823, 0.94903, 0.9121, 0.8785, 1, 1, 0.9121, 0.8785, 0.87802, 0.88656, 0.8785, 0.86943, 0.8801, 0.86943, 0.8801, 0.86943, 0.8801, 0.87402, 0.89291, 0.77958, 0.91343, 1, 1, 0.77958, 0.91343, 0.70864, 0.7173, 0.70864, 0.7173, 0.70864, 0.7173, 0.70864, 0.7173, 1, 1, 0.81055, 0.75841, 0.81055, 1.06452, 0.90399, 0.8785, 0.90399, 0.8785, 0.90399, 0.8785, 0.90399, 0.8785, 0.90399, 0.8785, 0.90399, 0.8785, 0.96017, 0.95794, 0.77892, 0.85162, 0.77892, 0.78257, 0.79492, 0.78257, 0.79492, 0.78257, 0.79492, 0.9297, 0.56892, 0.83908, 0.88762, 0.77539, 0.8715, 0.87508, 0.89049, 1, 1, 0.81055, 1.04106, 1.20528, 1.20528, 1, 1.15543, 0.70674, 0.98387, 0.94721, 1.33431, 1.45894, 0.95161, 1.06303, 0.83908, 0.80352, 0.57184, 0.6965, 0.56289, 0.82001, 0.56029, 0.81235, 1.02988, 0.83908, 0.7762, 0.68156, 0.80367, 0.73133, 0.78257, 0.87356, 0.86943, 0.95958, 0.75727, 0.89019, 1.04924, 0.9121, 0.7648, 0.86943, 0.87356, 0.79795, 0.78275, 0.81055, 0.77892, 0.9762, 0.82577, 0.99819, 0.84896, 0.95958, 0.77892, 0.96108, 1.01407, 0.89049, 1.02988, 0.94211, 0.96108, 0.8936, 0.84021, 0.87842, 0.96399, 0.79109, 0.89049, 1.00813, 1.02988, 0.86077, 0.87445, 0.92099, 0.84723, 0.86513, 0.8801, 0.75638, 0.85714, 0.78216, 0.79586, 0.87965, 0.94211, 0.97747, 0.78287, 0.97926, 0.84971, 1.02988, 0.94211, 0.8801, 0.94211, 0.84971, 0.73133, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90264, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90518, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90548, 1, 1, 1, 1, 1, 1, 0.96017, 0.95794, 0.96017, 0.95794, 0.96017, 0.95794, 0.77892, 0.85162, 1, 1, 0.89552, 0.90527, 1, 0.90363, 0.92794, 0.92794, 0.92794, 0.92794, 0.87012, 0.87012, 0.87012, 0.89552, 0.89552, 1.42259, 0.71143, 1.06152, 1, 1, 1.03372, 1.03372, 0.97171, 1.4956, 2.2807, 0.93835, 0.83406, 0.91133, 0.84107, 0.91133, 1, 1, 1, 0.72021, 1, 1.23108, 0.83489, 0.88525, 0.88525, 0.81499, 0.90527, 1.81055, 0.90527, 1.81055, 1.31006, 1.53711, 0.94434, 1.08696, 1, 0.95018, 0.77192, 0.85284, 0.90747, 1.17534, 0.69825, 0.9716, 1.37077, 0.90747, 0.90747, 0.85356, 0.90747, 0.90747, 1.44947, 0.85284, 0.8941, 0.8941, 0.70572, 0.8, 0.70572, 0.70572, 0.70572, 0.70572, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.99862, 0.99862, 1, 1, 1, 1, 1, 1.08004, 0.91027, 1, 1, 1, 0.99862, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90727, 0.90727, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.CalibriBoldFactors = CalibriBoldFactors;
+const CalibriBoldMetrics = {
+  lineHeight: 1.2207,
+  lineGap: 0.2207
+};
+exports.CalibriBoldMetrics = CalibriBoldMetrics;
+const CalibriBoldItalicFactors = [1.3877, 1, 1, 1, 0.97801, 0.92482, 0.89552, 0.91133, 0.81988, 0.97566, 0.98152, 0.93548, 0.93548, 1.2798, 0.85284, 0.92794, 1, 0.96134, 1.56239, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.82845, 0.82845, 0.85284, 0.85284, 0.85284, 0.75859, 0.92138, 0.83908, 0.7762, 0.71805, 0.87289, 0.73133, 0.7514, 0.81921, 0.87356, 0.95958, 0.59526, 0.75727, 0.69225, 1.04924, 0.90872, 0.85938, 0.79795, 0.87068, 0.77958, 0.69766, 0.81055, 0.90399, 0.88653, 0.96068, 0.82577, 0.77892, 0.78257, 0.97507, 1.529, 0.97507, 0.85284, 0.89552, 0.90176, 0.94908, 0.86411, 0.74012, 0.86411, 0.88323, 0.95015, 0.86411, 0.86331, 0.88401, 0.91916, 0.86304, 0.88401, 0.9039, 0.86331, 0.86331, 0.86411, 0.86411, 0.90464, 0.70852, 1.04106, 0.86331, 0.84372, 0.95794, 0.82616, 0.84548, 0.79492, 0.88331, 1.69808, 0.88331, 0.85284, 0.97801, 0.89552, 0.91133, 0.89552, 0.91133, 1.7801, 0.89552, 1.24487, 1.13254, 1.19129, 0.96839, 0.85284, 0.68787, 0.70645, 0.85592, 0.90747, 1.01466, 1.0088, 0.90323, 1, 1.07463, 1, 0.91056, 0.75806, 1.19118, 0.96839, 0.78864, 0.82845, 0.84133, 0.75859, 0.83908, 0.83908, 0.83908, 0.83908, 0.83908, 0.83908, 0.77539, 0.71805, 0.73133, 0.73133, 0.73133, 0.73133, 0.95958, 0.95958, 0.95958, 0.95958, 0.88506, 0.90872, 0.85938, 0.85938, 0.85938, 0.85938, 0.85938, 0.85284, 0.87068, 0.90399, 0.90399, 0.90399, 0.90399, 0.77892, 0.79795, 0.90807, 0.94908, 0.94908, 0.94908, 0.94908, 0.94908, 0.94908, 0.85887, 0.74012, 0.88323, 0.88323, 0.88323, 0.88323, 0.88401, 0.88401, 0.88401, 0.88401, 0.8785, 0.86331, 0.86331, 0.86331, 0.86331, 0.86331, 0.86331, 0.90747, 0.89049, 0.86331, 0.86331, 0.86331, 0.86331, 0.84548, 0.86411, 0.84548, 0.83908, 0.94908, 0.83908, 0.94908, 0.83908, 0.94908, 0.71805, 0.74012, 0.71805, 0.74012, 0.71805, 0.74012, 0.71805, 0.74012, 0.87289, 0.79538, 0.88506, 0.92726, 0.73133, 0.88323, 0.73133, 0.88323, 0.73133, 0.88323, 0.73133, 0.88323, 0.73133, 0.88323, 0.81921, 0.86411, 0.81921, 0.86411, 0.81921, 0.86411, 1, 1, 0.87356, 0.86331, 0.91075, 0.8777, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.95958, 0.88401, 0.76467, 0.90167, 0.59526, 0.91916, 1, 1, 0.86304, 0.69225, 0.88401, 1, 1, 0.70424, 0.77312, 0.91926, 0.88175, 0.70823, 0.94903, 0.90872, 0.86331, 1, 1, 0.90872, 0.86331, 0.86906, 0.88116, 0.86331, 0.85938, 0.86331, 0.85938, 0.86331, 0.85938, 0.86331, 0.87402, 0.86549, 0.77958, 0.90464, 1, 1, 0.77958, 0.90464, 0.69766, 0.70852, 0.69766, 0.70852, 0.69766, 0.70852, 0.69766, 0.70852, 1, 1, 0.81055, 0.75841, 0.81055, 1.06452, 0.90399, 0.86331, 0.90399, 0.86331, 0.90399, 0.86331, 0.90399, 0.86331, 0.90399, 0.86331, 0.90399, 0.86331, 0.96068, 0.95794, 0.77892, 0.84548, 0.77892, 0.78257, 0.79492, 0.78257, 0.79492, 0.78257, 0.79492, 0.9297, 0.56892, 0.83908, 0.94908, 0.77539, 0.85887, 0.87068, 0.89049, 1, 1, 0.81055, 1.04106, 1.20528, 1.20528, 1, 1.15543, 0.70088, 0.98387, 0.94721, 1.33431, 1.45894, 0.95161, 1.48387, 0.83908, 0.80352, 0.57118, 0.6965, 0.56347, 0.79179, 0.55853, 0.80346, 1.02988, 0.83908, 0.7762, 0.67174, 0.86036, 0.73133, 0.78257, 0.87356, 0.86441, 0.95958, 0.75727, 0.89019, 1.04924, 0.90872, 0.74889, 0.85938, 0.87891, 0.79795, 0.7957, 0.81055, 0.77892, 0.97447, 0.82577, 0.97466, 0.87179, 0.95958, 0.77892, 0.94252, 0.95612, 0.8753, 1.02988, 0.92733, 0.94252, 0.87411, 0.84021, 0.8728, 0.95612, 0.74081, 0.8753, 1.02189, 1.02988, 0.84814, 0.87445, 0.91822, 0.84723, 0.85668, 0.86331, 0.81344, 0.87581, 0.76422, 0.82046, 0.96057, 0.92733, 0.99375, 0.78022, 0.95452, 0.86015, 1.02988, 0.92733, 0.86331, 0.92733, 0.86015, 0.73133, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90631, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.88323, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.85174, 1, 1, 1, 1, 1, 1, 0.96068, 0.95794, 0.96068, 0.95794, 0.96068, 0.95794, 0.77892, 0.84548, 1, 1, 0.89552, 0.90527, 1, 0.90363, 0.92794, 0.92794, 0.92794, 0.89807, 0.87012, 0.87012, 0.87012, 0.89552, 0.89552, 1.42259, 0.71094, 1.06152, 1, 1, 1.03372, 1.03372, 0.97171, 1.4956, 2.2807, 0.92972, 0.83406, 0.91133, 0.83326, 0.91133, 1, 1, 1, 0.72021, 1, 1.23108, 0.83489, 0.88525, 0.88525, 0.81499, 0.90616, 1.81055, 0.90527, 1.81055, 1.3107, 1.53711, 0.94434, 1.08696, 1, 0.95018, 0.77192, 0.85284, 0.90747, 1.17534, 0.69825, 0.9716, 1.37077, 0.90747, 0.90747, 0.85356, 0.90747, 0.90747, 1.44947, 0.85284, 0.8941, 0.8941, 0.70572, 0.8, 0.70572, 0.70572, 0.70572, 0.70572, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.99862, 0.99862, 1, 1, 1, 1, 1, 1.08004, 0.91027, 1, 1, 1, 0.99862, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90727, 0.90727, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.CalibriBoldItalicFactors = CalibriBoldItalicFactors;
+const CalibriBoldItalicMetrics = {
+  lineHeight: 1.2207,
+  lineGap: 0.2207
+};
+exports.CalibriBoldItalicMetrics = CalibriBoldItalicMetrics;
+const CalibriItalicFactors = [1.3877, 1, 1, 1, 1.17223, 1.1293, 0.89552, 0.91133, 0.80395, 1.02269, 1.15601, 0.91056, 0.91056, 1.2798, 0.85284, 0.89807, 1, 0.90861, 1.39543, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.96309, 0.96309, 0.85284, 0.85284, 0.85284, 0.83319, 0.88071, 0.8675, 0.81552, 0.72346, 0.85193, 0.73206, 0.7522, 0.81105, 0.86275, 0.90685, 0.6377, 0.77892, 0.75593, 1.02638, 0.89249, 0.84118, 0.77452, 0.85374, 0.75186, 0.67789, 0.79776, 0.88844, 0.85066, 0.94309, 0.77818, 0.7306, 0.76659, 1.10369, 1.38313, 1.10369, 1.06139, 0.89552, 0.8739, 0.9245, 0.9245, 0.83203, 0.9245, 0.85865, 1.09842, 0.9245, 0.9245, 1.03297, 1.07692, 0.90918, 1.03297, 0.94959, 0.9245, 0.92274, 0.9245, 0.9245, 1.02933, 0.77832, 1.20562, 0.9245, 0.8916, 0.98986, 0.86621, 0.89453, 0.79004, 0.94152, 1.77256, 0.94152, 0.85284, 0.97801, 0.89552, 0.91133, 0.89552, 0.91133, 1.91729, 0.89552, 1.17889, 1.13254, 1.16359, 0.92098, 0.85284, 0.68787, 0.71353, 0.84737, 0.90747, 1.0088, 1.0044, 0.87683, 1, 1.09091, 1, 0.92229, 0.739, 1.15642, 0.92098, 0.76288, 0.80504, 0.80972, 0.75859, 0.8675, 0.8675, 0.8675, 0.8675, 0.8675, 0.8675, 0.76318, 0.72346, 0.73206, 0.73206, 0.73206, 0.73206, 0.90685, 0.90685, 0.90685, 0.90685, 0.86477, 0.89249, 0.84118, 0.84118, 0.84118, 0.84118, 0.84118, 0.85284, 0.84557, 0.88844, 0.88844, 0.88844, 0.88844, 0.7306, 0.77452, 0.86331, 0.9245, 0.9245, 0.9245, 0.9245, 0.9245, 0.9245, 0.84843, 0.83203, 0.85865, 0.85865, 0.85865, 0.85865, 0.82601, 0.82601, 0.82601, 0.82601, 0.94469, 0.9245, 0.92274, 0.92274, 0.92274, 0.92274, 0.92274, 0.90747, 0.86651, 0.9245, 0.9245, 0.9245, 0.9245, 0.89453, 0.9245, 0.89453, 0.8675, 0.9245, 0.8675, 0.9245, 0.8675, 0.9245, 0.72346, 0.83203, 0.72346, 0.83203, 0.72346, 0.83203, 0.72346, 0.83203, 0.85193, 0.8875, 0.86477, 0.99034, 0.73206, 0.85865, 0.73206, 0.85865, 0.73206, 0.85865, 0.73206, 0.85865, 0.73206, 0.85865, 0.81105, 0.9245, 0.81105, 0.9245, 0.81105, 0.9245, 1, 1, 0.86275, 0.9245, 0.90872, 0.93591, 0.90685, 0.82601, 0.90685, 0.82601, 0.90685, 0.82601, 0.90685, 1.03297, 0.90685, 0.82601, 0.77896, 1.05611, 0.6377, 1.07692, 1, 1, 0.90918, 0.75593, 1.03297, 1, 1, 0.76032, 0.9375, 0.98156, 0.93407, 0.77261, 1.11429, 0.89249, 0.9245, 1, 1, 0.89249, 0.9245, 0.92534, 0.86698, 0.9245, 0.84118, 0.92274, 0.84118, 0.92274, 0.84118, 0.92274, 0.8667, 0.86291, 0.75186, 1.02933, 1, 1, 0.75186, 1.02933, 0.67789, 0.77832, 0.67789, 0.77832, 0.67789, 0.77832, 0.67789, 0.77832, 1, 1, 0.79776, 0.97655, 0.79776, 1.23023, 0.88844, 0.9245, 0.88844, 0.9245, 0.88844, 0.9245, 0.88844, 0.9245, 0.88844, 0.9245, 0.88844, 0.9245, 0.94309, 0.98986, 0.7306, 0.89453, 0.7306, 0.76659, 0.79004, 0.76659, 0.79004, 0.76659, 0.79004, 1.09231, 0.54873, 0.8675, 0.9245, 0.76318, 0.84843, 0.84557, 0.86651, 1, 1, 0.79776, 1.20562, 1.18622, 1.18622, 1, 1.1437, 0.67009, 0.96334, 0.93695, 1.35191, 1.40909, 0.95161, 1.48387, 0.8675, 0.90861, 0.6192, 0.7363, 0.64824, 0.82411, 0.56321, 0.85696, 1.23516, 0.8675, 0.81552, 0.7286, 0.84134, 0.73206, 0.76659, 0.86275, 0.84369, 0.90685, 0.77892, 0.85871, 1.02638, 0.89249, 0.75828, 0.84118, 0.85984, 0.77452, 0.76466, 0.79776, 0.7306, 0.90782, 0.77818, 0.903, 0.87291, 0.90685, 0.7306, 0.99058, 1.03667, 0.94635, 1.23516, 0.9849, 0.99058, 0.92393, 0.8916, 0.942, 1.03667, 0.75026, 0.94635, 1.0297, 1.23516, 0.90918, 0.94048, 0.98217, 0.89746, 0.84153, 0.92274, 0.82507, 0.88832, 0.84438, 0.88178, 1.03525, 0.9849, 1.00225, 0.78086, 0.97248, 0.89404, 1.23516, 0.9849, 0.92274, 0.9849, 0.89404, 0.73206, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.89693, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.85865, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.90933, 1, 1, 1, 1, 1, 1, 0.94309, 0.98986, 0.94309, 0.98986, 0.94309, 0.98986, 0.7306, 0.89453, 1, 1, 0.89552, 0.90527, 1, 0.90186, 1.12308, 1.12308, 1.12308, 1.12308, 1.2566, 1.2566, 1.2566, 0.89552, 0.89552, 1.42259, 0.68994, 1.03809, 1, 1, 1.0176, 1.0176, 1.11523, 1.4956, 2.01462, 0.97858, 0.82616, 0.91133, 0.83437, 0.91133, 1, 1, 1, 0.70508, 1, 1.23108, 0.79801, 0.84426, 0.84426, 0.774, 0.90572, 1.81055, 0.90749, 1.81055, 1.28809, 1.55469, 0.94434, 1.07806, 1, 0.97094, 0.7589, 0.85284, 0.90747, 1.19658, 0.69825, 0.97622, 1.33512, 0.90747, 0.90747, 0.85284, 0.90747, 0.90747, 1.44947, 0.85284, 0.8941, 0.8941, 0.70572, 0.8, 0.70572, 0.70572, 0.70572, 0.70572, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.99862, 0.99862, 1, 1, 1, 1, 1, 1.0336, 0.91027, 1, 1, 1, 0.99862, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.05859, 1.05859, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.CalibriItalicFactors = CalibriItalicFactors;
+const CalibriItalicMetrics = {
+  lineHeight: 1.2207,
+  lineGap: 0.2207
+};
+exports.CalibriItalicMetrics = CalibriItalicMetrics;
+const CalibriRegularFactors = [1.3877, 1, 1, 1, 1.17223, 1.1293, 0.89552, 0.91133, 0.80395, 1.02269, 1.15601, 0.91056, 0.91056, 1.2798, 0.85284, 0.89807, 1, 0.90861, 1.39016, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.91133, 0.96309, 0.96309, 0.85284, 0.85284, 0.85284, 0.83319, 0.88071, 0.8675, 0.81552, 0.73834, 0.85193, 0.73206, 0.7522, 0.81105, 0.86275, 0.90685, 0.6377, 0.77892, 0.75593, 1.02638, 0.89385, 0.85122, 0.77452, 0.86503, 0.75186, 0.68887, 0.79776, 0.88844, 0.85066, 0.94258, 0.77818, 0.7306, 0.76659, 1.10369, 1.39016, 1.10369, 1.06139, 0.89552, 0.8739, 0.86128, 0.94469, 0.8457, 0.94469, 0.89464, 1.09842, 0.84636, 0.94469, 1.03297, 1.07692, 0.90918, 1.03297, 0.95897, 0.94469, 0.9482, 0.94469, 0.94469, 1.04692, 0.78223, 1.20562, 0.94469, 0.90332, 0.98986, 0.86621, 0.90527, 0.79004, 0.94152, 1.77256, 0.94152, 0.85284, 0.97801, 0.89552, 0.91133, 0.89552, 0.91133, 1.91729, 0.89552, 1.17889, 1.13254, 1.08707, 0.92098, 0.85284, 0.68787, 0.71353, 0.84737, 0.90747, 1.0088, 1.0044, 0.87683, 1, 1.09091, 1, 0.92229, 0.739, 1.15642, 0.92098, 0.76288, 0.80504, 0.80972, 0.75859, 0.8675, 0.8675, 0.8675, 0.8675, 0.8675, 0.8675, 0.76318, 0.73834, 0.73206, 0.73206, 0.73206, 0.73206, 0.90685, 0.90685, 0.90685, 0.90685, 0.86477, 0.89385, 0.85122, 0.85122, 0.85122, 0.85122, 0.85122, 0.85284, 0.85311, 0.88844, 0.88844, 0.88844, 0.88844, 0.7306, 0.77452, 0.86331, 0.86128, 0.86128, 0.86128, 0.86128, 0.86128, 0.86128, 0.8693, 0.8457, 0.89464, 0.89464, 0.89464, 0.89464, 0.82601, 0.82601, 0.82601, 0.82601, 0.94469, 0.94469, 0.9482, 0.9482, 0.9482, 0.9482, 0.9482, 0.90747, 0.86651, 0.94469, 0.94469, 0.94469, 0.94469, 0.90527, 0.94469, 0.90527, 0.8675, 0.86128, 0.8675, 0.86128, 0.8675, 0.86128, 0.73834, 0.8457, 0.73834, 0.8457, 0.73834, 0.8457, 0.73834, 0.8457, 0.85193, 0.92454, 0.86477, 0.9921, 0.73206, 0.89464, 0.73206, 0.89464, 0.73206, 0.89464, 0.73206, 0.89464, 0.73206, 0.89464, 0.81105, 0.84636, 0.81105, 0.84636, 0.81105, 0.84636, 1, 1, 0.86275, 0.94469, 0.90872, 0.95786, 0.90685, 0.82601, 0.90685, 0.82601, 0.90685, 0.82601, 0.90685, 1.03297, 0.90685, 0.82601, 0.77741, 1.05611, 0.6377, 1.07692, 1, 1, 0.90918, 0.75593, 1.03297, 1, 1, 0.76032, 0.90452, 0.98156, 1.11842, 0.77261, 1.11429, 0.89385, 0.94469, 1, 1, 0.89385, 0.94469, 0.95877, 0.86901, 0.94469, 0.85122, 0.9482, 0.85122, 0.9482, 0.85122, 0.9482, 0.8667, 0.90016, 0.75186, 1.04692, 1, 1, 0.75186, 1.04692, 0.68887, 0.78223, 0.68887, 0.78223, 0.68887, 0.78223, 0.68887, 0.78223, 1, 1, 0.79776, 0.92188, 0.79776, 1.23023, 0.88844, 0.94469, 0.88844, 0.94469, 0.88844, 0.94469, 0.88844, 0.94469, 0.88844, 0.94469, 0.88844, 0.94469, 0.94258, 0.98986, 0.7306, 0.90527, 0.7306, 0.76659, 0.79004, 0.76659, 0.79004, 0.76659, 0.79004, 1.09231, 0.54873, 0.8675, 0.86128, 0.76318, 0.8693, 0.85311, 0.86651, 1, 1, 0.79776, 1.20562, 1.18622, 1.18622, 1, 1.1437, 0.67742, 0.96334, 0.93695, 1.35191, 1.40909, 0.95161, 1.48387, 0.86686, 0.90861, 0.62267, 0.74359, 0.65649, 0.85498, 0.56963, 0.88254, 1.23516, 0.8675, 0.81552, 0.75443, 0.84503, 0.73206, 0.76659, 0.86275, 0.85122, 0.90685, 0.77892, 0.85746, 1.02638, 0.89385, 0.75657, 0.85122, 0.86275, 0.77452, 0.74171, 0.79776, 0.7306, 0.95165, 0.77818, 0.89772, 0.88831, 0.90685, 0.7306, 0.98142, 1.02191, 0.96576, 1.23516, 0.99018, 0.98142, 0.9236, 0.89258, 0.94035, 1.02191, 0.78848, 0.96576, 0.9561, 1.23516, 0.90918, 0.92578, 0.95424, 0.89746, 0.83969, 0.9482, 0.80113, 0.89442, 0.85208, 0.86155, 0.98022, 0.99018, 1.00452, 0.81209, 0.99247, 0.89181, 1.23516, 0.99018, 0.9482, 0.99018, 0.89181, 0.73206, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.88844, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.89464, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.96766, 1, 1, 1, 1, 1, 1, 0.94258, 0.98986, 0.94258, 0.98986, 0.94258, 0.98986, 0.7306, 0.90527, 1, 1, 0.89552, 0.90527, 1, 0.90186, 1.12308, 1.12308, 1.12308, 1.12308, 1.2566, 1.2566, 1.2566, 0.89552, 0.89552, 1.42259, 0.69043, 1.03809, 1, 1, 1.0176, 1.0176, 1.11523, 1.4956, 2.01462, 0.99331, 0.82616, 0.91133, 0.84286, 0.91133, 1, 1, 1, 0.70508, 1, 1.23108, 0.79801, 0.84426, 0.84426, 0.774, 0.90527, 1.81055, 0.90527, 1.81055, 1.28809, 1.55469, 0.94434, 1.07806, 1, 0.97094, 0.7589, 0.85284, 0.90747, 1.19658, 0.69825, 0.97622, 1.33512, 0.90747, 0.90747, 0.85356, 0.90747, 0.90747, 1.44947, 0.85284, 0.8941, 0.8941, 0.70572, 0.8, 0.70572, 0.70572, 0.70572, 0.70572, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.99862, 0.99862, 1, 1, 1, 1, 1, 1.0336, 0.91027, 1, 1, 1, 0.99862, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.05859, 1.05859, 1, 1, 1, 1.07185, 0.99413, 0.96334, 1.08065, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.CalibriRegularFactors = CalibriRegularFactors;
+const CalibriRegularMetrics = {
+  lineHeight: 1.2207,
+  lineGap: 0.2207
+};
+exports.CalibriRegularMetrics = CalibriRegularMetrics;
+
+/***/ }),
+/* 53 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.HelveticaRegularMetrics = exports.HelveticaRegularFactors = exports.HelveticaItalicMetrics = exports.HelveticaItalicFactors = exports.HelveticaBoldMetrics = exports.HelveticaBoldItalicMetrics = exports.HelveticaBoldItalicFactors = exports.HelveticaBoldFactors = void 0;
+const HelveticaBoldFactors = [0.76116, 1, 1, 1.0006, 0.99998, 0.99974, 0.99973, 0.99973, 0.99982, 0.99977, 1.00087, 0.99998, 0.99998, 0.99959, 1.00003, 1.0006, 0.99998, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99998, 1, 1.00003, 1.00003, 1.00003, 1.00026, 0.9999, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00026, 1.00022, 0.99977, 1.0006, 0.99973, 0.99977, 1.00026, 0.99999, 0.99977, 1.00022, 1.00001, 1.00022, 0.99977, 1.00001, 1.00026, 0.99977, 1.00001, 1.00016, 1.00001, 1.00001, 1.00026, 0.99998, 1.0006, 0.99998, 1.00003, 0.99973, 0.99998, 0.99973, 1.00026, 0.99973, 1.00026, 0.99973, 0.99998, 1.00026, 1.00026, 1.0006, 1.0006, 0.99973, 1.0006, 0.99982, 1.00026, 1.00026, 1.00026, 1.00026, 0.99959, 0.99973, 0.99998, 1.00026, 0.99973, 1.00022, 0.99973, 0.99973, 1, 0.99959, 1.00077, 0.99959, 1.00003, 0.99998, 0.99973, 0.99973, 0.99973, 0.99973, 1.00077, 0.99973, 0.99998, 1.00025, 0.99968, 0.99973, 1.00003, 1.00025, 0.60299, 1.00024, 1.06409, 1, 1, 0.99998, 1, 0.99973, 1.0006, 0.99998, 1, 0.99936, 0.99973, 1.00002, 1.00002, 1.00002, 1.00026, 0.99977, 0.99977, 0.99977, 0.99977, 0.99977, 0.99977, 1, 0.99977, 1.00001, 1.00001, 1.00001, 1.00001, 1.0006, 1.0006, 1.0006, 1.0006, 0.99977, 0.99977, 1.00022, 1.00022, 1.00022, 1.00022, 1.00022, 1.00003, 1.00022, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00001, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99982, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.06409, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 0.99973, 1.00026, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 1.03374, 0.99977, 1.00026, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.00042, 0.99973, 0.99973, 1.0006, 0.99977, 0.99973, 0.99973, 1.00026, 1.0006, 1.00026, 1.0006, 1.00026, 1.03828, 1.00026, 0.99999, 1.00026, 1.0006, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.9993, 0.9998, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1, 1.00016, 0.99977, 0.99959, 0.99977, 0.99959, 0.99977, 0.99959, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00026, 0.99998, 1.00026, 0.8121, 1.00026, 0.99998, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 1.00016, 1.00022, 1.00001, 0.99973, 1.00001, 1.00026, 1, 1.00026, 1, 1.00026, 1, 1.0006, 0.99973, 0.99977, 0.99973, 1, 0.99982, 1.00022, 1.00026, 1.00001, 0.99973, 1.00026, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 1.00034, 0.99977, 1, 0.99997, 1.00026, 1.00078, 1.00036, 0.99973, 1.00013, 1.0006, 0.99977, 0.99977, 0.99988, 0.85148, 1.00001, 1.00026, 0.99977, 1.00022, 1.0006, 0.99977, 1.00001, 0.99999, 0.99977, 1.00069, 1.00022, 0.99977, 1.00001, 0.99984, 1.00026, 1.00001, 1.00024, 1.00001, 0.9999, 1, 1.0006, 1.00001, 1.00041, 0.99962, 1.00026, 1.0006, 0.99995, 1.00041, 0.99942, 0.99973, 0.99927, 1.00082, 0.99902, 1.00026, 1.00087, 1.0006, 1.00069, 0.99973, 0.99867, 0.99973, 0.9993, 1.00026, 1.00049, 1.00056, 1, 0.99988, 0.99935, 0.99995, 0.99954, 1.00055, 0.99945, 1.00032, 1.0006, 0.99995, 1.00026, 0.99995, 1.00032, 1.00001, 1.00008, 0.99971, 1.00019, 0.9994, 1.00001, 1.0006, 1.00044, 0.99973, 1.00023, 1.00047, 1, 0.99942, 0.99561, 0.99989, 1.00035, 0.99977, 1.00035, 0.99977, 1.00019, 0.99944, 1.00001, 1.00021, 0.99926, 1.00035, 1.00035, 0.99942, 1.00048, 0.99999, 0.99977, 1.00022, 1.00035, 1.00001, 0.99977, 1.00026, 0.99989, 1.00057, 1.00001, 0.99936, 1.00052, 1.00012, 0.99996, 1.00043, 1, 1.00035, 0.9994, 0.99976, 1.00035, 0.99973, 1.00052, 1.00041, 1.00119, 1.00037, 0.99973, 1.00002, 0.99986, 1.00041, 1.00041, 0.99902, 0.9996, 1.00034, 0.99999, 1.00026, 0.99999, 1.00026, 0.99973, 1.00052, 0.99973, 1, 0.99973, 1.00041, 1.00075, 0.9994, 1.0003, 0.99999, 1, 1.00041, 0.99955, 1, 0.99915, 0.99973, 0.99973, 1.00026, 1.00119, 0.99955, 0.99973, 1.0006, 0.99911, 1.0006, 1.00026, 0.99972, 1.00026, 0.99902, 1.00041, 0.99973, 0.99999, 1, 1, 1.00038, 1.0005, 1.00016, 1.00022, 1.00016, 1.00022, 1.00016, 1.00022, 1.00001, 0.99973, 1, 1, 0.99973, 1, 1, 0.99955, 1.0006, 1.0006, 1.0006, 1.0006, 1, 1, 1, 0.99973, 0.99973, 0.99972, 1, 1, 1.00106, 0.99999, 0.99998, 0.99998, 0.99999, 0.99998, 1.66475, 1, 0.99973, 0.99973, 1.00023, 0.99973, 0.99971, 1.00047, 1.00023, 1, 0.99991, 0.99984, 1.00002, 1.00002, 1.00002, 1.00002, 1, 1, 1, 1, 1, 1, 1, 0.99972, 1, 1.20985, 1.39713, 1.00003, 1.00031, 1.00015, 1, 0.99561, 1.00027, 1.00031, 1.00031, 0.99915, 1.00031, 1.00031, 0.99999, 1.00003, 0.99999, 0.99999, 1.41144, 1.6, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.40579, 1.40579, 1.36625, 0.99999, 1, 0.99861, 0.99861, 1, 1.00026, 1.00026, 1.00026, 1.00026, 0.99972, 0.99999, 0.99999, 0.99999, 0.99999, 1.40483, 1, 0.99977, 1.00054, 1, 1, 0.99953, 0.99962, 1.00042, 0.9995, 1, 1, 1, 1, 1, 1, 1, 1, 0.99998, 0.99998, 0.99998, 0.99998, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.HelveticaBoldFactors = HelveticaBoldFactors;
+const HelveticaBoldMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.HelveticaBoldMetrics = HelveticaBoldMetrics;
+const HelveticaBoldItalicFactors = [0.76116, 1, 1, 1.0006, 0.99998, 0.99974, 0.99973, 0.99973, 0.99982, 0.99977, 1.00087, 0.99998, 0.99998, 0.99959, 1.00003, 1.0006, 0.99998, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99998, 1, 1.00003, 1.00003, 1.00003, 1.00026, 0.9999, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00026, 1.00022, 0.99977, 1.0006, 0.99973, 0.99977, 1.00026, 0.99999, 0.99977, 1.00022, 1.00001, 1.00022, 0.99977, 1.00001, 1.00026, 0.99977, 1.00001, 1.00016, 1.00001, 1.00001, 1.00026, 0.99998, 1.0006, 0.99998, 1.00003, 0.99973, 0.99998, 0.99973, 1.00026, 0.99973, 1.00026, 0.99973, 0.99998, 1.00026, 1.00026, 1.0006, 1.0006, 0.99973, 1.0006, 0.99982, 1.00026, 1.00026, 1.00026, 1.00026, 0.99959, 0.99973, 0.99998, 1.00026, 0.99973, 1.00022, 0.99973, 0.99973, 1, 0.99959, 1.00077, 0.99959, 1.00003, 0.99998, 0.99973, 0.99973, 0.99973, 0.99973, 1.00077, 0.99973, 0.99998, 1.00025, 0.99968, 0.99973, 1.00003, 1.00025, 0.60299, 1.00024, 1.06409, 1, 1, 0.99998, 1, 0.99973, 1.0006, 0.99998, 1, 0.99936, 0.99973, 1.00002, 1.00002, 1.00002, 1.00026, 0.99977, 0.99977, 0.99977, 0.99977, 0.99977, 0.99977, 1, 0.99977, 1.00001, 1.00001, 1.00001, 1.00001, 1.0006, 1.0006, 1.0006, 1.0006, 0.99977, 0.99977, 1.00022, 1.00022, 1.00022, 1.00022, 1.00022, 1.00003, 1.00022, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00001, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99982, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 1.06409, 1.00026, 1.00026, 1.00026, 1.00026, 1.00026, 0.99973, 1.00026, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 1.0044, 0.99977, 1.00026, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 0.99971, 0.99973, 0.99973, 1.0006, 0.99977, 0.99973, 0.99973, 1.00026, 1.0006, 1.00026, 1.0006, 1.00026, 1.01011, 1.00026, 0.99999, 1.00026, 1.0006, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.9993, 0.9998, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1.00022, 1.00026, 1, 1.00016, 0.99977, 0.99959, 0.99977, 0.99959, 0.99977, 0.99959, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00026, 0.99998, 1.00026, 0.8121, 1.00026, 0.99998, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 0.99977, 1.00026, 1.00016, 1.00022, 1.00001, 0.99973, 1.00001, 1.00026, 1, 1.00026, 1, 1.00026, 1, 1.0006, 0.99973, 0.99977, 0.99973, 1, 0.99982, 1.00022, 1.00026, 1.00001, 0.99973, 1.00026, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99977, 1, 1, 1.00026, 0.99969, 0.99972, 0.99981, 0.9998, 1.0006, 0.99977, 0.99977, 1.00022, 0.91155, 1.00001, 1.00026, 0.99977, 1.00022, 1.0006, 0.99977, 1.00001, 0.99999, 0.99977, 0.99966, 1.00022, 1.00032, 1.00001, 0.99944, 1.00026, 1.00001, 0.99968, 1.00001, 1.00047, 1, 1.0006, 1.00001, 0.99981, 1.00101, 1.00026, 1.0006, 0.99948, 0.99981, 1.00064, 0.99973, 0.99942, 1.00101, 1.00061, 1.00026, 1.00069, 1.0006, 1.00014, 0.99973, 1.01322, 0.99973, 1.00065, 1.00026, 1.00012, 0.99923, 1, 1.00064, 1.00076, 0.99948, 1.00055, 1.00063, 1.00007, 0.99943, 1.0006, 0.99948, 1.00026, 0.99948, 0.99943, 1.00001, 1.00001, 1.00029, 1.00038, 1.00035, 1.00001, 1.0006, 1.0006, 0.99973, 0.99978, 1.00001, 1.00057, 0.99989, 0.99967, 0.99964, 0.99967, 0.99977, 0.99999, 0.99977, 1.00038, 0.99977, 1.00001, 0.99973, 1.00066, 0.99967, 0.99967, 1.00041, 0.99998, 0.99999, 0.99977, 1.00022, 0.99967, 1.00001, 0.99977, 1.00026, 0.99964, 1.00031, 1.00001, 0.99999, 0.99999, 1, 1.00023, 1, 1, 0.99999, 1.00035, 1.00001, 0.99999, 0.99973, 0.99977, 0.99999, 1.00058, 0.99973, 0.99973, 0.99955, 0.9995, 1.00026, 1.00026, 1.00032, 0.99989, 1.00034, 0.99999, 1.00026, 1.00026, 1.00026, 0.99973, 0.45998, 0.99973, 1.00026, 0.99973, 1.00001, 0.99999, 0.99982, 0.99994, 0.99996, 1, 1.00042, 1.00044, 1.00029, 1.00023, 0.99973, 0.99973, 1.00026, 0.99949, 1.00002, 0.99973, 1.0006, 1.0006, 1.0006, 0.99975, 1.00026, 1.00026, 1.00032, 0.98685, 0.99973, 1.00026, 1, 1, 0.99966, 1.00044, 1.00016, 1.00022, 1.00016, 1.00022, 1.00016, 1.00022, 1.00001, 0.99973, 1, 1, 0.99973, 1, 1, 0.99955, 1.0006, 1.0006, 1.0006, 1.0006, 1, 1, 1, 0.99973, 0.99973, 0.99972, 1, 1, 1.00106, 0.99999, 0.99998, 0.99998, 0.99999, 0.99998, 1.66475, 1, 0.99973, 0.99973, 1, 0.99973, 0.99971, 0.99978, 1, 1, 0.99991, 0.99984, 1.00002, 1.00002, 1.00002, 1.00002, 1.00098, 1, 1, 1, 1.00049, 1, 1, 0.99972, 1, 1.20985, 1.39713, 1.00003, 1.00031, 1.00015, 1, 0.99561, 1.00027, 1.00031, 1.00031, 0.99915, 1.00031, 1.00031, 0.99999, 1.00003, 0.99999, 0.99999, 1.41144, 1.6, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.40579, 1.40579, 1.36625, 0.99999, 1, 0.99861, 0.99861, 1, 1.00026, 1.00026, 1.00026, 1.00026, 0.99972, 0.99999, 0.99999, 0.99999, 0.99999, 1.40483, 1, 0.99977, 1.00054, 1, 1, 0.99953, 0.99962, 1.00042, 0.9995, 1, 1, 1, 1, 1, 1, 1, 1, 0.99998, 0.99998, 0.99998, 0.99998, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.HelveticaBoldItalicFactors = HelveticaBoldItalicFactors;
+const HelveticaBoldItalicMetrics = {
+  lineHeight: 1.35,
+  lineGap: 0.2
+};
+exports.HelveticaBoldItalicMetrics = HelveticaBoldItalicMetrics;
+const HelveticaItalicFactors = [0.76116, 1, 1, 1.0006, 1.0006, 1.00006, 0.99973, 0.99973, 0.99982, 1.00001, 1.00043, 0.99998, 0.99998, 0.99959, 1.00003, 1.0006, 0.99998, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1, 1.00003, 1.00003, 1.00003, 0.99973, 0.99987, 1.00001, 1.00001, 0.99977, 0.99977, 1.00001, 1.00026, 1.00022, 0.99977, 1.0006, 1, 1.00001, 0.99973, 0.99999, 0.99977, 1.00022, 1.00001, 1.00022, 0.99977, 1.00001, 1.00026, 0.99977, 1.00001, 1.00016, 1.00001, 1.00001, 1.00026, 1.0006, 1.0006, 1.0006, 0.99949, 0.99973, 0.99998, 0.99973, 0.99973, 1, 0.99973, 0.99973, 1.0006, 0.99973, 0.99973, 0.99924, 0.99924, 1, 0.99924, 0.99999, 0.99973, 0.99973, 0.99973, 0.99973, 0.99998, 1, 1.0006, 0.99973, 1, 0.99977, 1, 1, 1, 1.00005, 1.0009, 1.00005, 1.00003, 0.99998, 0.99973, 0.99973, 0.99973, 0.99973, 1.0009, 0.99973, 0.99998, 1.00025, 0.99968, 0.99973, 1.00003, 1.00025, 0.60299, 1.00024, 1.06409, 1, 1, 0.99998, 1, 0.9998, 1.0006, 0.99998, 1, 0.99936, 0.99973, 1.00002, 1.00002, 1.00002, 1.00026, 1.00001, 1.00001, 1.00001, 1.00001, 1.00001, 1.00001, 1, 0.99977, 1.00001, 1.00001, 1.00001, 1.00001, 1.0006, 1.0006, 1.0006, 1.0006, 0.99977, 0.99977, 1.00022, 1.00022, 1.00022, 1.00022, 1.00022, 1.00003, 1.00022, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00001, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99982, 1, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.06409, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 1, 0.99973, 1, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 0.99977, 1, 0.99977, 1, 0.99977, 1, 0.99977, 1, 0.99977, 1.0288, 0.99977, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 0.99924, 1.0006, 1.0006, 0.99946, 1.00034, 1, 0.99924, 1.00001, 1, 1, 0.99973, 0.99924, 0.99973, 0.99924, 0.99973, 1.06311, 0.99973, 1.00024, 0.99973, 0.99924, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 1.00041, 0.9998, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1, 1.00016, 0.99977, 0.99998, 0.99977, 0.99998, 0.99977, 0.99998, 1.00001, 1, 1.00001, 1, 1.00001, 1, 1.00001, 1, 1.00026, 1.0006, 1.00026, 0.89547, 1.00026, 1.0006, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 1.00016, 0.99977, 1.00001, 1, 1.00001, 1.00026, 1, 1.00026, 1, 1.00026, 1, 0.99924, 0.99973, 1.00001, 0.99973, 1, 0.99982, 1.00022, 1.00026, 1.00001, 1, 1.00026, 1.0006, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 1.00001, 1, 1.00054, 0.99977, 1.00084, 1.00007, 0.99973, 1.00013, 0.99924, 1.00001, 1.00001, 0.99945, 0.91221, 1.00001, 1.00026, 0.99977, 1.00022, 1.0006, 1.00001, 1.00001, 0.99999, 0.99977, 0.99933, 1.00022, 1.00054, 1.00001, 1.00065, 1.00026, 1.00001, 1.0001, 1.00001, 1.00052, 1, 1.0006, 1.00001, 0.99945, 0.99897, 0.99968, 0.99924, 1.00036, 0.99945, 0.99949, 1, 1.0006, 0.99897, 0.99918, 0.99968, 0.99911, 0.99924, 1, 0.99962, 1.01487, 1, 1.0005, 0.99973, 1.00012, 1.00043, 1, 0.99995, 0.99994, 1.00036, 0.99947, 1.00019, 1.00063, 1.00025, 0.99924, 1.00036, 0.99973, 1.00036, 1.00025, 1.00001, 1.00001, 1.00027, 1.0001, 1.00068, 1.00001, 1.0006, 1.0006, 1, 1.00008, 0.99957, 0.99972, 0.9994, 0.99954, 0.99975, 1.00051, 1.00001, 1.00019, 1.00001, 1.0001, 0.99986, 1.00001, 1.00001, 1.00038, 0.99954, 0.99954, 0.9994, 1.00066, 0.99999, 0.99977, 1.00022, 1.00054, 1.00001, 0.99977, 1.00026, 0.99975, 1.0001, 1.00001, 0.99993, 0.9995, 0.99955, 1.00016, 0.99978, 0.99974, 1.00019, 1.00022, 0.99955, 1.00053, 0.99973, 1.00089, 1.00005, 0.99967, 1.00048, 0.99973, 1.00002, 1.00034, 0.99973, 0.99973, 0.99964, 1.00006, 1.00066, 0.99947, 0.99973, 0.98894, 0.99973, 1, 0.44898, 1, 0.99946, 1, 1.00039, 1.00082, 0.99991, 0.99991, 0.99985, 1.00022, 1.00023, 1.00061, 1.00006, 0.99966, 0.99973, 0.99973, 0.99973, 1.00019, 1.0008, 1, 0.99924, 0.99924, 0.99924, 0.99983, 1.00044, 0.99973, 0.99964, 0.98332, 1, 0.99973, 1, 1, 0.99962, 0.99895, 1.00016, 0.99977, 1.00016, 0.99977, 1.00016, 0.99977, 1.00001, 1, 1, 1, 0.99973, 1, 1, 0.99955, 0.99924, 0.99924, 0.99924, 0.99924, 0.99998, 0.99998, 0.99998, 0.99973, 0.99973, 0.99972, 1, 1, 1.00267, 0.99999, 0.99998, 0.99998, 1, 0.99998, 1.66475, 1, 0.99973, 0.99973, 1.00023, 0.99973, 1.00423, 0.99925, 0.99999, 1, 0.99991, 0.99984, 1.00002, 1.00002, 1.00002, 1.00002, 1.00049, 1, 1.00245, 1, 1, 1, 1, 0.96329, 1, 1.20985, 1.39713, 1.00003, 0.8254, 1.00015, 1, 1.00035, 1.00027, 1.00031, 1.00031, 1.00003, 1.00031, 1.00031, 0.99999, 1.00003, 0.99999, 0.99999, 1.41144, 1.6, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.40579, 1.40579, 1.36625, 0.99999, 1, 0.99861, 0.99861, 1, 1.00026, 1.00026, 1.00026, 1.00026, 0.95317, 0.99999, 0.99999, 0.99999, 0.99999, 1.40483, 1, 0.99977, 1.00054, 1, 1, 0.99953, 0.99962, 1.00042, 0.9995, 1, 1, 1, 1, 1, 1, 1, 1, 0.99998, 0.99998, 0.99998, 0.99998, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.HelveticaItalicFactors = HelveticaItalicFactors;
+const HelveticaItalicMetrics = {
+  lineHeight: 1.35,
+  lineGap: 0.2
+};
+exports.HelveticaItalicMetrics = HelveticaItalicMetrics;
+const HelveticaRegularFactors = [0.76116, 1, 1, 1.0006, 1.0006, 1.00006, 0.99973, 0.99973, 0.99982, 1.00001, 1.00043, 0.99998, 0.99998, 0.99959, 1.00003, 1.0006, 0.99998, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1, 1.00003, 1.00003, 1.00003, 0.99973, 0.99987, 1.00001, 1.00001, 0.99977, 0.99977, 1.00001, 1.00026, 1.00022, 0.99977, 1.0006, 1, 1.00001, 0.99973, 0.99999, 0.99977, 1.00022, 1.00001, 1.00022, 0.99977, 1.00001, 1.00026, 0.99977, 1.00001, 1.00016, 1.00001, 1.00001, 1.00026, 1.0006, 1.0006, 1.0006, 0.99949, 0.99973, 0.99998, 0.99973, 0.99973, 1, 0.99973, 0.99973, 1.0006, 0.99973, 0.99973, 0.99924, 0.99924, 1, 0.99924, 0.99999, 0.99973, 0.99973, 0.99973, 0.99973, 0.99998, 1, 1.0006, 0.99973, 1, 0.99977, 1, 1, 1, 1.00005, 1.0009, 1.00005, 1.00003, 0.99998, 0.99973, 0.99973, 0.99973, 0.99973, 1.0009, 0.99973, 0.99998, 1.00025, 0.99968, 0.99973, 1.00003, 1.00025, 0.60299, 1.00024, 1.06409, 1, 1, 0.99998, 1, 0.9998, 1.0006, 0.99998, 1, 0.99936, 0.99973, 1.00002, 1.00002, 1.00002, 1.00026, 1.00001, 1.00001, 1.00001, 1.00001, 1.00001, 1.00001, 1, 0.99977, 1.00001, 1.00001, 1.00001, 1.00001, 1.0006, 1.0006, 1.0006, 1.0006, 0.99977, 0.99977, 1.00022, 1.00022, 1.00022, 1.00022, 1.00022, 1.00003, 1.00022, 0.99977, 0.99977, 0.99977, 0.99977, 1.00001, 1.00001, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99982, 1, 0.99973, 0.99973, 0.99973, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 0.99973, 1.06409, 1.00026, 0.99973, 0.99973, 0.99973, 0.99973, 1, 0.99973, 1, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 0.99977, 1, 0.99977, 1, 0.99977, 1, 0.99977, 1, 0.99977, 1.04596, 0.99977, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00001, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 1.0006, 0.99924, 1.0006, 1.0006, 1.00019, 1.00034, 1, 0.99924, 1.00001, 1, 1, 0.99973, 0.99924, 0.99973, 0.99924, 0.99973, 1.02572, 0.99973, 1.00005, 0.99973, 0.99924, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99999, 0.9998, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1.00022, 0.99973, 1, 1.00016, 0.99977, 0.99998, 0.99977, 0.99998, 0.99977, 0.99998, 1.00001, 1, 1.00001, 1, 1.00001, 1, 1.00001, 1, 1.00026, 1.0006, 1.00026, 0.84533, 1.00026, 1.0006, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 0.99977, 0.99973, 1.00016, 0.99977, 1.00001, 1, 1.00001, 1.00026, 1, 1.00026, 1, 1.00026, 1, 0.99924, 0.99973, 1.00001, 0.99973, 1, 0.99982, 1.00022, 1.00026, 1.00001, 1, 1.00026, 1.0006, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99998, 0.99928, 1, 0.99977, 1.00013, 1.00055, 0.99947, 0.99945, 0.99941, 0.99924, 1.00001, 1.00001, 1.0004, 0.91621, 1.00001, 1.00026, 0.99977, 1.00022, 1.0006, 1.00001, 1.00005, 0.99999, 0.99977, 1.00015, 1.00022, 0.99977, 1.00001, 0.99973, 1.00026, 1.00001, 1.00019, 1.00001, 0.99946, 1, 1.0006, 1.00001, 0.99978, 1.00045, 0.99973, 0.99924, 1.00023, 0.99978, 0.99966, 1, 1.00065, 1.00045, 1.00019, 0.99973, 0.99973, 0.99924, 1, 1, 0.96499, 1, 1.00055, 0.99973, 1.00008, 1.00027, 1, 0.9997, 0.99995, 1.00023, 0.99933, 1.00019, 1.00015, 1.00031, 0.99924, 1.00023, 0.99973, 1.00023, 1.00031, 1.00001, 0.99928, 1.00029, 1.00092, 1.00035, 1.00001, 1.0006, 1.0006, 1, 0.99988, 0.99975, 1, 1.00082, 0.99561, 0.9996, 1.00035, 1.00001, 0.99962, 1.00001, 1.00092, 0.99964, 1.00001, 0.99963, 0.99999, 1.00035, 1.00035, 1.00082, 0.99962, 0.99999, 0.99977, 1.00022, 1.00035, 1.00001, 0.99977, 1.00026, 0.9996, 0.99967, 1.00001, 1.00034, 1.00074, 1.00054, 1.00053, 1.00063, 0.99971, 0.99962, 1.00035, 0.99975, 0.99977, 0.99973, 1.00043, 0.99953, 1.0007, 0.99915, 0.99973, 1.00008, 0.99892, 1.00073, 1.00073, 1.00114, 0.99915, 1.00073, 0.99955, 0.99973, 1.00092, 0.99973, 1, 0.99998, 1, 1.0003, 1, 1.00043, 1.00001, 0.99969, 1.0003, 1, 1.00035, 1.00001, 0.9995, 1, 1.00092, 0.99973, 0.99973, 0.99973, 1.0007, 0.9995, 1, 0.99924, 1.0006, 0.99924, 0.99972, 1.00062, 0.99973, 1.00114, 1.00073, 1, 0.99955, 1, 1, 1.00047, 0.99968, 1.00016, 0.99977, 1.00016, 0.99977, 1.00016, 0.99977, 1.00001, 1, 1, 1, 0.99973, 1, 1, 0.99955, 0.99924, 0.99924, 0.99924, 0.99924, 0.99998, 0.99998, 0.99998, 0.99973, 0.99973, 0.99972, 1, 1, 1.00267, 0.99999, 0.99998, 0.99998, 1, 0.99998, 1.66475, 1, 0.99973, 0.99973, 1.00023, 0.99973, 0.99971, 0.99925, 1.00023, 1, 0.99991, 0.99984, 1.00002, 1.00002, 1.00002, 1.00002, 1, 1, 1, 1, 1, 1, 1, 0.96329, 1, 1.20985, 1.39713, 1.00003, 0.8254, 1.00015, 1, 1.00035, 1.00027, 1.00031, 1.00031, 0.99915, 1.00031, 1.00031, 0.99999, 1.00003, 0.99999, 0.99999, 1.41144, 1.6, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.41144, 1.40579, 1.40579, 1.36625, 0.99999, 1, 0.99861, 0.99861, 1, 1.00026, 1.00026, 1.00026, 1.00026, 0.95317, 0.99999, 0.99999, 0.99999, 0.99999, 1.40483, 1, 0.99977, 1.00054, 1, 1, 0.99953, 0.99962, 1.00042, 0.9995, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.HelveticaRegularFactors = HelveticaRegularFactors;
+const HelveticaRegularMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.HelveticaRegularMetrics = HelveticaRegularMetrics;
+
+/***/ }),
+/* 54 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.LiberationSansRegularWidths = exports.LiberationSansRegularMapping = exports.LiberationSansItalicWidths = exports.LiberationSansItalicMapping = exports.LiberationSansBoldWidths = exports.LiberationSansBoldMapping = exports.LiberationSansBoldItalicWidths = exports.LiberationSansBoldItalicMapping = void 0;
+const LiberationSansBoldWidths = [365, 0, 333, 278, 333, 474, 556, 556, 889, 722, 238, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 333, 333, 584, 584, 584, 611, 975, 722, 722, 722, 722, 667, 611, 778, 722, 278, 556, 722, 611, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 333, 278, 333, 584, 556, 333, 556, 611, 556, 611, 556, 333, 611, 611, 278, 278, 556, 278, 889, 611, 611, 611, 611, 389, 556, 333, 611, 556, 778, 556, 556, 500, 389, 280, 389, 584, 333, 556, 556, 556, 556, 280, 556, 333, 737, 370, 556, 584, 737, 552, 400, 549, 333, 333, 333, 576, 556, 278, 333, 333, 365, 556, 834, 834, 834, 611, 722, 722, 722, 722, 722, 722, 1000, 722, 667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611, 556, 556, 556, 556, 556, 556, 889, 556, 556, 556, 556, 556, 278, 278, 278, 278, 611, 611, 611, 611, 611, 611, 611, 549, 611, 611, 611, 611, 611, 556, 611, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 719, 722, 611, 667, 556, 667, 556, 667, 556, 667, 556, 667, 556, 778, 611, 778, 611, 778, 611, 778, 611, 722, 611, 722, 611, 278, 278, 278, 278, 278, 278, 278, 278, 278, 278, 785, 556, 556, 278, 722, 556, 556, 611, 278, 611, 278, 611, 385, 611, 479, 611, 278, 722, 611, 722, 611, 722, 611, 708, 723, 611, 778, 611, 778, 611, 778, 611, 1000, 944, 722, 389, 722, 389, 722, 389, 667, 556, 667, 556, 667, 556, 667, 556, 611, 333, 611, 479, 611, 333, 722, 611, 722, 611, 722, 611, 722, 611, 722, 611, 722, 611, 944, 778, 667, 556, 667, 611, 500, 611, 500, 611, 500, 278, 556, 722, 556, 1000, 889, 778, 611, 667, 556, 611, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 465, 722, 333, 853, 906, 474, 825, 927, 838, 278, 722, 722, 601, 719, 667, 611, 722, 778, 278, 722, 667, 833, 722, 644, 778, 722, 667, 600, 611, 667, 821, 667, 809, 802, 278, 667, 615, 451, 611, 278, 582, 615, 610, 556, 606, 475, 460, 611, 541, 278, 558, 556, 612, 556, 445, 611, 766, 619, 520, 684, 446, 582, 715, 576, 753, 845, 278, 582, 611, 582, 845, 667, 669, 885, 567, 711, 667, 278, 276, 556, 1094, 1062, 875, 610, 722, 622, 719, 722, 719, 722, 567, 712, 667, 904, 626, 719, 719, 610, 702, 833, 722, 778, 719, 667, 722, 611, 622, 854, 667, 730, 703, 1005, 1019, 870, 979, 719, 711, 1031, 719, 556, 618, 615, 417, 635, 556, 709, 497, 615, 615, 500, 635, 740, 604, 611, 604, 611, 556, 490, 556, 875, 556, 615, 581, 833, 844, 729, 854, 615, 552, 854, 583, 556, 556, 611, 417, 552, 556, 278, 281, 278, 969, 906, 611, 500, 615, 556, 604, 778, 611, 487, 447, 944, 778, 944, 778, 944, 778, 667, 556, 333, 333, 556, 1000, 1000, 552, 278, 278, 278, 278, 500, 500, 500, 556, 556, 350, 1000, 1000, 240, 479, 333, 333, 604, 333, 167, 396, 556, 556, 1094, 556, 885, 489, 1115, 1000, 768, 600, 834, 834, 834, 834, 1000, 500, 1000, 500, 1000, 500, 500, 494, 612, 823, 713, 584, 549, 713, 979, 722, 274, 549, 549, 583, 549, 549, 604, 584, 604, 604, 708, 625, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 729, 604, 604, 354, 354, 1000, 990, 990, 990, 990, 494, 604, 604, 604, 604, 354, 1021, 1052, 917, 750, 750, 531, 656, 594, 510, 500, 750, 750, 611, 611, 333, 333, 333, 333, 333, 333, 333, 333, 222, 222, 333, 333, 333, 333, 333, 333, 333, 333];
+exports.LiberationSansBoldWidths = LiberationSansBoldWidths;
+const LiberationSansBoldMapping = [-1, -1, -1, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 254, 255, 256, 257, 258, 259, 260, 261, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271, 272, 273, 274, 275, 276, 277, 278, 279, 280, 281, 282, 283, 284, 285, 286, 287, 288, 289, 290, 291, 292, 293, 294, 295, 296, 297, 298, 299, 300, 301, 302, 303, 304, 305, 306, 307, 308, 309, 310, 311, 312, 313, 314, 315, 316, 317, 318, 319, 320, 321, 322, 323, 324, 325, 326, 327, 328, 329, 330, 331, 332, 333, 334, 335, 336, 337, 338, 339, 340, 341, 342, 343, 344, 345, 346, 347, 348, 349, 350, 351, 352, 353, 354, 355, 356, 357, 358, 359, 360, 361, 362, 363, 364, 365, 366, 367, 368, 369, 370, 371, 372, 373, 374, 375, 376, 377, 378, 379, 380, 381, 382, 383, 402, 506, 507, 508, 509, 510, 511, 536, 537, 538, 539, 710, 711, 713, 728, 729, 730, 731, 732, 733, 900, 901, 902, 903, 904, 905, 906, 908, 910, 911, 912, 913, 914, 915, 916, 917, 918, 919, 920, 921, 922, 923, 924, 925, 926, 927, 928, 929, 931, 932, 933, 934, 935, 936, 937, 938, 939, 940, 941, 942, 943, 944, 945, 946, 947, 948, 949, 950, 951, 952, 953, 954, 955, 956, 957, 958, 959, 960, 961, 962, 963, 964, 965, 966, 967, 968, 969, 970, 971, 972, 973, 974, 1024, 1025, 1026, 1027, 1028, 1029, 1030, 1031, 1032, 1033, 1034, 1035, 1036, 1037, 1038, 1039, 1040, 1041, 1042, 1043, 1044, 1045, 1046, 1047, 1048, 1049, 1050, 1051, 1052, 1053, 1054, 1055, 1056, 1057, 1058, 1059, 1060, 1061, 1062, 1063, 1064, 1065, 1066, 1067, 1068, 1069, 1070, 1071, 1072, 1073, 1074, 1075, 1076, 1077, 1078, 1079, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1092, 1093, 1094, 1095, 1096, 1097, 1098, 1099, 1100, 1101, 1102, 1103, 1104, 1105, 1106, 1107, 1108, 1109, 1110, 1111, 1112, 1113, 1114, 1115, 1116, 1117, 1118, 1119, 1138, 1139, 1168, 1169, 7808, 7809, 7810, 7811, 7812, 7813, 7922, 7923, 8208, 8209, 8211, 8212, 8213, 8215, 8216, 8217, 8218, 8219, 8220, 8221, 8222, 8224, 8225, 8226, 8230, 8240, 8242, 8243, 8249, 8250, 8252, 8254, 8260, 8319, 8355, 8356, 8359, 8364, 8453, 8467, 8470, 8482, 8486, 8494, 8539, 8540, 8541, 8542, 8592, 8593, 8594, 8595, 8596, 8597, 8616, 8706, 8710, 8719, 8721, 8722, 8730, 8734, 8735, 8745, 8747, 8776, 8800, 8801, 8804, 8805, 8962, 8976, 8992, 8993, 9472, 9474, 9484, 9488, 9492, 9496, 9500, 9508, 9516, 9524, 9532, 9552, 9553, 9554, 9555, 9556, 9557, 9558, 9559, 9560, 9561, 9562, 9563, 9564, 9565, 9566, 9567, 9568, 9569, 9570, 9571, 9572, 9573, 9574, 9575, 9576, 9577, 9578, 9579, 9580, 9600, 9604, 9608, 9612, 9616, 9617, 9618, 9619, 9632, 9633, 9642, 9643, 9644, 9650, 9658, 9660, 9668, 9674, 9675, 9679, 9688, 9689, 9702, 9786, 9787, 9788, 9792, 9794, 9824, 9827, 9829, 9830, 9834, 9835, 9836, 61441, 61442, 61445, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
+exports.LiberationSansBoldMapping = LiberationSansBoldMapping;
+const LiberationSansBoldItalicWidths = [365, 0, 333, 278, 333, 474, 556, 556, 889, 722, 238, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 333, 333, 584, 584, 584, 611, 975, 722, 722, 722, 722, 667, 611, 778, 722, 278, 556, 722, 611, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 333, 278, 333, 584, 556, 333, 556, 611, 556, 611, 556, 333, 611, 611, 278, 278, 556, 278, 889, 611, 611, 611, 611, 389, 556, 333, 611, 556, 778, 556, 556, 500, 389, 280, 389, 584, 333, 556, 556, 556, 556, 280, 556, 333, 737, 370, 556, 584, 737, 552, 400, 549, 333, 333, 333, 576, 556, 278, 333, 333, 365, 556, 834, 834, 834, 611, 722, 722, 722, 722, 722, 722, 1000, 722, 667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611, 556, 556, 556, 556, 556, 556, 889, 556, 556, 556, 556, 556, 278, 278, 278, 278, 611, 611, 611, 611, 611, 611, 611, 549, 611, 611, 611, 611, 611, 556, 611, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 740, 722, 611, 667, 556, 667, 556, 667, 556, 667, 556, 667, 556, 778, 611, 778, 611, 778, 611, 778, 611, 722, 611, 722, 611, 278, 278, 278, 278, 278, 278, 278, 278, 278, 278, 782, 556, 556, 278, 722, 556, 556, 611, 278, 611, 278, 611, 396, 611, 479, 611, 278, 722, 611, 722, 611, 722, 611, 708, 723, 611, 778, 611, 778, 611, 778, 611, 1000, 944, 722, 389, 722, 389, 722, 389, 667, 556, 667, 556, 667, 556, 667, 556, 611, 333, 611, 479, 611, 333, 722, 611, 722, 611, 722, 611, 722, 611, 722, 611, 722, 611, 944, 778, 667, 556, 667, 611, 500, 611, 500, 611, 500, 278, 556, 722, 556, 1000, 889, 778, 611, 667, 556, 611, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 722, 333, 854, 906, 473, 844, 930, 847, 278, 722, 722, 610, 671, 667, 611, 722, 778, 278, 722, 667, 833, 722, 657, 778, 718, 667, 590, 611, 667, 822, 667, 829, 781, 278, 667, 620, 479, 611, 278, 591, 620, 621, 556, 610, 479, 492, 611, 558, 278, 566, 556, 603, 556, 450, 611, 712, 605, 532, 664, 409, 591, 704, 578, 773, 834, 278, 591, 611, 591, 834, 667, 667, 886, 614, 719, 667, 278, 278, 556, 1094, 1042, 854, 622, 719, 677, 719, 722, 708, 722, 614, 722, 667, 927, 643, 719, 719, 615, 687, 833, 722, 778, 719, 667, 722, 611, 677, 781, 667, 729, 708, 979, 989, 854, 1000, 708, 719, 1042, 729, 556, 619, 604, 534, 618, 556, 736, 510, 611, 611, 507, 622, 740, 604, 611, 611, 611, 556, 889, 556, 885, 556, 646, 583, 889, 935, 707, 854, 594, 552, 865, 589, 556, 556, 611, 469, 563, 556, 278, 278, 278, 969, 906, 611, 507, 619, 556, 611, 778, 611, 575, 467, 944, 778, 944, 778, 944, 778, 667, 556, 333, 333, 556, 1000, 1000, 552, 278, 278, 278, 278, 500, 500, 500, 556, 556, 350, 1000, 1000, 240, 479, 333, 333, 604, 333, 167, 396, 556, 556, 1104, 556, 885, 516, 1146, 1000, 768, 600, 834, 834, 834, 834, 999, 500, 1000, 500, 1000, 500, 500, 494, 612, 823, 713, 584, 549, 713, 979, 722, 274, 549, 549, 583, 549, 549, 604, 584, 604, 604, 708, 625, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 729, 604, 604, 354, 354, 1000, 990, 990, 990, 990, 494, 604, 604, 604, 604, 354, 1021, 1052, 917, 750, 750, 531, 656, 594, 510, 500, 750, 750, 611, 611, 333, 333, 333, 333, 333, 333, 333, 333, 222, 222, 333, 333, 333, 333, 333, 333, 333, 333];
+exports.LiberationSansBoldItalicWidths = LiberationSansBoldItalicWidths;
+const LiberationSansBoldItalicMapping = [-1, -1, -1, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 254, 255, 256, 257, 258, 259, 260, 261, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271, 272, 273, 274, 275, 276, 277, 278, 279, 280, 281, 282, 283, 284, 285, 286, 287, 288, 289, 290, 291, 292, 293, 294, 295, 296, 297, 298, 299, 300, 301, 302, 303, 304, 305, 306, 307, 308, 309, 310, 311, 312, 313, 314, 315, 316, 317, 318, 319, 320, 321, 322, 323, 324, 325, 326, 327, 328, 329, 330, 331, 332, 333, 334, 335, 336, 337, 338, 339, 340, 341, 342, 343, 344, 345, 346, 347, 348, 349, 350, 351, 352, 353, 354, 355, 356, 357, 358, 359, 360, 361, 362, 363, 364, 365, 366, 367, 368, 369, 370, 371, 372, 373, 374, 375, 376, 377, 378, 379, 380, 381, 382, 383, 402, 506, 507, 508, 509, 510, 511, 536, 537, 538, 539, 710, 711, 713, 728, 729, 730, 731, 732, 733, 900, 901, 902, 903, 904, 905, 906, 908, 910, 911, 912, 913, 914, 915, 916, 917, 918, 919, 920, 921, 922, 923, 924, 925, 926, 927, 928, 929, 931, 932, 933, 934, 935, 936, 937, 938, 939, 940, 941, 942, 943, 944, 945, 946, 947, 948, 949, 950, 951, 952, 953, 954, 955, 956, 957, 958, 959, 960, 961, 962, 963, 964, 965, 966, 967, 968, 969, 970, 971, 972, 973, 974, 1024, 1025, 1026, 1027, 1028, 1029, 1030, 1031, 1032, 1033, 1034, 1035, 1036, 1037, 1038, 1039, 1040, 1041, 1042, 1043, 1044, 1045, 1046, 1047, 1048, 1049, 1050, 1051, 1052, 1053, 1054, 1055, 1056, 1057, 1058, 1059, 1060, 1061, 1062, 1063, 1064, 1065, 1066, 1067, 1068, 1069, 1070, 1071, 1072, 1073, 1074, 1075, 1076, 1077, 1078, 1079, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1092, 1093, 1094, 1095, 1096, 1097, 1098, 1099, 1100, 1101, 1102, 1103, 1104, 1105, 1106, 1107, 1108, 1109, 1110, 1111, 1112, 1113, 1114, 1115, 1116, 1117, 1118, 1119, 1138, 1139, 1168, 1169, 7808, 7809, 7810, 7811, 7812, 7813, 7922, 7923, 8208, 8209, 8211, 8212, 8213, 8215, 8216, 8217, 8218, 8219, 8220, 8221, 8222, 8224, 8225, 8226, 8230, 8240, 8242, 8243, 8249, 8250, 8252, 8254, 8260, 8319, 8355, 8356, 8359, 8364, 8453, 8467, 8470, 8482, 8486, 8494, 8539, 8540, 8541, 8542, 8592, 8593, 8594, 8595, 8596, 8597, 8616, 8706, 8710, 8719, 8721, 8722, 8730, 8734, 8735, 8745, 8747, 8776, 8800, 8801, 8804, 8805, 8962, 8976, 8992, 8993, 9472, 9474, 9484, 9488, 9492, 9496, 9500, 9508, 9516, 9524, 9532, 9552, 9553, 9554, 9555, 9556, 9557, 9558, 9559, 9560, 9561, 9562, 9563, 9564, 9565, 9566, 9567, 9568, 9569, 9570, 9571, 9572, 9573, 9574, 9575, 9576, 9577, 9578, 9579, 9580, 9600, 9604, 9608, 9612, 9616, 9617, 9618, 9619, 9632, 9633, 9642, 9643, 9644, 9650, 9658, 9660, 9668, 9674, 9675, 9679, 9688, 9689, 9702, 9786, 9787, 9788, 9792, 9794, 9824, 9827, 9829, 9830, 9834, 9835, 9836, 61441, 61442, 61445, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
+exports.LiberationSansBoldItalicMapping = LiberationSansBoldItalicMapping;
+const LiberationSansItalicWidths = [365, 0, 333, 278, 278, 355, 556, 556, 889, 667, 191, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 278, 278, 584, 584, 584, 556, 1015, 667, 667, 722, 722, 667, 611, 778, 722, 278, 500, 667, 556, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 278, 278, 278, 469, 556, 333, 556, 556, 500, 556, 556, 278, 556, 556, 222, 222, 500, 222, 833, 556, 556, 556, 556, 333, 500, 278, 556, 500, 722, 500, 500, 500, 334, 260, 334, 584, 333, 556, 556, 556, 556, 260, 556, 333, 737, 370, 556, 584, 737, 552, 400, 549, 333, 333, 333, 576, 537, 278, 333, 333, 365, 556, 834, 834, 834, 611, 667, 667, 667, 667, 667, 667, 1000, 722, 667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611, 556, 556, 556, 556, 556, 556, 889, 500, 556, 556, 556, 556, 278, 278, 278, 278, 556, 556, 556, 556, 556, 556, 556, 549, 611, 556, 556, 556, 556, 500, 556, 500, 667, 556, 667, 556, 667, 556, 722, 500, 722, 500, 722, 500, 722, 500, 722, 625, 722, 556, 667, 556, 667, 556, 667, 556, 667, 556, 667, 556, 778, 556, 778, 556, 778, 556, 778, 556, 722, 556, 722, 556, 278, 278, 278, 278, 278, 278, 278, 222, 278, 278, 733, 444, 500, 222, 667, 500, 500, 556, 222, 556, 222, 556, 281, 556, 400, 556, 222, 722, 556, 722, 556, 722, 556, 615, 723, 556, 778, 556, 778, 556, 778, 556, 1000, 944, 722, 333, 722, 333, 722, 333, 667, 500, 667, 500, 667, 500, 667, 500, 611, 278, 611, 354, 611, 278, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 944, 722, 667, 500, 667, 611, 500, 611, 500, 611, 500, 222, 556, 667, 556, 1000, 889, 778, 611, 667, 500, 611, 278, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 667, 278, 789, 846, 389, 794, 865, 775, 222, 667, 667, 570, 671, 667, 611, 722, 778, 278, 667, 667, 833, 722, 648, 778, 725, 667, 600, 611, 667, 837, 667, 831, 761, 278, 667, 570, 439, 555, 222, 550, 570, 571, 500, 556, 439, 463, 555, 542, 222, 500, 492, 548, 500, 447, 556, 670, 573, 486, 603, 374, 550, 652, 546, 728, 779, 222, 550, 556, 550, 779, 667, 667, 843, 544, 708, 667, 278, 278, 500, 1066, 982, 844, 589, 715, 639, 724, 667, 651, 667, 544, 704, 667, 917, 614, 715, 715, 589, 686, 833, 722, 778, 725, 667, 722, 611, 639, 795, 667, 727, 673, 920, 923, 805, 886, 651, 694, 1022, 682, 556, 562, 522, 493, 553, 556, 688, 465, 556, 556, 472, 564, 686, 550, 556, 556, 556, 500, 833, 500, 835, 500, 572, 518, 830, 851, 621, 736, 526, 492, 752, 534, 556, 556, 556, 378, 496, 500, 222, 222, 222, 910, 828, 556, 472, 565, 500, 556, 778, 556, 492, 339, 944, 722, 944, 722, 944, 722, 667, 500, 333, 333, 556, 1000, 1000, 552, 222, 222, 222, 222, 333, 333, 333, 556, 556, 350, 1000, 1000, 188, 354, 333, 333, 500, 333, 167, 365, 556, 556, 1094, 556, 885, 323, 1083, 1000, 768, 600, 834, 834, 834, 834, 1000, 500, 998, 500, 1000, 500, 500, 494, 612, 823, 713, 584, 549, 713, 979, 719, 274, 549, 549, 584, 549, 549, 604, 584, 604, 604, 708, 625, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 729, 604, 604, 354, 354, 1000, 990, 990, 990, 990, 494, 604, 604, 604, 604, 354, 1021, 1052, 917, 750, 750, 531, 656, 594, 510, 500, 750, 750, 500, 500, 333, 333, 333, 333, 333, 333, 333, 333, 222, 222, 294, 294, 324, 324, 316, 328, 398, 285];
+exports.LiberationSansItalicWidths = LiberationSansItalicWidths;
+const LiberationSansItalicMapping = [-1, -1, -1, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 254, 255, 256, 257, 258, 259, 260, 261, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271, 272, 273, 274, 275, 276, 277, 278, 279, 280, 281, 282, 283, 284, 285, 286, 287, 288, 289, 290, 291, 292, 293, 294, 295, 296, 297, 298, 299, 300, 301, 302, 303, 304, 305, 306, 307, 308, 309, 310, 311, 312, 313, 314, 315, 316, 317, 318, 319, 320, 321, 322, 323, 324, 325, 326, 327, 328, 329, 330, 331, 332, 333, 334, 335, 336, 337, 338, 339, 340, 341, 342, 343, 344, 345, 346, 347, 348, 349, 350, 351, 352, 353, 354, 355, 356, 357, 358, 359, 360, 361, 362, 363, 364, 365, 366, 367, 368, 369, 370, 371, 372, 373, 374, 375, 376, 377, 378, 379, 380, 381, 382, 383, 402, 506, 507, 508, 509, 510, 511, 536, 537, 538, 539, 710, 711, 713, 728, 729, 730, 731, 732, 733, 900, 901, 902, 903, 904, 905, 906, 908, 910, 911, 912, 913, 914, 915, 916, 917, 918, 919, 920, 921, 922, 923, 924, 925, 926, 927, 928, 929, 931, 932, 933, 934, 935, 936, 937, 938, 939, 940, 941, 942, 943, 944, 945, 946, 947, 948, 949, 950, 951, 952, 953, 954, 955, 956, 957, 958, 959, 960, 961, 962, 963, 964, 965, 966, 967, 968, 969, 970, 971, 972, 973, 974, 1024, 1025, 1026, 1027, 1028, 1029, 1030, 1031, 1032, 1033, 1034, 1035, 1036, 1037, 1038, 1039, 1040, 1041, 1042, 1043, 1044, 1045, 1046, 1047, 1048, 1049, 1050, 1051, 1052, 1053, 1054, 1055, 1056, 1057, 1058, 1059, 1060, 1061, 1062, 1063, 1064, 1065, 1066, 1067, 1068, 1069, 1070, 1071, 1072, 1073, 1074, 1075, 1076, 1077, 1078, 1079, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1092, 1093, 1094, 1095, 1096, 1097, 1098, 1099, 1100, 1101, 1102, 1103, 1104, 1105, 1106, 1107, 1108, 1109, 1110, 1111, 1112, 1113, 1114, 1115, 1116, 1117, 1118, 1119, 1138, 1139, 1168, 1169, 7808, 7809, 7810, 7811, 7812, 7813, 7922, 7923, 8208, 8209, 8211, 8212, 8213, 8215, 8216, 8217, 8218, 8219, 8220, 8221, 8222, 8224, 8225, 8226, 8230, 8240, 8242, 8243, 8249, 8250, 8252, 8254, 8260, 8319, 8355, 8356, 8359, 8364, 8453, 8467, 8470, 8482, 8486, 8494, 8539, 8540, 8541, 8542, 8592, 8593, 8594, 8595, 8596, 8597, 8616, 8706, 8710, 8719, 8721, 8722, 8730, 8734, 8735, 8745, 8747, 8776, 8800, 8801, 8804, 8805, 8962, 8976, 8992, 8993, 9472, 9474, 9484, 9488, 9492, 9496, 9500, 9508, 9516, 9524, 9532, 9552, 9553, 9554, 9555, 9556, 9557, 9558, 9559, 9560, 9561, 9562, 9563, 9564, 9565, 9566, 9567, 9568, 9569, 9570, 9571, 9572, 9573, 9574, 9575, 9576, 9577, 9578, 9579, 9580, 9600, 9604, 9608, 9612, 9616, 9617, 9618, 9619, 9632, 9633, 9642, 9643, 9644, 9650, 9658, 9660, 9668, 9674, 9675, 9679, 9688, 9689, 9702, 9786, 9787, 9788, 9792, 9794, 9824, 9827, 9829, 9830, 9834, 9835, 9836, 61441, 61442, 61445, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
+exports.LiberationSansItalicMapping = LiberationSansItalicMapping;
+const LiberationSansRegularWidths = [365, 0, 333, 278, 278, 355, 556, 556, 889, 667, 191, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 278, 278, 584, 584, 584, 556, 1015, 667, 667, 722, 722, 667, 611, 778, 722, 278, 500, 667, 556, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 278, 278, 278, 469, 556, 333, 556, 556, 500, 556, 556, 278, 556, 556, 222, 222, 500, 222, 833, 556, 556, 556, 556, 333, 500, 278, 556, 500, 722, 500, 500, 500, 334, 260, 334, 584, 333, 556, 556, 556, 556, 260, 556, 333, 737, 370, 556, 584, 737, 552, 400, 549, 333, 333, 333, 576, 537, 278, 333, 333, 365, 556, 834, 834, 834, 611, 667, 667, 667, 667, 667, 667, 1000, 722, 667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611, 556, 556, 556, 556, 556, 556, 889, 500, 556, 556, 556, 556, 278, 278, 278, 278, 556, 556, 556, 556, 556, 556, 556, 549, 611, 556, 556, 556, 556, 500, 556, 500, 667, 556, 667, 556, 667, 556, 722, 500, 722, 500, 722, 500, 722, 500, 722, 615, 722, 556, 667, 556, 667, 556, 667, 556, 667, 556, 667, 556, 778, 556, 778, 556, 778, 556, 778, 556, 722, 556, 722, 556, 278, 278, 278, 278, 278, 278, 278, 222, 278, 278, 735, 444, 500, 222, 667, 500, 500, 556, 222, 556, 222, 556, 292, 556, 334, 556, 222, 722, 556, 722, 556, 722, 556, 604, 723, 556, 778, 556, 778, 556, 778, 556, 1000, 944, 722, 333, 722, 333, 722, 333, 667, 500, 667, 500, 667, 500, 667, 500, 611, 278, 611, 375, 611, 278, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 722, 556, 944, 722, 667, 500, 667, 611, 500, 611, 500, 611, 500, 222, 556, 667, 556, 1000, 889, 778, 611, 667, 500, 611, 278, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 333, 667, 278, 784, 838, 384, 774, 855, 752, 222, 667, 667, 551, 668, 667, 611, 722, 778, 278, 667, 668, 833, 722, 650, 778, 722, 667, 618, 611, 667, 798, 667, 835, 748, 278, 667, 578, 446, 556, 222, 547, 578, 575, 500, 557, 446, 441, 556, 556, 222, 500, 500, 576, 500, 448, 556, 690, 569, 482, 617, 395, 547, 648, 525, 713, 781, 222, 547, 556, 547, 781, 667, 667, 865, 542, 719, 667, 278, 278, 500, 1057, 1010, 854, 583, 722, 635, 719, 667, 656, 667, 542, 677, 667, 923, 604, 719, 719, 583, 656, 833, 722, 778, 719, 667, 722, 611, 635, 760, 667, 740, 667, 917, 938, 792, 885, 656, 719, 1010, 722, 556, 573, 531, 365, 583, 556, 669, 458, 559, 559, 438, 583, 688, 552, 556, 542, 556, 500, 458, 500, 823, 500, 573, 521, 802, 823, 625, 719, 521, 510, 750, 542, 556, 556, 556, 365, 510, 500, 222, 278, 222, 906, 812, 556, 438, 559, 500, 552, 778, 556, 489, 411, 944, 722, 944, 722, 944, 722, 667, 500, 333, 333, 556, 1000, 1000, 552, 222, 222, 222, 222, 333, 333, 333, 556, 556, 350, 1000, 1000, 188, 354, 333, 333, 500, 333, 167, 365, 556, 556, 1094, 556, 885, 323, 1073, 1000, 768, 600, 834, 834, 834, 834, 1000, 500, 1000, 500, 1000, 500, 500, 494, 612, 823, 713, 584, 549, 713, 979, 719, 274, 549, 549, 583, 549, 549, 604, 584, 604, 604, 708, 625, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 708, 729, 604, 604, 354, 354, 1000, 990, 990, 990, 990, 494, 604, 604, 604, 604, 354, 1021, 1052, 917, 750, 750, 531, 656, 594, 510, 500, 750, 750, 500, 500, 333, 333, 333, 333, 333, 333, 333, 333, 222, 222, 294, 294, 324, 324, 316, 328, 398, 285];
+exports.LiberationSansRegularWidths = LiberationSansRegularWidths;
+const LiberationSansRegularMapping = [-1, -1, -1, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 254, 255, 256, 257, 258, 259, 260, 261, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271, 272, 273, 274, 275, 276, 277, 278, 279, 280, 281, 282, 283, 284, 285, 286, 287, 288, 289, 290, 291, 292, 293, 294, 295, 296, 297, 298, 299, 300, 301, 302, 303, 304, 305, 306, 307, 308, 309, 310, 311, 312, 313, 314, 315, 316, 317, 318, 319, 320, 321, 322, 323, 324, 325, 326, 327, 328, 329, 330, 331, 332, 333, 334, 335, 336, 337, 338, 339, 340, 341, 342, 343, 344, 345, 346, 347, 348, 349, 350, 351, 352, 353, 354, 355, 356, 357, 358, 359, 360, 361, 362, 363, 364, 365, 366, 367, 368, 369, 370, 371, 372, 373, 374, 375, 376, 377, 378, 379, 380, 381, 382, 383, 402, 506, 507, 508, 509, 510, 511, 536, 537, 538, 539, 710, 711, 713, 728, 729, 730, 731, 732, 733, 900, 901, 902, 903, 904, 905, 906, 908, 910, 911, 912, 913, 914, 915, 916, 917, 918, 919, 920, 921, 922, 923, 924, 925, 926, 927, 928, 929, 931, 932, 933, 934, 935, 936, 937, 938, 939, 940, 941, 942, 943, 944, 945, 946, 947, 948, 949, 950, 951, 952, 953, 954, 955, 956, 957, 958, 959, 960, 961, 962, 963, 964, 965, 966, 967, 968, 969, 970, 971, 972, 973, 974, 1024, 1025, 1026, 1027, 1028, 1029, 1030, 1031, 1032, 1033, 1034, 1035, 1036, 1037, 1038, 1039, 1040, 1041, 1042, 1043, 1044, 1045, 1046, 1047, 1048, 1049, 1050, 1051, 1052, 1053, 1054, 1055, 1056, 1057, 1058, 1059, 1060, 1061, 1062, 1063, 1064, 1065, 1066, 1067, 1068, 1069, 1070, 1071, 1072, 1073, 1074, 1075, 1076, 1077, 1078, 1079, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1092, 1093, 1094, 1095, 1096, 1097, 1098, 1099, 1100, 1101, 1102, 1103, 1104, 1105, 1106, 1107, 1108, 1109, 1110, 1111, 1112, 1113, 1114, 1115, 1116, 1117, 1118, 1119, 1138, 1139, 1168, 1169, 7808, 7809, 7810, 7811, 7812, 7813, 7922, 7923, 8208, 8209, 8211, 8212, 8213, 8215, 8216, 8217, 8218, 8219, 8220, 8221, 8222, 8224, 8225, 8226, 8230, 8240, 8242, 8243, 8249, 8250, 8252, 8254, 8260, 8319, 8355, 8356, 8359, 8364, 8453, 8467, 8470, 8482, 8486, 8494, 8539, 8540, 8541, 8542, 8592, 8593, 8594, 8595, 8596, 8597, 8616, 8706, 8710, 8719, 8721, 8722, 8730, 8734, 8735, 8745, 8747, 8776, 8800, 8801, 8804, 8805, 8962, 8976, 8992, 8993, 9472, 9474, 9484, 9488, 9492, 9496, 9500, 9508, 9516, 9524, 9532, 9552, 9553, 9554, 9555, 9556, 9557, 9558, 9559, 9560, 9561, 9562, 9563, 9564, 9565, 9566, 9567, 9568, 9569, 9570, 9571, 9572, 9573, 9574, 9575, 9576, 9577, 9578, 9579, 9580, 9600, 9604, 9608, 9612, 9616, 9617, 9618, 9619, 9632, 9633, 9642, 9643, 9644, 9650, 9658, 9660, 9668, 9674, 9675, 9679, 9688, 9689, 9702, 9786, 9787, 9788, 9792, 9794, 9824, 9827, 9829, 9830, 9834, 9835, 9836, 61441, 61442, 61445, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
+exports.LiberationSansRegularMapping = LiberationSansRegularMapping;
+
+/***/ }),
+/* 55 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.MyriadProRegularMetrics = exports.MyriadProRegularFactors = exports.MyriadProItalicMetrics = exports.MyriadProItalicFactors = exports.MyriadProBoldMetrics = exports.MyriadProBoldItalicMetrics = exports.MyriadProBoldItalicFactors = exports.MyriadProBoldFactors = void 0;
+const MyriadProBoldFactors = [1.36898, 1, 1, 0.72706, 0.80479, 0.83734, 0.98894, 0.99793, 0.9897, 0.93884, 0.86209, 0.94292, 0.94292, 1.16661, 1.02058, 0.93582, 0.96694, 0.93582, 1.19137, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.99793, 0.78076, 0.78076, 1.02058, 1.02058, 1.02058, 0.72851, 0.78966, 0.90838, 0.83637, 0.82391, 0.96376, 0.80061, 0.86275, 0.8768, 0.95407, 1.0258, 0.73901, 0.85022, 0.83655, 1.0156, 0.95546, 0.92179, 0.87107, 0.92179, 0.82114, 0.8096, 0.89713, 0.94438, 0.95353, 0.94083, 0.91905, 0.90406, 0.9446, 0.94292, 1.18777, 0.94292, 1.02058, 0.89903, 0.90088, 0.94938, 0.97898, 0.81093, 0.97571, 0.94938, 1.024, 0.9577, 0.95933, 0.98621, 1.0474, 0.97455, 0.98981, 0.9672, 0.95933, 0.9446, 0.97898, 0.97407, 0.97646, 0.78036, 1.10208, 0.95442, 0.95298, 0.97579, 0.9332, 0.94039, 0.938, 0.80687, 1.01149, 0.80687, 1.02058, 0.80479, 0.99793, 0.99793, 0.99793, 0.99793, 1.01149, 1.00872, 0.90088, 0.91882, 1.0213, 0.8361, 1.02058, 0.62295, 0.54324, 0.89022, 1.08595, 1, 1, 0.90088, 1, 0.97455, 0.93582, 0.90088, 1, 1.05686, 0.8361, 0.99642, 0.99642, 0.99642, 0.72851, 0.90838, 0.90838, 0.90838, 0.90838, 0.90838, 0.90838, 0.868, 0.82391, 0.80061, 0.80061, 0.80061, 0.80061, 1.0258, 1.0258, 1.0258, 1.0258, 0.97484, 0.95546, 0.92179, 0.92179, 0.92179, 0.92179, 0.92179, 1.02058, 0.92179, 0.94438, 0.94438, 0.94438, 0.94438, 0.90406, 0.86958, 0.98225, 0.94938, 0.94938, 0.94938, 0.94938, 0.94938, 0.94938, 0.9031, 0.81093, 0.94938, 0.94938, 0.94938, 0.94938, 0.98621, 0.98621, 0.98621, 0.98621, 0.93969, 0.95933, 0.9446, 0.9446, 0.9446, 0.9446, 0.9446, 1.08595, 0.9446, 0.95442, 0.95442, 0.95442, 0.95442, 0.94039, 0.97898, 0.94039, 0.90838, 0.94938, 0.90838, 0.94938, 0.90838, 0.94938, 0.82391, 0.81093, 0.82391, 0.81093, 0.82391, 0.81093, 0.82391, 0.81093, 0.96376, 0.84313, 0.97484, 0.97571, 0.80061, 0.94938, 0.80061, 0.94938, 0.80061, 0.94938, 0.80061, 0.94938, 0.80061, 0.94938, 0.8768, 0.9577, 0.8768, 0.9577, 0.8768, 0.9577, 1, 1, 0.95407, 0.95933, 0.97069, 0.95933, 1.0258, 0.98621, 1.0258, 0.98621, 1.0258, 0.98621, 1.0258, 0.98621, 1.0258, 0.98621, 0.887, 1.01591, 0.73901, 1.0474, 1, 1, 0.97455, 0.83655, 0.98981, 1, 1, 0.83655, 0.73977, 0.83655, 0.73903, 0.84638, 1.033, 0.95546, 0.95933, 1, 1, 0.95546, 0.95933, 0.8271, 0.95417, 0.95933, 0.92179, 0.9446, 0.92179, 0.9446, 0.92179, 0.9446, 0.936, 0.91964, 0.82114, 0.97646, 1, 1, 0.82114, 0.97646, 0.8096, 0.78036, 0.8096, 0.78036, 1, 1, 0.8096, 0.78036, 1, 1, 0.89713, 0.77452, 0.89713, 1.10208, 0.94438, 0.95442, 0.94438, 0.95442, 0.94438, 0.95442, 0.94438, 0.95442, 0.94438, 0.95442, 0.94438, 0.95442, 0.94083, 0.97579, 0.90406, 0.94039, 0.90406, 0.9446, 0.938, 0.9446, 0.938, 0.9446, 0.938, 1, 0.99793, 0.90838, 0.94938, 0.868, 0.9031, 0.92179, 0.9446, 1, 1, 0.89713, 1.10208, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90989, 0.9358, 0.91945, 0.83181, 0.75261, 0.87992, 0.82976, 0.96034, 0.83689, 0.97268, 1.0078, 0.90838, 0.83637, 0.8019, 0.90157, 0.80061, 0.9446, 0.95407, 0.92436, 1.0258, 0.85022, 0.97153, 1.0156, 0.95546, 0.89192, 0.92179, 0.92361, 0.87107, 0.96318, 0.89713, 0.93704, 0.95638, 0.91905, 0.91709, 0.92796, 1.0258, 0.93704, 0.94836, 1.0373, 0.95933, 1.0078, 0.95871, 0.94836, 0.96174, 0.92601, 0.9498, 0.98607, 0.95776, 0.95933, 1.05453, 1.0078, 0.98275, 0.9314, 0.95617, 0.91701, 1.05993, 0.9446, 0.78367, 0.9553, 1, 0.86832, 1.0128, 0.95871, 0.99394, 0.87548, 0.96361, 0.86774, 1.0078, 0.95871, 0.9446, 0.95871, 0.86774, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.94083, 0.97579, 0.94083, 0.97579, 0.94083, 0.97579, 0.90406, 0.94039, 0.96694, 1, 0.89903, 1, 1, 1, 0.93582, 0.93582, 0.93582, 1, 0.908, 0.908, 0.918, 0.94219, 0.94219, 0.96544, 1, 1.285, 1, 1, 0.81079, 0.81079, 1, 1, 0.74854, 1, 1, 1, 1, 0.99793, 1, 1, 1, 0.65, 1, 1.36145, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.17173, 1, 0.80535, 0.76169, 1.02058, 1.0732, 1.05486, 1, 1, 1.30692, 1.08595, 1.08595, 1, 1.08595, 1.08595, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.16161, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.MyriadProBoldFactors = MyriadProBoldFactors;
+const MyriadProBoldMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.MyriadProBoldMetrics = MyriadProBoldMetrics;
+const MyriadProBoldItalicFactors = [1.36898, 1, 1, 0.66227, 0.80779, 0.81625, 0.97276, 0.97276, 0.97733, 0.92222, 0.83266, 0.94292, 0.94292, 1.16148, 1.02058, 0.93582, 0.96694, 0.93582, 1.17337, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.97276, 0.78076, 0.78076, 1.02058, 1.02058, 1.02058, 0.71541, 0.76813, 0.85576, 0.80591, 0.80729, 0.94299, 0.77512, 0.83655, 0.86523, 0.92222, 0.98621, 0.71743, 0.81698, 0.79726, 0.98558, 0.92222, 0.90637, 0.83809, 0.90637, 0.80729, 0.76463, 0.86275, 0.90699, 0.91605, 0.9154, 0.85308, 0.85458, 0.90531, 0.94292, 1.21296, 0.94292, 1.02058, 0.89903, 1.18616, 0.99613, 0.91677, 0.78216, 0.91677, 0.90083, 0.98796, 0.9135, 0.92168, 0.95381, 0.98981, 0.95298, 0.95381, 0.93459, 0.92168, 0.91513, 0.92004, 0.91677, 0.95077, 0.748, 1.04502, 0.91677, 0.92061, 0.94236, 0.89544, 0.89364, 0.9, 0.80687, 0.8578, 0.80687, 1.02058, 0.80779, 0.97276, 0.97276, 0.97276, 0.97276, 0.8578, 0.99973, 1.18616, 0.91339, 1.08074, 0.82891, 1.02058, 0.55509, 0.71526, 0.89022, 1.08595, 1, 1, 1.18616, 1, 0.96736, 0.93582, 1.18616, 1, 1.04864, 0.82711, 0.99043, 0.99043, 0.99043, 0.71541, 0.85576, 0.85576, 0.85576, 0.85576, 0.85576, 0.85576, 0.845, 0.80729, 0.77512, 0.77512, 0.77512, 0.77512, 0.98621, 0.98621, 0.98621, 0.98621, 0.95961, 0.92222, 0.90637, 0.90637, 0.90637, 0.90637, 0.90637, 1.02058, 0.90251, 0.90699, 0.90699, 0.90699, 0.90699, 0.85458, 0.83659, 0.94951, 0.99613, 0.99613, 0.99613, 0.99613, 0.99613, 0.99613, 0.85811, 0.78216, 0.90083, 0.90083, 0.90083, 0.90083, 0.95381, 0.95381, 0.95381, 0.95381, 0.9135, 0.92168, 0.91513, 0.91513, 0.91513, 0.91513, 0.91513, 1.08595, 0.91677, 0.91677, 0.91677, 0.91677, 0.91677, 0.89364, 0.92332, 0.89364, 0.85576, 0.99613, 0.85576, 0.99613, 0.85576, 0.99613, 0.80729, 0.78216, 0.80729, 0.78216, 0.80729, 0.78216, 0.80729, 0.78216, 0.94299, 0.76783, 0.95961, 0.91677, 0.77512, 0.90083, 0.77512, 0.90083, 0.77512, 0.90083, 0.77512, 0.90083, 0.77512, 0.90083, 0.86523, 0.9135, 0.86523, 0.9135, 0.86523, 0.9135, 1, 1, 0.92222, 0.92168, 0.92222, 0.92168, 0.98621, 0.95381, 0.98621, 0.95381, 0.98621, 0.95381, 0.98621, 0.95381, 0.98621, 0.95381, 0.86036, 0.97096, 0.71743, 0.98981, 1, 1, 0.95298, 0.79726, 0.95381, 1, 1, 0.79726, 0.6894, 0.79726, 0.74321, 0.81691, 1.0006, 0.92222, 0.92168, 1, 1, 0.92222, 0.92168, 0.79464, 0.92098, 0.92168, 0.90637, 0.91513, 0.90637, 0.91513, 0.90637, 0.91513, 0.909, 0.87514, 0.80729, 0.95077, 1, 1, 0.80729, 0.95077, 0.76463, 0.748, 0.76463, 0.748, 1, 1, 0.76463, 0.748, 1, 1, 0.86275, 0.72651, 0.86275, 1.04502, 0.90699, 0.91677, 0.90699, 0.91677, 0.90699, 0.91677, 0.90699, 0.91677, 0.90699, 0.91677, 0.90699, 0.91677, 0.9154, 0.94236, 0.85458, 0.89364, 0.85458, 0.90531, 0.9, 0.90531, 0.9, 0.90531, 0.9, 1, 0.97276, 0.85576, 0.99613, 0.845, 0.85811, 0.90251, 0.91677, 1, 1, 0.86275, 1.04502, 1.18616, 1.18616, 1.18616, 1.18616, 1.18616, 1.18616, 1.18616, 1.18616, 1.18616, 1.00899, 1.30628, 0.85576, 0.80178, 0.66862, 0.7927, 0.69323, 0.88127, 0.72459, 0.89711, 0.95381, 0.85576, 0.80591, 0.7805, 0.94729, 0.77512, 0.90531, 0.92222, 0.90637, 0.98621, 0.81698, 0.92655, 0.98558, 0.92222, 0.85359, 0.90637, 0.90976, 0.83809, 0.94523, 0.86275, 0.83509, 0.93157, 0.85308, 0.83392, 0.92346, 0.98621, 0.83509, 0.92886, 0.91324, 0.92168, 0.95381, 0.90646, 0.92886, 0.90557, 0.86847, 0.90276, 0.91324, 0.86842, 0.92168, 0.99531, 0.95381, 0.9224, 0.85408, 0.92699, 0.86847, 1.0051, 0.91513, 0.80487, 0.93481, 1, 0.88159, 1.05214, 0.90646, 0.97355, 0.81539, 0.89398, 0.85923, 0.95381, 0.90646, 0.91513, 0.90646, 0.85923, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.9154, 0.94236, 0.9154, 0.94236, 0.9154, 0.94236, 0.85458, 0.89364, 0.96694, 1, 0.89903, 1, 1, 1, 0.91782, 0.91782, 0.91782, 1, 0.896, 0.896, 0.896, 0.9332, 0.9332, 0.95973, 1, 1.26, 1, 1, 0.80479, 0.80178, 1, 1, 0.85633, 1, 1, 1, 1, 0.97276, 1, 1, 1, 0.698, 1, 1.36145, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.14542, 1, 0.79199, 0.78694, 1.02058, 1.03493, 1.05486, 1, 1, 1.23026, 1.08595, 1.08595, 1, 1.08595, 1.08595, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.20006, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.MyriadProBoldItalicFactors = MyriadProBoldItalicFactors;
+const MyriadProBoldItalicMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.MyriadProBoldItalicMetrics = MyriadProBoldItalicMetrics;
+const MyriadProItalicFactors = [1.36898, 1, 1, 0.65507, 0.84943, 0.85639, 0.88465, 0.88465, 0.86936, 0.88307, 0.86948, 0.85283, 0.85283, 1.06383, 1.02058, 0.75945, 0.9219, 0.75945, 1.17337, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.88465, 0.75945, 0.75945, 1.02058, 1.02058, 1.02058, 0.69046, 0.70926, 0.85158, 0.77812, 0.76852, 0.89591, 0.70466, 0.76125, 0.80094, 0.86822, 0.83864, 0.728, 0.77212, 0.79475, 0.93637, 0.87514, 0.8588, 0.76013, 0.8588, 0.72421, 0.69866, 0.77598, 0.85991, 0.80811, 0.87832, 0.78112, 0.77512, 0.8562, 1.0222, 1.18417, 1.0222, 1.27014, 0.89903, 1.15012, 0.93859, 0.94399, 0.846, 0.94399, 0.81453, 1.0186, 0.94219, 0.96017, 1.03075, 1.02175, 0.912, 1.03075, 0.96998, 0.96017, 0.93859, 0.94399, 0.94399, 0.95493, 0.746, 1.12658, 0.94578, 0.91, 0.979, 0.882, 0.882, 0.83, 0.85034, 0.83537, 0.85034, 1.02058, 0.70869, 0.88465, 0.88465, 0.88465, 0.88465, 0.83537, 0.90083, 1.15012, 0.9161, 0.94565, 0.73541, 1.02058, 0.53609, 0.69353, 0.79519, 1.08595, 1, 1, 1.15012, 1, 0.91974, 0.75945, 1.15012, 1, 0.9446, 0.73361, 0.9005, 0.9005, 0.9005, 0.62864, 0.85158, 0.85158, 0.85158, 0.85158, 0.85158, 0.85158, 0.773, 0.76852, 0.70466, 0.70466, 0.70466, 0.70466, 0.83864, 0.83864, 0.83864, 0.83864, 0.90561, 0.87514, 0.8588, 0.8588, 0.8588, 0.8588, 0.8588, 1.02058, 0.85751, 0.85991, 0.85991, 0.85991, 0.85991, 0.77512, 0.76013, 0.88075, 0.93859, 0.93859, 0.93859, 0.93859, 0.93859, 0.93859, 0.8075, 0.846, 0.81453, 0.81453, 0.81453, 0.81453, 0.82424, 0.82424, 0.82424, 0.82424, 0.9278, 0.96017, 0.93859, 0.93859, 0.93859, 0.93859, 0.93859, 1.08595, 0.8562, 0.94578, 0.94578, 0.94578, 0.94578, 0.882, 0.94578, 0.882, 0.85158, 0.93859, 0.85158, 0.93859, 0.85158, 0.93859, 0.76852, 0.846, 0.76852, 0.846, 0.76852, 0.846, 0.76852, 0.846, 0.89591, 0.8544, 0.90561, 0.94399, 0.70466, 0.81453, 0.70466, 0.81453, 0.70466, 0.81453, 0.70466, 0.81453, 0.70466, 0.81453, 0.80094, 0.94219, 0.80094, 0.94219, 0.80094, 0.94219, 1, 1, 0.86822, 0.96017, 0.86822, 0.96017, 0.83864, 0.82424, 0.83864, 0.82424, 0.83864, 0.82424, 0.83864, 1.03075, 0.83864, 0.82424, 0.81402, 1.02738, 0.728, 1.02175, 1, 1, 0.912, 0.79475, 1.03075, 1, 1, 0.79475, 0.83911, 0.79475, 0.66266, 0.80553, 1.06676, 0.87514, 0.96017, 1, 1, 0.87514, 0.96017, 0.86865, 0.87396, 0.96017, 0.8588, 0.93859, 0.8588, 0.93859, 0.8588, 0.93859, 0.867, 0.84759, 0.72421, 0.95493, 1, 1, 0.72421, 0.95493, 0.69866, 0.746, 0.69866, 0.746, 1, 1, 0.69866, 0.746, 1, 1, 0.77598, 0.88417, 0.77598, 1.12658, 0.85991, 0.94578, 0.85991, 0.94578, 0.85991, 0.94578, 0.85991, 0.94578, 0.85991, 0.94578, 0.85991, 0.94578, 0.87832, 0.979, 0.77512, 0.882, 0.77512, 0.8562, 0.83, 0.8562, 0.83, 0.8562, 0.83, 1, 0.88465, 0.85158, 0.93859, 0.773, 0.8075, 0.85751, 0.8562, 1, 1, 0.77598, 1.12658, 1.15012, 1.15012, 1.15012, 1.15012, 1.15012, 1.15313, 1.15012, 1.15012, 1.15012, 1.08106, 1.03901, 0.85158, 0.77025, 0.62264, 0.7646, 0.65351, 0.86026, 0.69461, 0.89947, 1.03075, 0.85158, 0.77812, 0.76449, 0.88836, 0.70466, 0.8562, 0.86822, 0.8588, 0.83864, 0.77212, 0.85308, 0.93637, 0.87514, 0.82352, 0.8588, 0.85701, 0.76013, 0.89058, 0.77598, 0.8156, 0.82565, 0.78112, 0.77899, 0.89386, 0.83864, 0.8156, 0.9486, 0.92388, 0.96186, 1.03075, 0.91123, 0.9486, 0.93298, 0.878, 0.93942, 0.92388, 0.84596, 0.96186, 0.95119, 1.03075, 0.922, 0.88787, 0.95829, 0.88, 0.93559, 0.93859, 0.78815, 0.93758, 1, 0.89217, 1.03737, 0.91123, 0.93969, 0.77487, 0.85769, 0.86799, 1.03075, 0.91123, 0.93859, 0.91123, 0.86799, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.87832, 0.979, 0.87832, 0.979, 0.87832, 0.979, 0.77512, 0.882, 0.9219, 1, 0.89903, 1, 1, 1, 0.87321, 0.87321, 0.87321, 1, 1.027, 1.027, 1.027, 0.86847, 0.86847, 0.79121, 1, 1.124, 1, 1, 0.73572, 0.73572, 1, 1, 0.85034, 1, 1, 1, 1, 0.88465, 1, 1, 1, 0.669, 1, 1.36145, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.04828, 1, 0.74948, 0.75187, 1.02058, 0.98391, 1.02119, 1, 1, 1.06233, 1.08595, 1.08595, 1, 1.08595, 1.08595, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.05233, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.MyriadProItalicFactors = MyriadProItalicFactors;
+const MyriadProItalicMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.MyriadProItalicMetrics = MyriadProItalicMetrics;
+const MyriadProRegularFactors = [1.36898, 1, 1, 0.76305, 0.82784, 0.94935, 0.89364, 0.92241, 0.89073, 0.90706, 0.98472, 0.85283, 0.85283, 1.0664, 1.02058, 0.74505, 0.9219, 0.74505, 1.23456, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.92241, 0.74505, 0.74505, 1.02058, 1.02058, 1.02058, 0.73002, 0.72601, 0.91755, 0.8126, 0.80314, 0.92222, 0.73764, 0.79726, 0.83051, 0.90284, 0.86023, 0.74, 0.8126, 0.84869, 0.96518, 0.91115, 0.8858, 0.79761, 0.8858, 0.74498, 0.73914, 0.81363, 0.89591, 0.83659, 0.89633, 0.85608, 0.8111, 0.90531, 1.0222, 1.22736, 1.0222, 1.27014, 0.89903, 0.90088, 0.86667, 1.0231, 0.896, 1.01411, 0.90083, 1.05099, 1.00512, 0.99793, 1.05326, 1.09377, 0.938, 1.06226, 1.00119, 0.99793, 0.98714, 1.0231, 1.01231, 0.98196, 0.792, 1.19137, 0.99074, 0.962, 1.01915, 0.926, 0.942, 0.856, 0.85034, 0.92006, 0.85034, 1.02058, 0.69067, 0.92241, 0.92241, 0.92241, 0.92241, 0.92006, 0.9332, 0.90088, 0.91882, 0.93484, 0.75339, 1.02058, 0.56866, 0.54324, 0.79519, 1.08595, 1, 1, 0.90088, 1, 0.95325, 0.74505, 0.90088, 1, 0.97198, 0.75339, 0.91009, 0.91009, 0.91009, 0.66466, 0.91755, 0.91755, 0.91755, 0.91755, 0.91755, 0.91755, 0.788, 0.80314, 0.73764, 0.73764, 0.73764, 0.73764, 0.86023, 0.86023, 0.86023, 0.86023, 0.92915, 0.91115, 0.8858, 0.8858, 0.8858, 0.8858, 0.8858, 1.02058, 0.8858, 0.89591, 0.89591, 0.89591, 0.89591, 0.8111, 0.79611, 0.89713, 0.86667, 0.86667, 0.86667, 0.86667, 0.86667, 0.86667, 0.86936, 0.896, 0.90083, 0.90083, 0.90083, 0.90083, 0.84224, 0.84224, 0.84224, 0.84224, 0.97276, 0.99793, 0.98714, 0.98714, 0.98714, 0.98714, 0.98714, 1.08595, 0.89876, 0.99074, 0.99074, 0.99074, 0.99074, 0.942, 1.0231, 0.942, 0.91755, 0.86667, 0.91755, 0.86667, 0.91755, 0.86667, 0.80314, 0.896, 0.80314, 0.896, 0.80314, 0.896, 0.80314, 0.896, 0.92222, 0.93372, 0.92915, 1.01411, 0.73764, 0.90083, 0.73764, 0.90083, 0.73764, 0.90083, 0.73764, 0.90083, 0.73764, 0.90083, 0.83051, 1.00512, 0.83051, 1.00512, 0.83051, 1.00512, 1, 1, 0.90284, 0.99793, 0.90976, 0.99793, 0.86023, 0.84224, 0.86023, 0.84224, 0.86023, 0.84224, 0.86023, 1.05326, 0.86023, 0.84224, 0.82873, 1.07469, 0.74, 1.09377, 1, 1, 0.938, 0.84869, 1.06226, 1, 1, 0.84869, 0.83704, 0.84869, 0.81441, 0.85588, 1.08927, 0.91115, 0.99793, 1, 1, 0.91115, 0.99793, 0.91887, 0.90991, 0.99793, 0.8858, 0.98714, 0.8858, 0.98714, 0.8858, 0.98714, 0.894, 0.91434, 0.74498, 0.98196, 1, 1, 0.74498, 0.98196, 0.73914, 0.792, 0.73914, 0.792, 1, 1, 0.73914, 0.792, 1, 1, 0.81363, 0.904, 0.81363, 1.19137, 0.89591, 0.99074, 0.89591, 0.99074, 0.89591, 0.99074, 0.89591, 0.99074, 0.89591, 0.99074, 0.89591, 0.99074, 0.89633, 1.01915, 0.8111, 0.942, 0.8111, 0.90531, 0.856, 0.90531, 0.856, 0.90531, 0.856, 1, 0.92241, 0.91755, 0.86667, 0.788, 0.86936, 0.8858, 0.89876, 1, 1, 0.81363, 1.19137, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90088, 0.90388, 1.03901, 0.92138, 0.78105, 0.7154, 0.86169, 0.80513, 0.94007, 0.82528, 0.98612, 1.06226, 0.91755, 0.8126, 0.81884, 0.92819, 0.73764, 0.90531, 0.90284, 0.8858, 0.86023, 0.8126, 0.91172, 0.96518, 0.91115, 0.83089, 0.8858, 0.87791, 0.79761, 0.89297, 0.81363, 0.88157, 0.89992, 0.85608, 0.81992, 0.94307, 0.86023, 0.88157, 0.95308, 0.98699, 0.99793, 1.06226, 0.95817, 0.95308, 0.97358, 0.928, 0.98088, 0.98699, 0.92761, 0.99793, 0.96017, 1.06226, 0.986, 0.944, 0.95978, 0.938, 0.96705, 0.98714, 0.80442, 0.98972, 1, 0.89762, 1.04552, 0.95817, 0.99007, 0.87064, 0.91879, 0.88888, 1.06226, 0.95817, 0.98714, 0.95817, 0.88888, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.89633, 1.01915, 0.89633, 1.01915, 0.89633, 1.01915, 0.8111, 0.942, 0.9219, 1, 0.89903, 1, 1, 1, 0.93173, 0.93173, 0.93173, 1, 1.06304, 1.06304, 1.06904, 0.89903, 0.89903, 0.80549, 1, 1.156, 1, 1, 0.76575, 0.76575, 1, 1, 0.72458, 1, 1, 1, 1, 0.92241, 1, 1, 1, 0.619, 1, 1.36145, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.07257, 1, 0.74705, 0.71119, 1.02058, 1.024, 1.02119, 1, 1, 1.1536, 1.08595, 1.08595, 1, 1.08595, 1.08595, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.05638, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.MyriadProRegularFactors = MyriadProRegularFactors;
+const MyriadProRegularMetrics = {
+  lineHeight: 1.2,
+  lineGap: 0.2
+};
+exports.MyriadProRegularMetrics = MyriadProRegularMetrics;
+
+/***/ }),
+/* 56 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.SegoeuiRegularMetrics = exports.SegoeuiRegularFactors = exports.SegoeuiItalicMetrics = exports.SegoeuiItalicFactors = exports.SegoeuiBoldMetrics = exports.SegoeuiBoldItalicMetrics = exports.SegoeuiBoldItalicFactors = exports.SegoeuiBoldFactors = void 0;
+const SegoeuiBoldFactors = [1.76738, 1, 1, 0.99297, 0.9824, 1.04016, 1.06497, 1.03424, 0.97529, 1.17647, 1.23203, 1.1085, 1.1085, 1.16939, 1.2107, 0.9754, 1.21408, 0.9754, 1.59578, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 1.03424, 0.81378, 0.81378, 1.2107, 1.2107, 1.2107, 0.71703, 0.97847, 0.97363, 0.88776, 0.8641, 1.02096, 0.79795, 0.85132, 0.914, 1.06085, 1.1406, 0.8007, 0.89858, 0.83693, 1.14889, 1.09398, 0.97489, 0.92094, 0.97489, 0.90399, 0.84041, 0.95923, 1.00135, 1, 1.06467, 0.98243, 0.90996, 0.99361, 1.1085, 1.56942, 1.1085, 1.2107, 0.74627, 0.94282, 0.96752, 1.01519, 0.86304, 1.01359, 0.97278, 1.15103, 1.01359, 0.98561, 1.02285, 1.02285, 1.00527, 1.02285, 1.0302, 0.99041, 1.0008, 1.01519, 1.01359, 1.02258, 0.79104, 1.16862, 0.99041, 0.97454, 1.02511, 0.99298, 0.96752, 0.95801, 0.94856, 1.16579, 0.94856, 1.2107, 0.9824, 1.03424, 1.03424, 1, 1.03424, 1.16579, 0.8727, 1.3871, 1.18622, 1.10818, 1.04478, 1.2107, 1.18622, 0.75155, 0.94994, 1.28826, 1.21408, 1.21408, 0.91056, 1, 0.91572, 0.9754, 0.64663, 1.18328, 1.24866, 1.04478, 1.14169, 1.15749, 1.17389, 0.71703, 0.97363, 0.97363, 0.97363, 0.97363, 0.97363, 0.97363, 0.93506, 0.8641, 0.79795, 0.79795, 0.79795, 0.79795, 1.1406, 1.1406, 1.1406, 1.1406, 1.02096, 1.09398, 0.97426, 0.97426, 0.97426, 0.97426, 0.97426, 1.2107, 0.97489, 1.00135, 1.00135, 1.00135, 1.00135, 0.90996, 0.92094, 1.02798, 0.96752, 0.96752, 0.96752, 0.96752, 0.96752, 0.96752, 0.93136, 0.86304, 0.97278, 0.97278, 0.97278, 0.97278, 1.02285, 1.02285, 1.02285, 1.02285, 0.97122, 0.99041, 1, 1, 1, 1, 1, 1.28826, 1.0008, 0.99041, 0.99041, 0.99041, 0.99041, 0.96752, 1.01519, 0.96752, 0.97363, 0.96752, 0.97363, 0.96752, 0.97363, 0.96752, 0.8641, 0.86304, 0.8641, 0.86304, 0.8641, 0.86304, 0.8641, 0.86304, 1.02096, 1.03057, 1.02096, 1.03517, 0.79795, 0.97278, 0.79795, 0.97278, 0.79795, 0.97278, 0.79795, 0.97278, 0.79795, 0.97278, 0.914, 1.01359, 0.914, 1.01359, 0.914, 1.01359, 1, 1, 1.06085, 0.98561, 1.06085, 1.00879, 1.1406, 1.02285, 1.1406, 1.02285, 1.1406, 1.02285, 1.1406, 1.02285, 1.1406, 1.02285, 0.97138, 1.08692, 0.8007, 1.02285, 1, 1, 1.00527, 0.83693, 1.02285, 1, 1, 0.83693, 0.9455, 0.83693, 0.90418, 0.83693, 1.13005, 1.09398, 0.99041, 1, 1, 1.09398, 0.99041, 0.96692, 1.09251, 0.99041, 0.97489, 1.0008, 0.97489, 1.0008, 0.97489, 1.0008, 0.93994, 0.97931, 0.90399, 1.02258, 1, 1, 0.90399, 1.02258, 0.84041, 0.79104, 0.84041, 0.79104, 0.84041, 0.79104, 0.84041, 0.79104, 1, 1, 0.95923, 1.07034, 0.95923, 1.16862, 1.00135, 0.99041, 1.00135, 0.99041, 1.00135, 0.99041, 1.00135, 0.99041, 1.00135, 0.99041, 1.00135, 0.99041, 1.06467, 1.02511, 0.90996, 0.96752, 0.90996, 0.99361, 0.95801, 0.99361, 0.95801, 0.99361, 0.95801, 1.07733, 1.03424, 0.97363, 0.96752, 0.93506, 0.93136, 0.97489, 1.0008, 1, 1, 0.95923, 1.16862, 1.15103, 1.15103, 1.01173, 1.03959, 0.75953, 0.81378, 0.79912, 1.15103, 1.21994, 0.95161, 0.87815, 1.01149, 0.81525, 0.7676, 0.98167, 1.01134, 1.02546, 0.84097, 1.03089, 1.18102, 0.97363, 0.88776, 0.85134, 0.97826, 0.79795, 0.99361, 1.06085, 0.97489, 1.1406, 0.89858, 1.0388, 1.14889, 1.09398, 0.86039, 0.97489, 1.0595, 0.92094, 0.94793, 0.95923, 0.90996, 0.99346, 0.98243, 1.02112, 0.95493, 1.1406, 0.90996, 1.03574, 1.02597, 1.0008, 1.18102, 1.06628, 1.03574, 1.0192, 1.01932, 1.00886, 0.97531, 1.0106, 1.0008, 1.13189, 1.18102, 1.02277, 0.98683, 1.0016, 0.99561, 1.07237, 1.0008, 0.90434, 0.99921, 0.93803, 0.8965, 1.23085, 1.06628, 1.04983, 0.96268, 1.0499, 0.98439, 1.18102, 1.06628, 1.0008, 1.06628, 0.98439, 0.79795, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.09466, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.97278, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.02065, 1, 1, 1, 1, 1, 1, 1.06467, 1.02511, 1.06467, 1.02511, 1.06467, 1.02511, 0.90996, 0.96752, 1, 1.21408, 0.89903, 1, 1, 0.75155, 1.04394, 1.04394, 1.04394, 1.04394, 0.98633, 0.98633, 0.98633, 0.73047, 0.73047, 1.20642, 0.91211, 1.25635, 1.222, 1.02956, 1.03372, 1.03372, 0.96039, 1.24633, 1, 1.12454, 0.93503, 1.03424, 1.19687, 1.03424, 1, 1, 1, 0.771, 1, 1, 1.15749, 1.15749, 1.15749, 1.10948, 0.86279, 0.94434, 0.86279, 0.94434, 0.86182, 1, 1, 1.16897, 1, 0.96085, 0.90137, 1.2107, 1.18416, 1.13973, 0.69825, 0.9716, 2.10339, 1.29004, 1.29004, 1.21172, 1.29004, 1.29004, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.42603, 1, 0.99862, 0.99862, 1, 0.87025, 0.87025, 0.87025, 0.87025, 1.18874, 1.42603, 1, 1.42603, 1.42603, 0.99862, 1, 1, 1, 1, 1, 1.2886, 1.04315, 1.15296, 1.34163, 1, 1, 1, 1.09193, 1.09193, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.SegoeuiBoldFactors = SegoeuiBoldFactors;
+const SegoeuiBoldMetrics = {
+  lineHeight: 1.33008,
+  lineGap: 0
+};
+exports.SegoeuiBoldMetrics = SegoeuiBoldMetrics;
+const SegoeuiBoldItalicFactors = [1.76738, 1, 1, 0.98946, 1.03959, 1.04016, 1.02809, 1.036, 0.97639, 1.10953, 1.23203, 1.11144, 1.11144, 1.16939, 1.21237, 0.9754, 1.21261, 0.9754, 1.59754, 1.036, 1.036, 1.036, 1.036, 1.036, 1.036, 1.036, 1.036, 1.036, 1.036, 0.81378, 0.81378, 1.21237, 1.21237, 1.21237, 0.73541, 0.97847, 0.97363, 0.89723, 0.87897, 1.0426, 0.79429, 0.85292, 0.91149, 1.05815, 1.1406, 0.79631, 0.90128, 0.83853, 1.04396, 1.10615, 0.97552, 0.94436, 0.97552, 0.88641, 0.80527, 0.96083, 1.00135, 1, 1.06777, 0.9817, 0.91142, 0.99361, 1.11144, 1.57293, 1.11144, 1.21237, 0.74627, 1.31818, 1.06585, 0.97042, 0.83055, 0.97042, 0.93503, 1.1261, 0.97042, 0.97922, 1.14236, 0.94552, 1.01054, 1.14236, 1.02471, 0.97922, 0.94165, 0.97042, 0.97042, 1.0276, 0.78929, 1.1261, 0.97922, 0.95874, 1.02197, 0.98507, 0.96752, 0.97168, 0.95107, 1.16579, 0.95107, 1.21237, 1.03959, 1.036, 1.036, 1, 1.036, 1.16579, 0.87357, 1.31818, 1.18754, 1.26781, 1.05356, 1.21237, 1.18622, 0.79487, 0.94994, 1.29004, 1.24047, 1.24047, 1.31818, 1, 0.91484, 0.9754, 1.31818, 1.1349, 1.24866, 1.05356, 1.13934, 1.15574, 1.17389, 0.73541, 0.97363, 0.97363, 0.97363, 0.97363, 0.97363, 0.97363, 0.94385, 0.87897, 0.79429, 0.79429, 0.79429, 0.79429, 1.1406, 1.1406, 1.1406, 1.1406, 1.0426, 1.10615, 0.97552, 0.97552, 0.97552, 0.97552, 0.97552, 1.21237, 0.97552, 1.00135, 1.00135, 1.00135, 1.00135, 0.91142, 0.94436, 0.98721, 1.06585, 1.06585, 1.06585, 1.06585, 1.06585, 1.06585, 0.96705, 0.83055, 0.93503, 0.93503, 0.93503, 0.93503, 1.14236, 1.14236, 1.14236, 1.14236, 0.93125, 0.97922, 0.94165, 0.94165, 0.94165, 0.94165, 0.94165, 1.29004, 0.94165, 0.97922, 0.97922, 0.97922, 0.97922, 0.96752, 0.97042, 0.96752, 0.97363, 1.06585, 0.97363, 1.06585, 0.97363, 1.06585, 0.87897, 0.83055, 0.87897, 0.83055, 0.87897, 0.83055, 0.87897, 0.83055, 1.0426, 1.0033, 1.0426, 0.97042, 0.79429, 0.93503, 0.79429, 0.93503, 0.79429, 0.93503, 0.79429, 0.93503, 0.79429, 0.93503, 0.91149, 0.97042, 0.91149, 0.97042, 0.91149, 0.97042, 1, 1, 1.05815, 0.97922, 1.05815, 0.97922, 1.1406, 1.14236, 1.1406, 1.14236, 1.1406, 1.14236, 1.1406, 1.14236, 1.1406, 1.14236, 0.97441, 1.04302, 0.79631, 1.01582, 1, 1, 1.01054, 0.83853, 1.14236, 1, 1, 0.83853, 1.09125, 0.83853, 0.90418, 0.83853, 1.19508, 1.10615, 0.97922, 1, 1, 1.10615, 0.97922, 1.01034, 1.10466, 0.97922, 0.97552, 0.94165, 0.97552, 0.94165, 0.97552, 0.94165, 0.91602, 0.91981, 0.88641, 1.0276, 1, 1, 0.88641, 1.0276, 0.80527, 0.78929, 0.80527, 0.78929, 0.80527, 0.78929, 0.80527, 0.78929, 1, 1, 0.96083, 1.05403, 0.95923, 1.16862, 1.00135, 0.97922, 1.00135, 0.97922, 1.00135, 0.97922, 1.00135, 0.97922, 1.00135, 0.97922, 1.00135, 0.97922, 1.06777, 1.02197, 0.91142, 0.96752, 0.91142, 0.99361, 0.97168, 0.99361, 0.97168, 0.99361, 0.97168, 1.23199, 1.036, 0.97363, 1.06585, 0.94385, 0.96705, 0.97552, 0.94165, 1, 1, 0.96083, 1.1261, 1.31818, 1.31818, 1.31818, 1.31818, 1.31818, 1.31818, 1.31818, 1.31818, 1.31818, 0.95161, 1.27126, 1.00811, 0.83284, 0.77702, 0.99137, 0.95253, 1.0347, 0.86142, 1.07205, 1.14236, 0.97363, 0.89723, 0.86869, 1.09818, 0.79429, 0.99361, 1.05815, 0.97552, 1.1406, 0.90128, 1.06662, 1.04396, 1.10615, 0.84918, 0.97552, 1.04694, 0.94436, 0.98015, 0.96083, 0.91142, 1.00356, 0.9817, 1.01945, 0.98999, 1.1406, 0.91142, 1.04961, 0.9898, 1.00639, 1.14236, 1.07514, 1.04961, 0.99607, 1.02897, 1.008, 0.9898, 0.95134, 1.00639, 1.11121, 1.14236, 1.00518, 0.97981, 1.02186, 1, 1.08578, 0.94165, 0.99314, 0.98387, 0.93028, 0.93377, 1.35125, 1.07514, 1.10687, 0.93491, 1.04232, 1.00351, 1.14236, 1.07514, 0.94165, 1.07514, 1.00351, 0.79429, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.09097, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.93503, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.96609, 1, 1, 1, 1, 1, 1, 1.06777, 1.02197, 1.06777, 1.02197, 1.06777, 1.02197, 0.91142, 0.96752, 1, 1.21261, 0.89903, 1, 1, 0.75155, 1.04745, 1.04745, 1.04745, 1.04394, 0.98633, 0.98633, 0.98633, 0.72959, 0.72959, 1.20502, 0.91406, 1.26514, 1.222, 1.02956, 1.03372, 1.03372, 0.96039, 1.24633, 1, 1.09125, 0.93327, 1.03336, 1.16541, 1.036, 1, 1, 1, 0.771, 1, 1, 1.15574, 1.15574, 1.15574, 1.15574, 0.86364, 0.94434, 0.86279, 0.94434, 0.86224, 1, 1, 1.16798, 1, 0.96085, 0.90068, 1.21237, 1.18416, 1.13904, 0.69825, 0.9716, 2.10339, 1.29004, 1.29004, 1.21339, 1.29004, 1.29004, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.42603, 1, 0.99862, 0.99862, 1, 0.87025, 0.87025, 0.87025, 0.87025, 1.18775, 1.42603, 1, 1.42603, 1.42603, 0.99862, 1, 1, 1, 1, 1, 1.2886, 1.04315, 1.15296, 1.34163, 1, 1, 1, 1.13269, 1.13269, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.SegoeuiBoldItalicFactors = SegoeuiBoldItalicFactors;
+const SegoeuiBoldItalicMetrics = {
+  lineHeight: 1.33008,
+  lineGap: 0
+};
+exports.SegoeuiBoldItalicMetrics = SegoeuiBoldItalicMetrics;
+const SegoeuiItalicFactors = [1.76738, 1, 1, 0.98946, 1.14763, 1.05365, 1.06234, 0.96927, 0.92586, 1.15373, 1.18414, 0.91349, 0.91349, 1.07403, 1.17308, 0.78383, 1.20088, 0.78383, 1.42531, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.78383, 0.78383, 1.17308, 1.17308, 1.17308, 0.77349, 0.94565, 0.94729, 0.85944, 0.88506, 0.9858, 0.74817, 0.80016, 0.88449, 0.98039, 0.95782, 0.69238, 0.89898, 0.83231, 0.98183, 1.03989, 0.96924, 0.86237, 0.96924, 0.80595, 0.74524, 0.86091, 0.95402, 0.94143, 0.98448, 0.8858, 0.83089, 0.93285, 1.0949, 1.39016, 1.0949, 1.45994, 0.74627, 1.04839, 0.97454, 0.97454, 0.87207, 0.97454, 0.87533, 1.06151, 0.97454, 1.00176, 1.16484, 1.08132, 0.98047, 1.16484, 1.02989, 1.01054, 0.96225, 0.97454, 0.97454, 1.06598, 0.79004, 1.16344, 1.00351, 0.94629, 0.9973, 0.91016, 0.96777, 0.9043, 0.91082, 0.92481, 0.91082, 1.17308, 0.95748, 0.96927, 0.96927, 1, 0.96927, 0.92481, 0.80597, 1.04839, 1.23393, 1.1781, 0.9245, 1.17308, 1.20808, 0.63218, 0.94261, 1.24822, 1.09971, 1.09971, 1.04839, 1, 0.85273, 0.78032, 1.04839, 1.09971, 1.22326, 0.9245, 1.09836, 1.13525, 1.15222, 0.70424, 0.94729, 0.94729, 0.94729, 0.94729, 0.94729, 0.94729, 0.85498, 0.88506, 0.74817, 0.74817, 0.74817, 0.74817, 0.95782, 0.95782, 0.95782, 0.95782, 0.9858, 1.03989, 0.96924, 0.96924, 0.96924, 0.96924, 0.96924, 1.17308, 0.96924, 0.95402, 0.95402, 0.95402, 0.95402, 0.83089, 0.86237, 0.88409, 0.97454, 0.97454, 0.97454, 0.97454, 0.97454, 0.97454, 0.92916, 0.87207, 0.87533, 0.87533, 0.87533, 0.87533, 0.93146, 0.93146, 0.93146, 0.93146, 0.93854, 1.01054, 0.96225, 0.96225, 0.96225, 0.96225, 0.96225, 1.24822, 0.8761, 1.00351, 1.00351, 1.00351, 1.00351, 0.96777, 0.97454, 0.96777, 0.94729, 0.97454, 0.94729, 0.97454, 0.94729, 0.97454, 0.88506, 0.87207, 0.88506, 0.87207, 0.88506, 0.87207, 0.88506, 0.87207, 0.9858, 0.95391, 0.9858, 0.97454, 0.74817, 0.87533, 0.74817, 0.87533, 0.74817, 0.87533, 0.74817, 0.87533, 0.74817, 0.87533, 0.88449, 0.97454, 0.88449, 0.97454, 0.88449, 0.97454, 1, 1, 0.98039, 1.00176, 0.98039, 1.00176, 0.95782, 0.93146, 0.95782, 0.93146, 0.95782, 0.93146, 0.95782, 1.16484, 0.95782, 0.93146, 0.84421, 1.12761, 0.69238, 1.08132, 1, 1, 0.98047, 0.83231, 1.16484, 1, 1, 0.84723, 1.04861, 0.84723, 0.78755, 0.83231, 1.23736, 1.03989, 1.01054, 1, 1, 1.03989, 1.01054, 0.9857, 1.03849, 1.01054, 0.96924, 0.96225, 0.96924, 0.96225, 0.96924, 0.96225, 0.92383, 0.90171, 0.80595, 1.06598, 1, 1, 0.80595, 1.06598, 0.74524, 0.79004, 0.74524, 0.79004, 0.74524, 0.79004, 0.74524, 0.79004, 1, 1, 0.86091, 1.02759, 0.85771, 1.16344, 0.95402, 1.00351, 0.95402, 1.00351, 0.95402, 1.00351, 0.95402, 1.00351, 0.95402, 1.00351, 0.95402, 1.00351, 0.98448, 0.9973, 0.83089, 0.96777, 0.83089, 0.93285, 0.9043, 0.93285, 0.9043, 0.93285, 0.9043, 1.31868, 0.96927, 0.94729, 0.97454, 0.85498, 0.92916, 0.96924, 0.8761, 1, 1, 0.86091, 1.16344, 1.04839, 1.04839, 1.04839, 1.04839, 1.04839, 1.04839, 1.04839, 1.04839, 1.04839, 0.81965, 0.81965, 0.94729, 0.78032, 0.71022, 0.90883, 0.84171, 0.99877, 0.77596, 1.05734, 1.2, 0.94729, 0.85944, 0.82791, 0.9607, 0.74817, 0.93285, 0.98039, 0.96924, 0.95782, 0.89898, 0.98316, 0.98183, 1.03989, 0.78614, 0.96924, 0.97642, 0.86237, 0.86075, 0.86091, 0.83089, 0.90082, 0.8858, 0.97296, 1.01284, 0.95782, 0.83089, 1.0976, 1.04, 1.03342, 1.2, 1.0675, 1.0976, 0.98205, 1.03809, 1.05097, 1.04, 0.95364, 1.03342, 1.05401, 1.2, 1.02148, 1.0119, 1.04724, 1.0127, 1.02732, 0.96225, 0.8965, 0.97783, 0.93574, 0.94818, 1.30679, 1.0675, 1.11826, 0.99821, 1.0557, 1.0326, 1.2, 1.0675, 0.96225, 1.0675, 1.0326, 0.74817, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.03754, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.87533, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.98705, 1, 1, 1, 1, 1, 1, 0.98448, 0.9973, 0.98448, 0.9973, 0.98448, 0.9973, 0.83089, 0.96777, 1, 1.20088, 0.89903, 1, 1, 0.75155, 0.94945, 0.94945, 0.94945, 0.94945, 1.12317, 1.12317, 1.12317, 0.67603, 0.67603, 1.15621, 0.73584, 1.21191, 1.22135, 1.06483, 0.94868, 0.94868, 0.95996, 1.24633, 1, 1.07497, 0.87709, 0.96927, 1.01473, 0.96927, 1, 1, 1, 0.77295, 1, 1, 1.09836, 1.09836, 1.09836, 1.01522, 0.86321, 0.94434, 0.8649, 0.94434, 0.86182, 1, 1, 1.083, 1, 0.91578, 0.86438, 1.17308, 1.18416, 1.14589, 0.69825, 0.97622, 1.96791, 1.24822, 1.24822, 1.17308, 1.24822, 1.24822, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.42603, 1, 0.99862, 0.99862, 1, 0.87025, 0.87025, 0.87025, 0.87025, 1.17984, 1.42603, 1, 1.42603, 1.42603, 0.99862, 1, 1, 1, 1, 1, 1.2886, 1.04315, 1.15296, 1.34163, 1, 1, 1, 1.10742, 1.10742, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.SegoeuiItalicFactors = SegoeuiItalicFactors;
+const SegoeuiItalicMetrics = {
+  lineHeight: 1.33008,
+  lineGap: 0
+};
+exports.SegoeuiItalicMetrics = SegoeuiItalicMetrics;
+const SegoeuiRegularFactors = [1.76738, 1, 1, 0.98594, 1.02285, 1.10454, 1.06234, 0.96927, 0.92037, 1.19985, 1.2046, 0.90616, 0.90616, 1.07152, 1.1714, 0.78032, 1.20088, 0.78032, 1.40246, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.96927, 0.78032, 0.78032, 1.1714, 1.1714, 1.1714, 0.80597, 0.94084, 0.96706, 0.85944, 0.85734, 0.97093, 0.75842, 0.79936, 0.88198, 0.9831, 0.95782, 0.71387, 0.86969, 0.84636, 1.07796, 1.03584, 0.96924, 0.83968, 0.96924, 0.82826, 0.79649, 0.85771, 0.95132, 0.93119, 0.98965, 0.88433, 0.8287, 0.93365, 1.08612, 1.3638, 1.08612, 1.45786, 0.74627, 0.80499, 0.91484, 1.05707, 0.92383, 1.05882, 0.9403, 1.12654, 1.05882, 1.01756, 1.09011, 1.09011, 0.99414, 1.09011, 1.034, 1.01756, 1.05356, 1.05707, 1.05882, 1.04399, 0.84863, 1.21968, 1.01756, 0.95801, 1.00068, 0.91797, 0.96777, 0.9043, 0.90351, 0.92105, 0.90351, 1.1714, 0.85337, 0.96927, 0.96927, 0.99912, 0.96927, 0.92105, 0.80597, 1.2434, 1.20808, 1.05937, 0.90957, 1.1714, 1.20808, 0.75155, 0.94261, 1.24644, 1.09971, 1.09971, 0.84751, 1, 0.85273, 0.78032, 0.61584, 1.05425, 1.17914, 0.90957, 1.08665, 1.11593, 1.14169, 0.73381, 0.96706, 0.96706, 0.96706, 0.96706, 0.96706, 0.96706, 0.86035, 0.85734, 0.75842, 0.75842, 0.75842, 0.75842, 0.95782, 0.95782, 0.95782, 0.95782, 0.97093, 1.03584, 0.96924, 0.96924, 0.96924, 0.96924, 0.96924, 1.1714, 0.96924, 0.95132, 0.95132, 0.95132, 0.95132, 0.8287, 0.83968, 0.89049, 0.91484, 0.91484, 0.91484, 0.91484, 0.91484, 0.91484, 0.93575, 0.92383, 0.9403, 0.9403, 0.9403, 0.9403, 0.8717, 0.8717, 0.8717, 0.8717, 1.00527, 1.01756, 1.05356, 1.05356, 1.05356, 1.05356, 1.05356, 1.24644, 0.95923, 1.01756, 1.01756, 1.01756, 1.01756, 0.96777, 1.05707, 0.96777, 0.96706, 0.91484, 0.96706, 0.91484, 0.96706, 0.91484, 0.85734, 0.92383, 0.85734, 0.92383, 0.85734, 0.92383, 0.85734, 0.92383, 0.97093, 1.0969, 0.97093, 1.05882, 0.75842, 0.9403, 0.75842, 0.9403, 0.75842, 0.9403, 0.75842, 0.9403, 0.75842, 0.9403, 0.88198, 1.05882, 0.88198, 1.05882, 0.88198, 1.05882, 1, 1, 0.9831, 1.01756, 0.9831, 1.01756, 0.95782, 0.8717, 0.95782, 0.8717, 0.95782, 0.8717, 0.95782, 1.09011, 0.95782, 0.8717, 0.84784, 1.11551, 0.71387, 1.09011, 1, 1, 0.99414, 0.84636, 1.09011, 1, 1, 0.84636, 1.0536, 0.84636, 0.94298, 0.84636, 1.23297, 1.03584, 1.01756, 1, 1, 1.03584, 1.01756, 1.00323, 1.03444, 1.01756, 0.96924, 1.05356, 0.96924, 1.05356, 0.96924, 1.05356, 0.93066, 0.98293, 0.82826, 1.04399, 1, 1, 0.82826, 1.04399, 0.79649, 0.84863, 0.79649, 0.84863, 0.79649, 0.84863, 0.79649, 0.84863, 1, 1, 0.85771, 1.17318, 0.85771, 1.21968, 0.95132, 1.01756, 0.95132, 1.01756, 0.95132, 1.01756, 0.95132, 1.01756, 0.95132, 1.01756, 0.95132, 1.01756, 0.98965, 1.00068, 0.8287, 0.96777, 0.8287, 0.93365, 0.9043, 0.93365, 0.9043, 0.93365, 0.9043, 1.08571, 0.96927, 0.96706, 0.91484, 0.86035, 0.93575, 0.96924, 0.95923, 1, 1, 0.85771, 1.21968, 1.11437, 1.11437, 0.93109, 0.91202, 0.60411, 0.84164, 0.55572, 1.01173, 0.97361, 0.81818, 0.81818, 0.96635, 0.78032, 0.72727, 0.92366, 0.98601, 1.03405, 0.77968, 1.09799, 1.2, 0.96706, 0.85944, 0.85638, 0.96491, 0.75842, 0.93365, 0.9831, 0.96924, 0.95782, 0.86969, 0.94152, 1.07796, 1.03584, 0.78437, 0.96924, 0.98715, 0.83968, 0.83491, 0.85771, 0.8287, 0.94492, 0.88433, 0.9287, 1.0098, 0.95782, 0.8287, 1.0625, 0.98248, 1.03424, 1.2, 1.01071, 1.0625, 0.95246, 1.03809, 1.04912, 0.98248, 1.00221, 1.03424, 1.05443, 1.2, 1.04785, 0.99609, 1.00169, 1.05176, 0.99346, 1.05356, 0.9087, 1.03004, 0.95542, 0.93117, 1.23362, 1.01071, 1.07831, 1.02512, 1.05205, 1.03502, 1.2, 1.01071, 1.05356, 1.01071, 1.03502, 0.75842, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.03719, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0.9403, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.04021, 1, 1, 1, 1, 1, 1, 0.98965, 1.00068, 0.98965, 1.00068, 0.98965, 1.00068, 0.8287, 0.96777, 1, 1.20088, 0.89903, 1, 1, 0.75155, 1.03077, 1.03077, 1.03077, 1.03077, 1.13196, 1.13196, 1.13196, 0.67428, 0.67428, 1.16039, 0.73291, 1.20996, 1.22135, 1.06483, 0.94868, 0.94868, 0.95996, 1.24633, 1, 1.07497, 0.87796, 0.96927, 1.01518, 0.96927, 1, 1, 1, 0.77295, 1, 1, 1.10539, 1.10539, 1.11358, 1.06967, 0.86279, 0.94434, 0.86279, 0.94434, 0.86182, 1, 1, 1.083, 1, 0.91578, 0.86507, 1.1714, 1.18416, 1.14589, 0.69825, 0.97622, 1.9697, 1.24822, 1.24822, 1.17238, 1.24822, 1.24822, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.42603, 1, 0.99862, 0.99862, 1, 0.87025, 0.87025, 0.87025, 0.87025, 1.18083, 1.42603, 1, 1.42603, 1.42603, 0.99862, 1, 1, 1, 1, 1, 1.2886, 1.04315, 1.15296, 1.34163, 1, 1, 1, 1.10938, 1.10938, 1, 1, 1, 1.05425, 1.09971, 1.09971, 1.09971, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+exports.SegoeuiRegularFactors = SegoeuiRegularFactors;
+const SegoeuiRegularMetrics = {
+  lineHeight: 1.33008,
+  lineGap: 0
+};
+exports.SegoeuiRegularMetrics = SegoeuiRegularMetrics;
+
+/***/ }),
+/* 57 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PostScriptEvaluator = exports.PostScriptCompiler = exports.PDFFunctionFactory = void 0;
+exports.isPDFFunction = isPDFFunction;
+var _primitives = __w_pdfjs_require__(4);
+var _util = __w_pdfjs_require__(2);
+var _ps_parser = __w_pdfjs_require__(58);
+var _base_stream = __w_pdfjs_require__(5);
+var _image_utils = __w_pdfjs_require__(59);
+class PDFFunctionFactory {
+  constructor({
+    xref,
+    isEvalSupported = true
+  }) {
+    this.xref = xref;
+    this.isEvalSupported = isEvalSupported !== false;
+  }
+  create(fn) {
+    const cachedFunction = this.getCached(fn);
+    if (cachedFunction) {
+      return cachedFunction;
+    }
+    const parsedFunction = PDFFunction.parse({
+      xref: this.xref,
+      isEvalSupported: this.isEvalSupported,
+      fn: fn instanceof _primitives.Ref ? this.xref.fetch(fn) : fn
+    });
+    this._cache(fn, parsedFunction);
+    return parsedFunction;
+  }
+  createFromArray(fnObj) {
+    const cachedFunction = this.getCached(fnObj);
+    if (cachedFunction) {
+      return cachedFunction;
+    }
+    const parsedFunction = PDFFunction.parseArray({
+      xref: this.xref,
+      isEvalSupported: this.isEvalSupported,
+      fnObj: fnObj instanceof _primitives.Ref ? this.xref.fetch(fnObj) : fnObj
+    });
+    this._cache(fnObj, parsedFunction);
+    return parsedFunction;
+  }
+  getCached(cacheKey) {
+    let fnRef;
+    if (cacheKey instanceof _primitives.Ref) {
+      fnRef = cacheKey;
+    } else if (cacheKey instanceof _primitives.Dict) {
+      fnRef = cacheKey.objId;
+    } else if (cacheKey instanceof _base_stream.BaseStream) {
+      fnRef = cacheKey.dict && cacheKey.dict.objId;
+    }
+    if (fnRef) {
+      const localFunction = this._localFunctionCache.getByRef(fnRef);
+      if (localFunction) {
+        return localFunction;
+      }
+    }
+    return null;
+  }
+  _cache(cacheKey, parsedFunction) {
+    if (!parsedFunction) {
+      throw new Error('PDFFunctionFactory._cache - expected "parsedFunction" argument.');
+    }
+    let fnRef;
+    if (cacheKey instanceof _primitives.Ref) {
+      fnRef = cacheKey;
+    } else if (cacheKey instanceof _primitives.Dict) {
+      fnRef = cacheKey.objId;
+    } else if (cacheKey instanceof _base_stream.BaseStream) {
+      fnRef = cacheKey.dict && cacheKey.dict.objId;
+    }
+    if (fnRef) {
+      this._localFunctionCache.set(null, fnRef, parsedFunction);
+    }
+  }
+  get _localFunctionCache() {
+    return (0, _util.shadow)(this, "_localFunctionCache", new _image_utils.LocalFunctionCache());
+  }
+}
+exports.PDFFunctionFactory = PDFFunctionFactory;
+function toNumberArray(arr) {
+  if (!Array.isArray(arr)) {
+    return null;
+  }
+  const length = arr.length;
+  for (let i = 0; i < length; i++) {
+    if (typeof arr[i] !== "number") {
+      const result = new Array(length);
+      for (let j = 0; j < length; j++) {
+        result[j] = +arr[j];
+      }
+      return result;
+    }
+  }
+  return arr;
+}
+class PDFFunction {
+  static getSampleArray(size, outputSize, bps, stream) {
+    let i, ii;
+    let length = 1;
+    for (i = 0, ii = size.length; i < ii; i++) {
+      length *= size[i];
+    }
+    length *= outputSize;
+    const array = new Array(length);
+    let codeSize = 0;
+    let codeBuf = 0;
+    const sampleMul = 1.0 / (2.0 ** bps - 1);
+    const strBytes = stream.getBytes((length * bps + 7) / 8);
+    let strIdx = 0;
+    for (i = 0; i < length; i++) {
+      while (codeSize < bps) {
+        codeBuf <<= 8;
+        codeBuf |= strBytes[strIdx++];
+        codeSize += 8;
+      }
+      codeSize -= bps;
+      array[i] = (codeBuf >> codeSize) * sampleMul;
+      codeBuf &= (1 << codeSize) - 1;
+    }
+    return array;
+  }
+  static parse({
+    xref,
+    isEvalSupported,
+    fn
+  }) {
+    const dict = fn.dict || fn;
+    const typeNum = dict.get("FunctionType");
+    switch (typeNum) {
+      case 0:
+        return this.constructSampled({
+          xref,
+          isEvalSupported,
+          fn,
+          dict
+        });
+      case 1:
+        break;
+      case 2:
+        return this.constructInterpolated({
+          xref,
+          isEvalSupported,
+          dict
+        });
+      case 3:
+        return this.constructStiched({
+          xref,
+          isEvalSupported,
+          dict
+        });
+      case 4:
+        return this.constructPostScript({
+          xref,
+          isEvalSupported,
+          fn,
+          dict
+        });
+    }
+    throw new _util.FormatError("Unknown type of function");
+  }
+  static parseArray({
+    xref,
+    isEvalSupported,
+    fnObj
+  }) {
+    if (!Array.isArray(fnObj)) {
+      return this.parse({
+        xref,
+        isEvalSupported,
+        fn: fnObj
+      });
+    }
+    const fnArray = [];
+    for (const fn of fnObj) {
+      fnArray.push(this.parse({
+        xref,
+        isEvalSupported,
+        fn: xref.fetchIfRef(fn)
+      }));
+    }
+    return function (src, srcOffset, dest, destOffset) {
+      for (let i = 0, ii = fnArray.length; i < ii; i++) {
+        fnArray[i](src, srcOffset, dest, destOffset + i);
+      }
+    };
+  }
+  static constructSampled({
+    xref,
+    isEvalSupported,
+    fn,
+    dict
+  }) {
+    function toMultiArray(arr) {
+      const inputLength = arr.length;
+      const out = [];
+      let index = 0;
+      for (let i = 0; i < inputLength; i += 2) {
+        out[index++] = [arr[i], arr[i + 1]];
+      }
+      return out;
+    }
+    function interpolate(x, xmin, xmax, ymin, ymax) {
+      return ymin + (x - xmin) * ((ymax - ymin) / (xmax - xmin));
+    }
+    let domain = toNumberArray(dict.getArray("Domain"));
+    let range = toNumberArray(dict.getArray("Range"));
+    if (!domain || !range) {
+      throw new _util.FormatError("No domain or range");
+    }
+    const inputSize = domain.length / 2;
+    const outputSize = range.length / 2;
+    domain = toMultiArray(domain);
+    range = toMultiArray(range);
+    const size = toNumberArray(dict.getArray("Size"));
+    const bps = dict.get("BitsPerSample");
+    const order = dict.get("Order") || 1;
+    if (order !== 1) {
+      (0, _util.info)("No support for cubic spline interpolation: " + order);
+    }
+    let encode = toNumberArray(dict.getArray("Encode"));
+    if (!encode) {
+      encode = [];
+      for (let i = 0; i < inputSize; ++i) {
+        encode.push([0, size[i] - 1]);
+      }
+    } else {
+      encode = toMultiArray(encode);
+    }
+    let decode = toNumberArray(dict.getArray("Decode"));
+    if (!decode) {
+      decode = range;
+    } else {
+      decode = toMultiArray(decode);
+    }
+    const samples = this.getSampleArray(size, outputSize, bps, fn);
+    return function constructSampledFn(src, srcOffset, dest, destOffset) {
+      const cubeVertices = 1 << inputSize;
+      const cubeN = new Float64Array(cubeVertices);
+      const cubeVertex = new Uint32Array(cubeVertices);
+      let i, j;
+      for (j = 0; j < cubeVertices; j++) {
+        cubeN[j] = 1;
+      }
+      let k = outputSize,
+        pos = 1;
+      for (i = 0; i < inputSize; ++i) {
+        const domain_2i = domain[i][0];
+        const domain_2i_1 = domain[i][1];
+        const xi = Math.min(Math.max(src[srcOffset + i], domain_2i), domain_2i_1);
+        let e = interpolate(xi, domain_2i, domain_2i_1, encode[i][0], encode[i][1]);
+        const size_i = size[i];
+        e = Math.min(Math.max(e, 0), size_i - 1);
+        const e0 = e < size_i - 1 ? Math.floor(e) : e - 1;
+        const n0 = e0 + 1 - e;
+        const n1 = e - e0;
+        const offset0 = e0 * k;
+        const offset1 = offset0 + k;
+        for (j = 0; j < cubeVertices; j++) {
+          if (j & pos) {
+            cubeN[j] *= n1;
+            cubeVertex[j] += offset1;
+          } else {
+            cubeN[j] *= n0;
+            cubeVertex[j] += offset0;
+          }
+        }
+        k *= size_i;
+        pos <<= 1;
+      }
+      for (j = 0; j < outputSize; ++j) {
+        let rj = 0;
+        for (i = 0; i < cubeVertices; i++) {
+          rj += samples[cubeVertex[i] + j] * cubeN[i];
+        }
+        rj = interpolate(rj, 0, 1, decode[j][0], decode[j][1]);
+        dest[destOffset + j] = Math.min(Math.max(rj, range[j][0]), range[j][1]);
+      }
+    };
+  }
+  static constructInterpolated({
+    xref,
+    isEvalSupported,
+    dict
+  }) {
+    const c0 = toNumberArray(dict.getArray("C0")) || [0];
+    const c1 = toNumberArray(dict.getArray("C1")) || [1];
+    const n = dict.get("N");
+    const diff = [];
+    for (let i = 0, ii = c0.length; i < ii; ++i) {
+      diff.push(c1[i] - c0[i]);
+    }
+    const length = diff.length;
+    return function constructInterpolatedFn(src, srcOffset, dest, destOffset) {
+      const x = n === 1 ? src[srcOffset] : src[srcOffset] ** n;
+      for (let j = 0; j < length; ++j) {
+        dest[destOffset + j] = c0[j] + x * diff[j];
+      }
+    };
+  }
+  static constructStiched({
+    xref,
+    isEvalSupported,
+    dict
+  }) {
+    const domain = toNumberArray(dict.getArray("Domain"));
+    if (!domain) {
+      throw new _util.FormatError("No domain");
+    }
+    const inputSize = domain.length / 2;
+    if (inputSize !== 1) {
+      throw new _util.FormatError("Bad domain for stiched function");
+    }
+    const fns = [];
+    for (const fn of dict.get("Functions")) {
+      fns.push(this.parse({
+        xref,
+        isEvalSupported,
+        fn: xref.fetchIfRef(fn)
+      }));
+    }
+    const bounds = toNumberArray(dict.getArray("Bounds"));
+    const encode = toNumberArray(dict.getArray("Encode"));
+    const tmpBuf = new Float32Array(1);
+    return function constructStichedFn(src, srcOffset, dest, destOffset) {
+      const clip = function constructStichedFromIRClip(v, min, max) {
+        if (v > max) {
+          v = max;
+        } else if (v < min) {
+          v = min;
+        }
+        return v;
+      };
+      const v = clip(src[srcOffset], domain[0], domain[1]);
+      const length = bounds.length;
+      let i;
+      for (i = 0; i < length; ++i) {
+        if (v < bounds[i]) {
+          break;
+        }
+      }
+      let dmin = domain[0];
+      if (i > 0) {
+        dmin = bounds[i - 1];
+      }
+      let dmax = domain[1];
+      if (i < bounds.length) {
+        dmax = bounds[i];
+      }
+      const rmin = encode[2 * i];
+      const rmax = encode[2 * i + 1];
+      tmpBuf[0] = dmin === dmax ? rmin : rmin + (v - dmin) * (rmax - rmin) / (dmax - dmin);
+      fns[i](tmpBuf, 0, dest, destOffset);
+    };
+  }
+  static constructPostScript({
+    xref,
+    isEvalSupported,
+    fn,
+    dict
+  }) {
+    const domain = toNumberArray(dict.getArray("Domain"));
+    const range = toNumberArray(dict.getArray("Range"));
+    if (!domain) {
+      throw new _util.FormatError("No domain.");
+    }
+    if (!range) {
+      throw new _util.FormatError("No range.");
+    }
+    const lexer = new _ps_parser.PostScriptLexer(fn);
+    const parser = new _ps_parser.PostScriptParser(lexer);
+    const code = parser.parse();
+    if (isEvalSupported && _util.FeatureTest.isEvalSupported) {
+      const compiled = new PostScriptCompiler().compile(code, domain, range);
+      if (compiled) {
+        return new Function("src", "srcOffset", "dest", "destOffset", compiled);
+      }
+    }
+    (0, _util.info)("Unable to compile PS function");
+    const numOutputs = range.length >> 1;
+    const numInputs = domain.length >> 1;
+    const evaluator = new PostScriptEvaluator(code);
+    const cache = Object.create(null);
+    const MAX_CACHE_SIZE = 2048 * 4;
+    let cache_available = MAX_CACHE_SIZE;
+    const tmpBuf = new Float32Array(numInputs);
+    return function constructPostScriptFn(src, srcOffset, dest, destOffset) {
+      let i, value;
+      let key = "";
+      const input = tmpBuf;
+      for (i = 0; i < numInputs; i++) {
+        value = src[srcOffset + i];
+        input[i] = value;
+        key += value + "_";
+      }
+      const cachedValue = cache[key];
+      if (cachedValue !== undefined) {
+        dest.set(cachedValue, destOffset);
+        return;
+      }
+      const output = new Float32Array(numOutputs);
+      const stack = evaluator.execute(input);
+      const stackIndex = stack.length - numOutputs;
+      for (i = 0; i < numOutputs; i++) {
+        value = stack[stackIndex + i];
+        let bound = range[i * 2];
+        if (value < bound) {
+          value = bound;
+        } else {
+          bound = range[i * 2 + 1];
+          if (value > bound) {
+            value = bound;
+          }
+        }
+        output[i] = value;
+      }
+      if (cache_available > 0) {
+        cache_available--;
+        cache[key] = output;
+      }
+      dest.set(output, destOffset);
+    };
+  }
+}
+function isPDFFunction(v) {
+  let fnDict;
+  if (v instanceof _primitives.Dict) {
+    fnDict = v;
+  } else if (v instanceof _base_stream.BaseStream) {
+    fnDict = v.dict;
+  } else {
+    return false;
+  }
+  return fnDict.has("FunctionType");
+}
+class PostScriptStack {
+  static MAX_STACK_SIZE = 100;
+  constructor(initialStack) {
+    this.stack = initialStack ? Array.from(initialStack) : [];
+  }
+  push(value) {
+    if (this.stack.length >= PostScriptStack.MAX_STACK_SIZE) {
+      throw new Error("PostScript function stack overflow.");
+    }
+    this.stack.push(value);
+  }
+  pop() {
+    if (this.stack.length <= 0) {
+      throw new Error("PostScript function stack underflow.");
+    }
+    return this.stack.pop();
+  }
+  copy(n) {
+    if (this.stack.length + n >= PostScriptStack.MAX_STACK_SIZE) {
+      throw new Error("PostScript function stack overflow.");
+    }
+    const stack = this.stack;
+    for (let i = stack.length - n, j = n - 1; j >= 0; j--, i++) {
+      stack.push(stack[i]);
+    }
+  }
+  index(n) {
+    this.push(this.stack[this.stack.length - n - 1]);
+  }
+  roll(n, p) {
+    const stack = this.stack;
+    const l = stack.length - n;
+    const r = stack.length - 1;
+    const c = l + (p - Math.floor(p / n) * n);
+    for (let i = l, j = r; i < j; i++, j--) {
+      const t = stack[i];
+      stack[i] = stack[j];
+      stack[j] = t;
+    }
+    for (let i = l, j = c - 1; i < j; i++, j--) {
+      const t = stack[i];
+      stack[i] = stack[j];
+      stack[j] = t;
+    }
+    for (let i = c, j = r; i < j; i++, j--) {
+      const t = stack[i];
+      stack[i] = stack[j];
+      stack[j] = t;
+    }
+  }
+}
+class PostScriptEvaluator {
+  constructor(operators) {
+    this.operators = operators;
+  }
+  execute(initialStack) {
+    const stack = new PostScriptStack(initialStack);
+    let counter = 0;
+    const operators = this.operators;
+    const length = operators.length;
+    let operator, a, b;
+    while (counter < length) {
+      operator = operators[counter++];
+      if (typeof operator === "number") {
+        stack.push(operator);
+        continue;
+      }
+      switch (operator) {
+        case "jz":
+          b = stack.pop();
+          a = stack.pop();
+          if (!a) {
+            counter = b;
+          }
+          break;
+        case "j":
+          a = stack.pop();
+          counter = a;
+          break;
+        case "abs":
+          a = stack.pop();
+          stack.push(Math.abs(a));
+          break;
+        case "add":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a + b);
+          break;
+        case "and":
+          b = stack.pop();
+          a = stack.pop();
+          if (typeof a === "boolean" && typeof b === "boolean") {
+            stack.push(a && b);
+          } else {
+            stack.push(a & b);
+          }
+          break;
+        case "atan":
+          b = stack.pop();
+          a = stack.pop();
+          a = Math.atan2(a, b) / Math.PI * 180;
+          if (a < 0) {
+            a += 360;
+          }
+          stack.push(a);
+          break;
+        case "bitshift":
+          b = stack.pop();
+          a = stack.pop();
+          if (a > 0) {
+            stack.push(a << b);
+          } else {
+            stack.push(a >> b);
+          }
+          break;
+        case "ceiling":
+          a = stack.pop();
+          stack.push(Math.ceil(a));
+          break;
+        case "copy":
+          a = stack.pop();
+          stack.copy(a);
+          break;
+        case "cos":
+          a = stack.pop();
+          stack.push(Math.cos(a % 360 / 180 * Math.PI));
+          break;
+        case "cvi":
+          a = stack.pop() | 0;
+          stack.push(a);
+          break;
+        case "cvr":
+          break;
+        case "div":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a / b);
+          break;
+        case "dup":
+          stack.copy(1);
+          break;
+        case "eq":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a === b);
+          break;
+        case "exch":
+          stack.roll(2, 1);
+          break;
+        case "exp":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a ** b);
+          break;
+        case "false":
+          stack.push(false);
+          break;
+        case "floor":
+          a = stack.pop();
+          stack.push(Math.floor(a));
+          break;
+        case "ge":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a >= b);
+          break;
+        case "gt":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a > b);
+          break;
+        case "idiv":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a / b | 0);
+          break;
+        case "index":
+          a = stack.pop();
+          stack.index(a);
+          break;
+        case "le":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a <= b);
+          break;
+        case "ln":
+          a = stack.pop();
+          stack.push(Math.log(a));
+          break;
+        case "log":
+          a = stack.pop();
+          stack.push(Math.log(a) / Math.LN10);
+          break;
+        case "lt":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a < b);
+          break;
+        case "mod":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a % b);
+          break;
+        case "mul":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a * b);
+          break;
+        case "ne":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a !== b);
+          break;
+        case "neg":
+          a = stack.pop();
+          stack.push(-a);
+          break;
+        case "not":
+          a = stack.pop();
+          if (typeof a === "boolean") {
+            stack.push(!a);
+          } else {
+            stack.push(~a);
+          }
+          break;
+        case "or":
+          b = stack.pop();
+          a = stack.pop();
+          if (typeof a === "boolean" && typeof b === "boolean") {
+            stack.push(a || b);
+          } else {
+            stack.push(a | b);
+          }
+          break;
+        case "pop":
+          stack.pop();
+          break;
+        case "roll":
+          b = stack.pop();
+          a = stack.pop();
+          stack.roll(a, b);
+          break;
+        case "round":
+          a = stack.pop();
+          stack.push(Math.round(a));
+          break;
+        case "sin":
+          a = stack.pop();
+          stack.push(Math.sin(a % 360 / 180 * Math.PI));
+          break;
+        case "sqrt":
+          a = stack.pop();
+          stack.push(Math.sqrt(a));
+          break;
+        case "sub":
+          b = stack.pop();
+          a = stack.pop();
+          stack.push(a - b);
+          break;
+        case "true":
+          stack.push(true);
+          break;
+        case "truncate":
+          a = stack.pop();
+          a = a < 0 ? Math.ceil(a) : Math.floor(a);
+          stack.push(a);
+          break;
+        case "xor":
+          b = stack.pop();
+          a = stack.pop();
+          if (typeof a === "boolean" && typeof b === "boolean") {
+            stack.push(a !== b);
+          } else {
+            stack.push(a ^ b);
+          }
+          break;
+        default:
+          throw new _util.FormatError(`Unknown operator ${operator}`);
+      }
+    }
+    return stack.stack;
+  }
+}
+exports.PostScriptEvaluator = PostScriptEvaluator;
+class AstNode {
+  constructor(type) {
+    this.type = type;
+  }
+  visit(visitor) {
+    (0, _util.unreachable)("abstract method");
+  }
+}
+class AstArgument extends AstNode {
+  constructor(index, min, max) {
+    super("args");
+    this.index = index;
+    this.min = min;
+    this.max = max;
+  }
+  visit(visitor) {
+    visitor.visitArgument(this);
+  }
+}
+class AstLiteral extends AstNode {
+  constructor(number) {
+    super("literal");
+    this.number = number;
+    this.min = number;
+    this.max = number;
+  }
+  visit(visitor) {
+    visitor.visitLiteral(this);
+  }
+}
+class AstBinaryOperation extends AstNode {
+  constructor(op, arg1, arg2, min, max) {
+    super("binary");
+    this.op = op;
+    this.arg1 = arg1;
+    this.arg2 = arg2;
+    this.min = min;
+    this.max = max;
+  }
+  visit(visitor) {
+    visitor.visitBinaryOperation(this);
+  }
+}
+class AstMin extends AstNode {
+  constructor(arg, max) {
+    super("max");
+    this.arg = arg;
+    this.min = arg.min;
+    this.max = max;
+  }
+  visit(visitor) {
+    visitor.visitMin(this);
+  }
+}
+class AstVariable extends AstNode {
+  constructor(index, min, max) {
+    super("var");
+    this.index = index;
+    this.min = min;
+    this.max = max;
+  }
+  visit(visitor) {
+    visitor.visitVariable(this);
+  }
+}
+class AstVariableDefinition extends AstNode {
+  constructor(variable, arg) {
+    super("definition");
+    this.variable = variable;
+    this.arg = arg;
+  }
+  visit(visitor) {
+    visitor.visitVariableDefinition(this);
+  }
+}
+class ExpressionBuilderVisitor {
+  constructor() {
+    this.parts = [];
+  }
+  visitArgument(arg) {
+    this.parts.push("Math.max(", arg.min, ", Math.min(", arg.max, ", src[srcOffset + ", arg.index, "]))");
+  }
+  visitVariable(variable) {
+    this.parts.push("v", variable.index);
+  }
+  visitLiteral(literal) {
+    this.parts.push(literal.number);
+  }
+  visitBinaryOperation(operation) {
+    this.parts.push("(");
+    operation.arg1.visit(this);
+    this.parts.push(" ", operation.op, " ");
+    operation.arg2.visit(this);
+    this.parts.push(")");
+  }
+  visitVariableDefinition(definition) {
+    this.parts.push("var ");
+    definition.variable.visit(this);
+    this.parts.push(" = ");
+    definition.arg.visit(this);
+    this.parts.push(";");
+  }
+  visitMin(max) {
+    this.parts.push("Math.min(");
+    max.arg.visit(this);
+    this.parts.push(", ", max.max, ")");
+  }
+  toString() {
+    return this.parts.join("");
+  }
+}
+function buildAddOperation(num1, num2) {
+  if (num2.type === "literal" && num2.number === 0) {
+    return num1;
+  }
+  if (num1.type === "literal" && num1.number === 0) {
+    return num2;
+  }
+  if (num2.type === "literal" && num1.type === "literal") {
+    return new AstLiteral(num1.number + num2.number);
+  }
+  return new AstBinaryOperation("+", num1, num2, num1.min + num2.min, num1.max + num2.max);
+}
+function buildMulOperation(num1, num2) {
+  if (num2.type === "literal") {
+    if (num2.number === 0) {
+      return new AstLiteral(0);
+    } else if (num2.number === 1) {
+      return num1;
+    } else if (num1.type === "literal") {
+      return new AstLiteral(num1.number * num2.number);
+    }
+  }
+  if (num1.type === "literal") {
+    if (num1.number === 0) {
+      return new AstLiteral(0);
+    } else if (num1.number === 1) {
+      return num2;
+    }
+  }
+  const min = Math.min(num1.min * num2.min, num1.min * num2.max, num1.max * num2.min, num1.max * num2.max);
+  const max = Math.max(num1.min * num2.min, num1.min * num2.max, num1.max * num2.min, num1.max * num2.max);
+  return new AstBinaryOperation("*", num1, num2, min, max);
+}
+function buildSubOperation(num1, num2) {
+  if (num2.type === "literal") {
+    if (num2.number === 0) {
+      return num1;
+    } else if (num1.type === "literal") {
+      return new AstLiteral(num1.number - num2.number);
+    }
+  }
+  if (num2.type === "binary" && num2.op === "-" && num1.type === "literal" && num1.number === 1 && num2.arg1.type === "literal" && num2.arg1.number === 1) {
+    return num2.arg2;
+  }
+  return new AstBinaryOperation("-", num1, num2, num1.min - num2.max, num1.max - num2.min);
+}
+function buildMinOperation(num1, max) {
+  if (num1.min >= max) {
+    return new AstLiteral(max);
+  } else if (num1.max <= max) {
+    return num1;
+  }
+  return new AstMin(num1, max);
+}
+class PostScriptCompiler {
+  compile(code, domain, range) {
+    const stack = [];
+    const instructions = [];
+    const inputSize = domain.length >> 1,
+      outputSize = range.length >> 1;
+    let lastRegister = 0;
+    let n, j;
+    let num1, num2, ast1, ast2, tmpVar, item;
+    for (let i = 0; i < inputSize; i++) {
+      stack.push(new AstArgument(i, domain[i * 2], domain[i * 2 + 1]));
+    }
+    for (let i = 0, ii = code.length; i < ii; i++) {
+      item = code[i];
+      if (typeof item === "number") {
+        stack.push(new AstLiteral(item));
+        continue;
+      }
+      switch (item) {
+        case "add":
+          if (stack.length < 2) {
+            return null;
+          }
+          num2 = stack.pop();
+          num1 = stack.pop();
+          stack.push(buildAddOperation(num1, num2));
+          break;
+        case "cvr":
+          if (stack.length < 1) {
+            return null;
+          }
+          break;
+        case "mul":
+          if (stack.length < 2) {
+            return null;
+          }
+          num2 = stack.pop();
+          num1 = stack.pop();
+          stack.push(buildMulOperation(num1, num2));
+          break;
+        case "sub":
+          if (stack.length < 2) {
+            return null;
+          }
+          num2 = stack.pop();
+          num1 = stack.pop();
+          stack.push(buildSubOperation(num1, num2));
+          break;
+        case "exch":
+          if (stack.length < 2) {
+            return null;
+          }
+          ast1 = stack.pop();
+          ast2 = stack.pop();
+          stack.push(ast1, ast2);
+          break;
+        case "pop":
+          if (stack.length < 1) {
+            return null;
+          }
+          stack.pop();
+          break;
+        case "index":
+          if (stack.length < 1) {
+            return null;
+          }
+          num1 = stack.pop();
+          if (num1.type !== "literal") {
+            return null;
+          }
+          n = num1.number;
+          if (n < 0 || !Number.isInteger(n) || stack.length < n) {
+            return null;
+          }
+          ast1 = stack[stack.length - n - 1];
+          if (ast1.type === "literal" || ast1.type === "var") {
+            stack.push(ast1);
+            break;
+          }
+          tmpVar = new AstVariable(lastRegister++, ast1.min, ast1.max);
+          stack[stack.length - n - 1] = tmpVar;
+          stack.push(tmpVar);
+          instructions.push(new AstVariableDefinition(tmpVar, ast1));
+          break;
+        case "dup":
+          if (stack.length < 1) {
+            return null;
+          }
+          if (typeof code[i + 1] === "number" && code[i + 2] === "gt" && code[i + 3] === i + 7 && code[i + 4] === "jz" && code[i + 5] === "pop" && code[i + 6] === code[i + 1]) {
+            num1 = stack.pop();
+            stack.push(buildMinOperation(num1, code[i + 1]));
+            i += 6;
+            break;
+          }
+          ast1 = stack.at(-1);
+          if (ast1.type === "literal" || ast1.type === "var") {
+            stack.push(ast1);
+            break;
+          }
+          tmpVar = new AstVariable(lastRegister++, ast1.min, ast1.max);
+          stack[stack.length - 1] = tmpVar;
+          stack.push(tmpVar);
+          instructions.push(new AstVariableDefinition(tmpVar, ast1));
+          break;
+        case "roll":
+          if (stack.length < 2) {
+            return null;
+          }
+          num2 = stack.pop();
+          num1 = stack.pop();
+          if (num2.type !== "literal" || num1.type !== "literal") {
+            return null;
+          }
+          j = num2.number;
+          n = num1.number;
+          if (n <= 0 || !Number.isInteger(n) || !Number.isInteger(j) || stack.length < n) {
+            return null;
+          }
+          j = (j % n + n) % n;
+          if (j === 0) {
+            break;
+          }
+          stack.push(...stack.splice(stack.length - n, n - j));
+          break;
+        default:
+          return null;
+      }
+    }
+    if (stack.length !== outputSize) {
+      return null;
+    }
+    const result = [];
+    for (const instruction of instructions) {
+      const statementBuilder = new ExpressionBuilderVisitor();
+      instruction.visit(statementBuilder);
+      result.push(statementBuilder.toString());
+    }
+    for (let i = 0, ii = stack.length; i < ii; i++) {
+      const expr = stack[i],
+        statementBuilder = new ExpressionBuilderVisitor();
+      expr.visit(statementBuilder);
+      const min = range[i * 2],
+        max = range[i * 2 + 1];
+      const out = [statementBuilder.toString()];
+      if (min > expr.min) {
+        out.unshift("Math.max(", min, ", ");
+        out.push(")");
+      }
+      if (max < expr.max) {
+        out.unshift("Math.min(", max, ", ");
+        out.push(")");
+      }
+      out.unshift("dest[destOffset + ", i, "] = ");
+      out.push(";");
+      result.push(out.join(""));
+    }
+    return result.join("\n");
+  }
+}
+exports.PostScriptCompiler = PostScriptCompiler;
+
+/***/ }),
+/* 58 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PostScriptParser = exports.PostScriptLexer = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _core_utils = __w_pdfjs_require__(3);
+class PostScriptParser {
+  constructor(lexer) {
+    this.lexer = lexer;
+    this.operators = [];
+    this.token = null;
+    this.prev = null;
+  }
+  nextToken() {
+    this.prev = this.token;
+    this.token = this.lexer.getToken();
+  }
+  accept(type) {
+    if (this.token.type === type) {
+      this.nextToken();
+      return true;
+    }
+    return false;
+  }
+  expect(type) {
+    if (this.accept(type)) {
+      return true;
+    }
+    throw new _util.FormatError(`Unexpected symbol: found ${this.token.type} expected ${type}.`);
+  }
+  parse() {
+    this.nextToken();
+    this.expect(PostScriptTokenTypes.LBRACE);
+    this.parseBlock();
+    this.expect(PostScriptTokenTypes.RBRACE);
+    return this.operators;
+  }
+  parseBlock() {
+    while (true) {
+      if (this.accept(PostScriptTokenTypes.NUMBER)) {
+        this.operators.push(this.prev.value);
+      } else if (this.accept(PostScriptTokenTypes.OPERATOR)) {
+        this.operators.push(this.prev.value);
+      } else if (this.accept(PostScriptTokenTypes.LBRACE)) {
+        this.parseCondition();
+      } else {
+        return;
+      }
+    }
+  }
+  parseCondition() {
+    const conditionLocation = this.operators.length;
+    this.operators.push(null, null);
+    this.parseBlock();
+    this.expect(PostScriptTokenTypes.RBRACE);
+    if (this.accept(PostScriptTokenTypes.IF)) {
+      this.operators[conditionLocation] = this.operators.length;
+      this.operators[conditionLocation + 1] = "jz";
+    } else if (this.accept(PostScriptTokenTypes.LBRACE)) {
+      const jumpLocation = this.operators.length;
+      this.operators.push(null, null);
+      const endOfTrue = this.operators.length;
+      this.parseBlock();
+      this.expect(PostScriptTokenTypes.RBRACE);
+      this.expect(PostScriptTokenTypes.IFELSE);
+      this.operators[jumpLocation] = this.operators.length;
+      this.operators[jumpLocation + 1] = "j";
+      this.operators[conditionLocation] = endOfTrue;
+      this.operators[conditionLocation + 1] = "jz";
+    } else {
+      throw new _util.FormatError("PS Function: error parsing conditional.");
+    }
+  }
+}
+exports.PostScriptParser = PostScriptParser;
+const PostScriptTokenTypes = {
+  LBRACE: 0,
+  RBRACE: 1,
+  NUMBER: 2,
+  OPERATOR: 3,
+  IF: 4,
+  IFELSE: 5
+};
+class PostScriptToken {
+  static get opCache() {
+    return (0, _util.shadow)(this, "opCache", Object.create(null));
+  }
+  constructor(type, value) {
+    this.type = type;
+    this.value = value;
+  }
+  static getOperator(op) {
+    return PostScriptToken.opCache[op] ||= new PostScriptToken(PostScriptTokenTypes.OPERATOR, op);
+  }
+  static get LBRACE() {
+    return (0, _util.shadow)(this, "LBRACE", new PostScriptToken(PostScriptTokenTypes.LBRACE, "{"));
+  }
+  static get RBRACE() {
+    return (0, _util.shadow)(this, "RBRACE", new PostScriptToken(PostScriptTokenTypes.RBRACE, "}"));
+  }
+  static get IF() {
+    return (0, _util.shadow)(this, "IF", new PostScriptToken(PostScriptTokenTypes.IF, "IF"));
+  }
+  static get IFELSE() {
+    return (0, _util.shadow)(this, "IFELSE", new PostScriptToken(PostScriptTokenTypes.IFELSE, "IFELSE"));
+  }
+}
+class PostScriptLexer {
+  constructor(stream) {
+    this.stream = stream;
+    this.nextChar();
+    this.strBuf = [];
+  }
+  nextChar() {
+    return this.currentChar = this.stream.getByte();
+  }
+  getToken() {
+    let comment = false;
+    let ch = this.currentChar;
+    while (true) {
+      if (ch < 0) {
+        return _primitives.EOF;
+      }
+      if (comment) {
+        if (ch === 0x0a || ch === 0x0d) {
+          comment = false;
+        }
+      } else if (ch === 0x25) {
+        comment = true;
+      } else if (!(0, _core_utils.isWhiteSpace)(ch)) {
+        break;
+      }
+      ch = this.nextChar();
+    }
+    switch (ch | 0) {
+      case 0x30:
+      case 0x31:
+      case 0x32:
+      case 0x33:
+      case 0x34:
+      case 0x35:
+      case 0x36:
+      case 0x37:
+      case 0x38:
+      case 0x39:
+      case 0x2b:
+      case 0x2d:
+      case 0x2e:
+        return new PostScriptToken(PostScriptTokenTypes.NUMBER, this.getNumber());
+      case 0x7b:
+        this.nextChar();
+        return PostScriptToken.LBRACE;
+      case 0x7d:
+        this.nextChar();
+        return PostScriptToken.RBRACE;
+    }
+    const strBuf = this.strBuf;
+    strBuf.length = 0;
+    strBuf[0] = String.fromCharCode(ch);
+    while ((ch = this.nextChar()) >= 0 && (ch >= 0x41 && ch <= 0x5a || ch >= 0x61 && ch <= 0x7a)) {
+      strBuf.push(String.fromCharCode(ch));
+    }
+    const str = strBuf.join("");
+    switch (str.toLowerCase()) {
+      case "if":
+        return PostScriptToken.IF;
+      case "ifelse":
+        return PostScriptToken.IFELSE;
+      default:
+        return PostScriptToken.getOperator(str);
+    }
+  }
+  getNumber() {
+    let ch = this.currentChar;
+    const strBuf = this.strBuf;
+    strBuf.length = 0;
+    strBuf[0] = String.fromCharCode(ch);
+    while ((ch = this.nextChar()) >= 0) {
+      if (ch >= 0x30 && ch <= 0x39 || ch === 0x2d || ch === 0x2e) {
+        strBuf.push(String.fromCharCode(ch));
+      } else {
+        break;
+      }
+    }
+    const value = parseFloat(strBuf.join(""));
+    if (isNaN(value)) {
+      throw new _util.FormatError(`Invalid floating point number: ${value}`);
+    }
+    return value;
+  }
+}
+exports.PostScriptLexer = PostScriptLexer;
+
+/***/ }),
+/* 59 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.RegionalImageCache = exports.LocalTilingPatternCache = exports.LocalImageCache = exports.LocalGStateCache = exports.LocalFunctionCache = exports.LocalColorSpaceCache = exports.GlobalImageCache = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+class BaseLocalCache {
+  constructor(options) {
+    if (this.constructor === BaseLocalCache) {
+      (0, _util.unreachable)("Cannot initialize BaseLocalCache.");
+    }
+    this._onlyRefs = (options && options.onlyRefs) === true;
+    if (!this._onlyRefs) {
+      this._nameRefMap = new Map();
+      this._imageMap = new Map();
+    }
+    this._imageCache = new _primitives.RefSetCache();
+  }
+  getByName(name) {
+    if (this._onlyRefs) {
+      (0, _util.unreachable)("Should not call `getByName` method.");
+    }
+    const ref = this._nameRefMap.get(name);
+    if (ref) {
+      return this.getByRef(ref);
+    }
+    return this._imageMap.get(name) || null;
+  }
+  getByRef(ref) {
+    return this._imageCache.get(ref) || null;
+  }
+  set(name, ref, data) {
+    (0, _util.unreachable)("Abstract method `set` called.");
+  }
+}
+class LocalImageCache extends BaseLocalCache {
+  set(name, ref = null, data) {
+    if (typeof name !== "string") {
+      throw new Error('LocalImageCache.set - expected "name" argument.');
+    }
+    if (ref) {
+      if (this._imageCache.has(ref)) {
+        return;
+      }
+      this._nameRefMap.set(name, ref);
+      this._imageCache.put(ref, data);
+      return;
+    }
+    if (this._imageMap.has(name)) {
+      return;
+    }
+    this._imageMap.set(name, data);
+  }
+}
+exports.LocalImageCache = LocalImageCache;
+class LocalColorSpaceCache extends BaseLocalCache {
+  set(name = null, ref = null, data) {
+    if (typeof name !== "string" && !ref) {
+      throw new Error('LocalColorSpaceCache.set - expected "name" and/or "ref" argument.');
+    }
+    if (ref) {
+      if (this._imageCache.has(ref)) {
+        return;
+      }
+      if (name !== null) {
+        this._nameRefMap.set(name, ref);
+      }
+      this._imageCache.put(ref, data);
+      return;
+    }
+    if (this._imageMap.has(name)) {
+      return;
+    }
+    this._imageMap.set(name, data);
+  }
+}
+exports.LocalColorSpaceCache = LocalColorSpaceCache;
+class LocalFunctionCache extends BaseLocalCache {
+  constructor(options) {
+    super({
+      onlyRefs: true
+    });
+  }
+  set(name = null, ref, data) {
+    if (!ref) {
+      throw new Error('LocalFunctionCache.set - expected "ref" argument.');
+    }
+    if (this._imageCache.has(ref)) {
+      return;
+    }
+    this._imageCache.put(ref, data);
+  }
+}
+exports.LocalFunctionCache = LocalFunctionCache;
+class LocalGStateCache extends BaseLocalCache {
+  set(name, ref = null, data) {
+    if (typeof name !== "string") {
+      throw new Error('LocalGStateCache.set - expected "name" argument.');
+    }
+    if (ref) {
+      if (this._imageCache.has(ref)) {
+        return;
+      }
+      this._nameRefMap.set(name, ref);
+      this._imageCache.put(ref, data);
+      return;
+    }
+    if (this._imageMap.has(name)) {
+      return;
+    }
+    this._imageMap.set(name, data);
+  }
+}
+exports.LocalGStateCache = LocalGStateCache;
+class LocalTilingPatternCache extends BaseLocalCache {
+  constructor(options) {
+    super({
+      onlyRefs: true
+    });
+  }
+  set(name = null, ref, data) {
+    if (!ref) {
+      throw new Error('LocalTilingPatternCache.set - expected "ref" argument.');
+    }
+    if (this._imageCache.has(ref)) {
+      return;
+    }
+    this._imageCache.put(ref, data);
+  }
+}
+exports.LocalTilingPatternCache = LocalTilingPatternCache;
+class RegionalImageCache extends BaseLocalCache {
+  constructor(options) {
+    super({
+      onlyRefs: true
+    });
+  }
+  set(name = null, ref, data) {
+    if (!ref) {
+      throw new Error('RegionalImageCache.set - expected "ref" argument.');
+    }
+    if (this._imageCache.has(ref)) {
+      return;
+    }
+    this._imageCache.put(ref, data);
+  }
+}
+exports.RegionalImageCache = RegionalImageCache;
+class GlobalImageCache {
+  static NUM_PAGES_THRESHOLD = 2;
+  static MIN_IMAGES_TO_CACHE = 10;
+  static MAX_BYTE_SIZE = 5 * _util.MAX_IMAGE_SIZE_TO_CACHE;
+  constructor() {
+    this._refCache = new _primitives.RefSetCache();
+    this._imageCache = new _primitives.RefSetCache();
+  }
+  get _byteSize() {
+    let byteSize = 0;
+    for (const imageData of this._imageCache) {
+      byteSize += imageData.byteSize;
+    }
+    return byteSize;
+  }
+  get _cacheLimitReached() {
+    if (this._imageCache.size < GlobalImageCache.MIN_IMAGES_TO_CACHE) {
+      return false;
+    }
+    if (this._byteSize < GlobalImageCache.MAX_BYTE_SIZE) {
+      return false;
+    }
+    return true;
+  }
+  shouldCache(ref, pageIndex) {
+    let pageIndexSet = this._refCache.get(ref);
+    if (!pageIndexSet) {
+      pageIndexSet = new Set();
+      this._refCache.put(ref, pageIndexSet);
+    }
+    pageIndexSet.add(pageIndex);
+    if (pageIndexSet.size < GlobalImageCache.NUM_PAGES_THRESHOLD) {
+      return false;
+    }
+    if (!this._imageCache.has(ref) && this._cacheLimitReached) {
+      return false;
+    }
+    return true;
+  }
+  addByteSize(ref, byteSize) {
+    const imageData = this._imageCache.get(ref);
+    if (!imageData) {
+      return;
+    }
+    if (imageData.byteSize) {
+      return;
+    }
+    imageData.byteSize = byteSize;
+  }
+  getData(ref, pageIndex) {
+    const pageIndexSet = this._refCache.get(ref);
+    if (!pageIndexSet) {
+      return null;
+    }
+    if (pageIndexSet.size < GlobalImageCache.NUM_PAGES_THRESHOLD) {
+      return null;
+    }
+    const imageData = this._imageCache.get(ref);
+    if (!imageData) {
+      return null;
+    }
+    pageIndexSet.add(pageIndex);
+    return imageData;
+  }
+  setData(ref, data) {
+    if (!this._refCache.has(ref)) {
+      throw new Error('GlobalImageCache.setData - expected "shouldCache" to have been called.');
+    }
+    if (this._imageCache.has(ref)) {
+      return;
+    }
+    if (this._cacheLimitReached) {
+      (0, _util.warn)("GlobalImageCache.setData - cache limit reached.");
+      return;
+    }
+    this._imageCache.put(ref, data);
+  }
+  clear(onlyData = false) {
+    if (!onlyData) {
+      this._refCache.clear();
+    }
+    this._imageCache.clear();
+  }
+}
+exports.GlobalImageCache = GlobalImageCache;
+
+/***/ }),
+/* 60 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.bidi = bidi;
+var _util = __w_pdfjs_require__(2);
+const baseTypes = ["BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "S", "B", "S", "WS", "B", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "B", "B", "B", "S", "WS", "ON", "ON", "ET", "ET", "ET", "ON", "ON", "ON", "ON", "ON", "ES", "CS", "ES", "CS", "CS", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "CS", "ON", "ON", "ON", "ON", "ON", "ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "ON", "ON", "ON", "ON", "ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "ON", "ON", "ON", "BN", "BN", "BN", "BN", "BN", "BN", "B", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "BN", "CS", "ON", "ET", "ET", "ET", "ET", "ON", "ON", "ON", "ON", "L", "ON", "ON", "BN", "ON", "ON", "ET", "ET", "EN", "EN", "ON", "L", "ON", "ON", "ON", "EN", "L", "ON", "ON", "ON", "ON", "ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "L", "ON", "L", "L", "L", "L", "L", "L", "L", "L"];
+const arabicTypes = ["AN", "AN", "AN", "AN", "AN", "AN", "ON", "ON", "AL", "ET", "ET", "AL", "CS", "AL", "ON", "ON", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AL", "AL", "", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "AN", "ET", "AN", "AN", "AL", "AL", "AL", "NSM", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AN", "ON", "NSM", "NSM", "NSM", "NSM", "NSM", "NSM", "AL", "AL", "NSM", "NSM", "ON", "NSM", "NSM", "NSM", "NSM", "AL", "AL", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "EN", "AL", "AL", "AL", "AL", "AL", "AL"];
+function isOdd(i) {
+  return (i & 1) !== 0;
+}
+function isEven(i) {
+  return (i & 1) === 0;
+}
+function findUnequal(arr, start, value) {
+  let j, jj;
+  for (j = start, jj = arr.length; j < jj; ++j) {
+    if (arr[j] !== value) {
+      return j;
+    }
+  }
+  return j;
+}
+function setValues(arr, start, end, value) {
+  for (let j = start; j < end; ++j) {
+    arr[j] = value;
+  }
+}
+function reverseValues(arr, start, end) {
+  for (let i = start, j = end - 1; i < j; ++i, --j) {
+    const temp = arr[i];
+    arr[i] = arr[j];
+    arr[j] = temp;
+  }
+}
+function createBidiText(str, isLTR, vertical = false) {
+  let dir = "ltr";
+  if (vertical) {
+    dir = "ttb";
+  } else if (!isLTR) {
+    dir = "rtl";
+  }
+  return {
+    str,
+    dir
+  };
+}
+const chars = [];
+const types = [];
+function bidi(str, startLevel = -1, vertical = false) {
+  let isLTR = true;
+  const strLength = str.length;
+  if (strLength === 0 || vertical) {
+    return createBidiText(str, isLTR, vertical);
+  }
+  chars.length = strLength;
+  types.length = strLength;
+  let numBidi = 0;
+  let i, ii;
+  for (i = 0; i < strLength; ++i) {
+    chars[i] = str.charAt(i);
+    const charCode = str.charCodeAt(i);
+    let charType = "L";
+    if (charCode <= 0x00ff) {
+      charType = baseTypes[charCode];
+    } else if (0x0590 <= charCode && charCode <= 0x05f4) {
+      charType = "R";
+    } else if (0x0600 <= charCode && charCode <= 0x06ff) {
+      charType = arabicTypes[charCode & 0xff];
+      if (!charType) {
+        (0, _util.warn)("Bidi: invalid Unicode character " + charCode.toString(16));
+      }
+    } else if (0x0700 <= charCode && charCode <= 0x08ac || 0xfb50 <= charCode && charCode <= 0xfdff || 0xfe70 <= charCode && charCode <= 0xfeff) {
+      charType = "AL";
+    }
+    if (charType === "R" || charType === "AL" || charType === "AN") {
+      numBidi++;
+    }
+    types[i] = charType;
+  }
+  if (numBidi === 0) {
+    isLTR = true;
+    return createBidiText(str, isLTR);
+  }
+  if (startLevel === -1) {
+    if (numBidi / strLength < 0.3 && strLength > 4) {
+      isLTR = true;
+      startLevel = 0;
+    } else {
+      isLTR = false;
+      startLevel = 1;
+    }
+  }
+  const levels = [];
+  for (i = 0; i < strLength; ++i) {
+    levels[i] = startLevel;
+  }
+  const e = isOdd(startLevel) ? "R" : "L";
+  const sor = e;
+  const eor = sor;
+  let lastType = sor;
+  for (i = 0; i < strLength; ++i) {
+    if (types[i] === "NSM") {
+      types[i] = lastType;
+    } else {
+      lastType = types[i];
+    }
+  }
+  lastType = sor;
+  let t;
+  for (i = 0; i < strLength; ++i) {
+    t = types[i];
+    if (t === "EN") {
+      types[i] = lastType === "AL" ? "AN" : "EN";
+    } else if (t === "R" || t === "L" || t === "AL") {
+      lastType = t;
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    t = types[i];
+    if (t === "AL") {
+      types[i] = "R";
+    }
+  }
+  for (i = 1; i < strLength - 1; ++i) {
+    if (types[i] === "ES" && types[i - 1] === "EN" && types[i + 1] === "EN") {
+      types[i] = "EN";
+    }
+    if (types[i] === "CS" && (types[i - 1] === "EN" || types[i - 1] === "AN") && types[i + 1] === types[i - 1]) {
+      types[i] = types[i - 1];
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    if (types[i] === "EN") {
+      for (let j = i - 1; j >= 0; --j) {
+        if (types[j] !== "ET") {
+          break;
+        }
+        types[j] = "EN";
+      }
+      for (let j = i + 1; j < strLength; ++j) {
+        if (types[j] !== "ET") {
+          break;
+        }
+        types[j] = "EN";
+      }
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    t = types[i];
+    if (t === "WS" || t === "ES" || t === "ET" || t === "CS") {
+      types[i] = "ON";
+    }
+  }
+  lastType = sor;
+  for (i = 0; i < strLength; ++i) {
+    t = types[i];
+    if (t === "EN") {
+      types[i] = lastType === "L" ? "L" : "EN";
+    } else if (t === "R" || t === "L") {
+      lastType = t;
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    if (types[i] === "ON") {
+      const end = findUnequal(types, i + 1, "ON");
+      let before = sor;
+      if (i > 0) {
+        before = types[i - 1];
+      }
+      let after = eor;
+      if (end + 1 < strLength) {
+        after = types[end + 1];
+      }
+      if (before !== "L") {
+        before = "R";
+      }
+      if (after !== "L") {
+        after = "R";
+      }
+      if (before === after) {
+        setValues(types, i, end, before);
+      }
+      i = end - 1;
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    if (types[i] === "ON") {
+      types[i] = e;
+    }
+  }
+  for (i = 0; i < strLength; ++i) {
+    t = types[i];
+    if (isEven(levels[i])) {
+      if (t === "R") {
+        levels[i] += 1;
+      } else if (t === "AN" || t === "EN") {
+        levels[i] += 2;
+      }
+    } else {
+      if (t === "L" || t === "AN" || t === "EN") {
+        levels[i] += 1;
+      }
+    }
+  }
+  let highestLevel = -1;
+  let lowestOddLevel = 99;
+  let level;
+  for (i = 0, ii = levels.length; i < ii; ++i) {
+    level = levels[i];
+    if (highestLevel < level) {
+      highestLevel = level;
+    }
+    if (lowestOddLevel > level && isOdd(level)) {
+      lowestOddLevel = level;
+    }
+  }
+  for (level = highestLevel; level >= lowestOddLevel; --level) {
+    let start = -1;
+    for (i = 0, ii = levels.length; i < ii; ++i) {
+      if (levels[i] < level) {
+        if (start >= 0) {
+          reverseValues(chars, start, i);
+          start = -1;
+        }
+      } else if (start < 0) {
+        start = i;
+      }
+    }
+    if (start >= 0) {
+      reverseValues(chars, start, levels.length);
+    }
+  }
+  for (i = 0, ii = chars.length; i < ii; ++i) {
+    const ch = chars[i];
+    if (ch === "<" || ch === ">") {
+      chars[i] = "";
+    }
+  }
+  return createBidiText(chars.join(""), isLTR);
+}
+
+/***/ }),
+/* 61 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ImageResizer = void 0;
+var _util = __w_pdfjs_require__(2);
+const MIN_IMAGE_DIM = 2048;
+const MAX_IMAGE_DIM = 65537;
+const MAX_ERROR = 128;
+class ImageResizer {
+  constructor(imgData, isMask) {
+    this._imgData = imgData;
+    this._isMask = isMask;
+  }
+  static needsToBeResized(width, height) {
+    if (width <= this._goodSquareLength && height <= this._goodSquareLength) {
+      return false;
+    }
+    const {
+      MAX_DIM
+    } = this;
+    if (width > MAX_DIM || height > MAX_DIM) {
+      return true;
+    }
+    const area = width * height;
+    if (this._hasMaxArea) {
+      return area > this.MAX_AREA;
+    }
+    if (area < this._goodSquareLength ** 2) {
+      return false;
+    }
+    if (this._areGoodDims(width, height)) {
+      this._goodSquareLength = Math.max(this._goodSquareLength, Math.floor(Math.sqrt(width * height)));
+      return false;
+    }
+    this._goodSquareLength = this._guessMax(this._goodSquareLength, MAX_DIM, MAX_ERROR, 0);
+    const maxArea = this.MAX_AREA = this._goodSquareLength ** 2;
+    return area > maxArea;
+  }
+  static get MAX_DIM() {
+    return (0, _util.shadow)(this, "MAX_DIM", this._guessMax(MIN_IMAGE_DIM, MAX_IMAGE_DIM, 0, 1));
+  }
+  static get MAX_AREA() {
+    this._hasMaxArea = true;
+    return (0, _util.shadow)(this, "MAX_AREA", this._guessMax(ImageResizer._goodSquareLength, this.MAX_DIM, MAX_ERROR, 0) ** 2);
+  }
+  static set MAX_AREA(area) {
+    if (area >= 0) {
+      this._hasMaxArea = true;
+      (0, _util.shadow)(this, "MAX_AREA", area);
+    }
+  }
+  static setMaxArea(area) {
+    if (!this._hasMaxArea) {
+      this.MAX_AREA = area >> 2;
+    }
+  }
+  static _areGoodDims(width, height) {
+    try {
+      const canvas = new OffscreenCanvas(width, height);
+      const ctx = canvas.getContext("2d");
+      ctx.fillRect(0, 0, 1, 1);
+      const opacity = ctx.getImageData(0, 0, 1, 1).data[3];
+      canvas.width = canvas.height = 1;
+      return opacity !== 0;
+    } catch (e) {
+      return false;
+    }
+  }
+  static _guessMax(start, end, tolerance, defaultHeight) {
+    while (start + tolerance + 1 < end) {
+      const middle = Math.floor((start + end) / 2);
+      const height = defaultHeight || middle;
+      if (this._areGoodDims(middle, height)) {
+        start = middle;
+      } else {
+        end = middle;
+      }
+    }
+    return start;
+  }
+  static async createImage(imgData, isMask = false) {
+    return new ImageResizer(imgData, isMask)._createImage();
+  }
+  async _createImage() {
+    const data = this._encodeBMP();
+    const blob = new Blob([data.buffer], {
+      type: "image/bmp"
+    });
+    const bitmapPromise = createImageBitmap(blob);
+    const {
+      MAX_AREA,
+      MAX_DIM
+    } = ImageResizer;
+    const {
+      _imgData: imgData
+    } = this;
+    const {
+      width,
+      height
+    } = imgData;
+    const minFactor = Math.max(width / MAX_DIM, height / MAX_DIM, Math.sqrt(width * height / MAX_AREA));
+    const firstFactor = Math.max(minFactor, 2);
+    const factor = Math.round(10 * (minFactor + 1.25)) / 10 / firstFactor;
+    const N = Math.floor(Math.log2(factor));
+    const steps = new Array(N + 2).fill(2);
+    steps[0] = firstFactor;
+    steps.splice(-1, 1, factor / (1 << N));
+    let newWidth = width;
+    let newHeight = height;
+    let bitmap = await bitmapPromise;
+    for (const step of steps) {
+      const prevWidth = newWidth;
+      const prevHeight = newHeight;
+      newWidth = Math.floor(newWidth / step) - 1;
+      newHeight = Math.floor(newHeight / step) - 1;
+      const canvas = new OffscreenCanvas(newWidth, newHeight);
+      const ctx = canvas.getContext("2d");
+      ctx.drawImage(bitmap, 0, 0, prevWidth, prevHeight, 0, 0, newWidth, newHeight);
+      bitmap = canvas.transferToImageBitmap();
+    }
+    imgData.data = null;
+    imgData.bitmap = bitmap;
+    imgData.width = newWidth;
+    imgData.height = newHeight;
+    return imgData;
+  }
+  _encodeBMP() {
+    const {
+      width,
+      height,
+      kind
+    } = this._imgData;
+    let data = this._imgData.data;
+    let bitPerPixel;
+    let colorTable = new Uint8Array(0);
+    let maskTable = colorTable;
+    let compression = 0;
+    switch (kind) {
+      case _util.ImageKind.GRAYSCALE_1BPP:
+        {
+          bitPerPixel = 1;
+          colorTable = new Uint8Array(this._isMask ? [255, 255, 255, 255, 0, 0, 0, 0] : [0, 0, 0, 0, 255, 255, 255, 255]);
+          const rowLen = width + 7 >> 3;
+          const rowSize = rowLen + 3 & -4;
+          if (rowLen !== rowSize) {
+            const newData = new Uint8Array(rowSize * height);
+            let k = 0;
+            for (let i = 0, ii = height * rowLen; i < ii; i += rowLen, k += rowSize) {
+              newData.set(data.subarray(i, i + rowLen), k);
+            }
+            data = newData;
+          }
+          break;
+        }
+      case _util.ImageKind.RGB_24BPP:
+        {
+          bitPerPixel = 24;
+          if (width & 3) {
+            const rowLen = 3 * width;
+            const rowSize = rowLen + 3 & -4;
+            const extraLen = rowSize - rowLen;
+            const newData = new Uint8Array(rowSize * height);
+            let k = 0;
+            for (let i = 0, ii = height * rowLen; i < ii; i += rowLen) {
+              const row = data.subarray(i, i + rowLen);
+              for (let j = 0; j < rowLen; j += 3) {
+                newData[k++] = row[j + 2];
+                newData[k++] = row[j + 1];
+                newData[k++] = row[j];
+              }
+              k += extraLen;
+            }
+            data = newData;
+          } else {
+            for (let i = 0, ii = data.length; i < ii; i += 3) {
+              const tmp = data[i];
+              data[i] = data[i + 2];
+              data[i + 2] = tmp;
+            }
+          }
+          break;
+        }
+      case _util.ImageKind.RGBA_32BPP:
+        bitPerPixel = 32;
+        compression = 3;
+        maskTable = new Uint8Array(4 + 4 + 4 + 4 + 52);
+        const view = new DataView(maskTable.buffer);
+        if (_util.FeatureTest.isLittleEndian) {
+          view.setUint32(0, 0x000000ff, true);
+          view.setUint32(4, 0x0000ff00, true);
+          view.setUint32(8, 0x00ff0000, true);
+          view.setUint32(12, 0xff000000, true);
+        } else {
+          view.setUint32(0, 0xff000000, true);
+          view.setUint32(4, 0x00ff0000, true);
+          view.setUint32(8, 0x0000ff00, true);
+          view.setUint32(12, 0x000000ff, true);
+        }
+        break;
+      default:
+        throw new Error("invalid format");
+    }
+    let i = 0;
+    const headerLength = 40 + maskTable.length;
+    const fileLength = 14 + headerLength + colorTable.length + data.length;
+    const bmpData = new Uint8Array(fileLength);
+    const view = new DataView(bmpData.buffer);
+    view.setUint16(i, 0x4d42, true);
+    i += 2;
+    view.setUint32(i, fileLength, true);
+    i += 4;
+    view.setUint32(i, 0, true);
+    i += 4;
+    view.setUint32(i, 14 + headerLength + colorTable.length, true);
+    i += 4;
+    view.setUint32(i, headerLength, true);
+    i += 4;
+    view.setInt32(i, width, true);
+    i += 4;
+    view.setInt32(i, -height, true);
+    i += 4;
+    view.setUint16(i, 1, true);
+    i += 2;
+    view.setUint16(i, bitPerPixel, true);
+    i += 2;
+    view.setUint32(i, compression, true);
+    i += 4;
+    view.setUint32(i, 0, true);
+    i += 4;
+    view.setInt32(i, 0, true);
+    i += 4;
+    view.setInt32(i, 0, true);
+    i += 4;
+    view.setUint32(i, colorTable.length / 4, true);
+    i += 4;
+    view.setUint32(i, 0, true);
+    i += 4;
+    bmpData.set(maskTable, i);
+    i += maskTable.length;
+    bmpData.set(colorTable, i);
+    i += colorTable.length;
+    bmpData.set(data, i);
+    return bmpData;
+  }
+}
+exports.ImageResizer = ImageResizer;
+ImageResizer._goodSquareLength = MIN_IMAGE_DIM;
+
+/***/ }),
+/* 62 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.MurmurHash3_64 = void 0;
+var _util = __w_pdfjs_require__(2);
+const SEED = 0xc3d2e1f0;
+const MASK_HIGH = 0xffff0000;
+const MASK_LOW = 0xffff;
+class MurmurHash3_64 {
+  constructor(seed) {
+    this.h1 = seed ? seed & 0xffffffff : SEED;
+    this.h2 = seed ? seed & 0xffffffff : SEED;
+  }
+  update(input) {
+    let data, length;
+    if (typeof input === "string") {
+      data = new Uint8Array(input.length * 2);
+      length = 0;
+      for (let i = 0, ii = input.length; i < ii; i++) {
+        const code = input.charCodeAt(i);
+        if (code <= 0xff) {
+          data[length++] = code;
+        } else {
+          data[length++] = code >>> 8;
+          data[length++] = code & 0xff;
+        }
+      }
+    } else if ((0, _util.isArrayBuffer)(input)) {
+      data = input.slice();
+      length = data.byteLength;
+    } else {
+      throw new Error("Wrong data format in MurmurHash3_64_update. " + "Input must be a string or array.");
+    }
+    const blockCounts = length >> 2;
+    const tailLength = length - blockCounts * 4;
+    const dataUint32 = new Uint32Array(data.buffer, 0, blockCounts);
+    let k1 = 0,
+      k2 = 0;
+    let h1 = this.h1,
+      h2 = this.h2;
+    const C1 = 0xcc9e2d51,
+      C2 = 0x1b873593;
+    const C1_LOW = C1 & MASK_LOW,
+      C2_LOW = C2 & MASK_LOW;
+    for (let i = 0; i < blockCounts; i++) {
+      if (i & 1) {
+        k1 = dataUint32[i];
+        k1 = k1 * C1 & MASK_HIGH | k1 * C1_LOW & MASK_LOW;
+        k1 = k1 << 15 | k1 >>> 17;
+        k1 = k1 * C2 & MASK_HIGH | k1 * C2_LOW & MASK_LOW;
+        h1 ^= k1;
+        h1 = h1 << 13 | h1 >>> 19;
+        h1 = h1 * 5 + 0xe6546b64;
+      } else {
+        k2 = dataUint32[i];
+        k2 = k2 * C1 & MASK_HIGH | k2 * C1_LOW & MASK_LOW;
+        k2 = k2 << 15 | k2 >>> 17;
+        k2 = k2 * C2 & MASK_HIGH | k2 * C2_LOW & MASK_LOW;
+        h2 ^= k2;
+        h2 = h2 << 13 | h2 >>> 19;
+        h2 = h2 * 5 + 0xe6546b64;
+      }
+    }
+    k1 = 0;
+    switch (tailLength) {
+      case 3:
+        k1 ^= data[blockCounts * 4 + 2] << 16;
+      case 2:
+        k1 ^= data[blockCounts * 4 + 1] << 8;
+      case 1:
+        k1 ^= data[blockCounts * 4];
+        k1 = k1 * C1 & MASK_HIGH | k1 * C1_LOW & MASK_LOW;
+        k1 = k1 << 15 | k1 >>> 17;
+        k1 = k1 * C2 & MASK_HIGH | k1 * C2_LOW & MASK_LOW;
+        if (blockCounts & 1) {
+          h1 ^= k1;
+        } else {
+          h2 ^= k1;
+        }
+    }
+    this.h1 = h1;
+    this.h2 = h2;
+  }
+  hexdigest() {
+    let h1 = this.h1,
+      h2 = this.h2;
+    h1 ^= h2 >>> 1;
+    h1 = h1 * 0xed558ccd & MASK_HIGH | h1 * 0x8ccd & MASK_LOW;
+    h2 = h2 * 0xff51afd7 & MASK_HIGH | ((h2 << 16 | h1 >>> 16) * 0xafd7ed55 & MASK_HIGH) >>> 16;
+    h1 ^= h2 >>> 1;
+    h1 = h1 * 0x1a85ec53 & MASK_HIGH | h1 * 0xec53 & MASK_LOW;
+    h2 = h2 * 0xc4ceb9fe & MASK_HIGH | ((h2 << 16 | h1 >>> 16) * 0xb9fe1a85 & MASK_HIGH) >>> 16;
+    h1 ^= h2 >>> 1;
+    return (h1 >>> 0).toString(16).padStart(8, "0") + (h2 >>> 0).toString(16).padStart(8, "0");
+  }
+}
+exports.MurmurHash3_64 = MurmurHash3_64;
+
+/***/ }),
+/* 63 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.OperatorList = void 0;
+var _util = __w_pdfjs_require__(2);
+function addState(parentState, pattern, checkFn, iterateFn, processFn) {
+  let state = parentState;
+  for (let i = 0, ii = pattern.length - 1; i < ii; i++) {
+    const item = pattern[i];
+    state = state[item] ||= [];
+  }
+  state[pattern.at(-1)] = {
+    checkFn,
+    iterateFn,
+    processFn
+  };
+}
+const InitialState = [];
+addState(InitialState, [_util.OPS.save, _util.OPS.transform, _util.OPS.paintInlineImageXObject, _util.OPS.restore], null, function iterateInlineImageGroup(context, i) {
+  const fnArray = context.fnArray;
+  const iFirstSave = context.iCurr - 3;
+  const pos = (i - iFirstSave) % 4;
+  switch (pos) {
+    case 0:
+      return fnArray[i] === _util.OPS.save;
+    case 1:
+      return fnArray[i] === _util.OPS.transform;
+    case 2:
+      return fnArray[i] === _util.OPS.paintInlineImageXObject;
+    case 3:
+      return fnArray[i] === _util.OPS.restore;
+  }
+  throw new Error(`iterateInlineImageGroup - invalid pos: ${pos}`);
+}, function foundInlineImageGroup(context, i) {
+  const MIN_IMAGES_IN_INLINE_IMAGES_BLOCK = 10;
+  const MAX_IMAGES_IN_INLINE_IMAGES_BLOCK = 200;
+  const MAX_WIDTH = 1000;
+  const IMAGE_PADDING = 1;
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const curr = context.iCurr;
+  const iFirstSave = curr - 3;
+  const iFirstTransform = curr - 2;
+  const iFirstPIIXO = curr - 1;
+  const count = Math.min(Math.floor((i - iFirstSave) / 4), MAX_IMAGES_IN_INLINE_IMAGES_BLOCK);
+  if (count < MIN_IMAGES_IN_INLINE_IMAGES_BLOCK) {
+    return i - (i - iFirstSave) % 4;
+  }
+  let maxX = 0;
+  const map = [];
+  let maxLineHeight = 0;
+  let currentX = IMAGE_PADDING,
+    currentY = IMAGE_PADDING;
+  for (let q = 0; q < count; q++) {
+    const transform = argsArray[iFirstTransform + (q << 2)];
+    const img = argsArray[iFirstPIIXO + (q << 2)][0];
+    if (currentX + img.width > MAX_WIDTH) {
+      maxX = Math.max(maxX, currentX);
+      currentY += maxLineHeight + 2 * IMAGE_PADDING;
+      currentX = 0;
+      maxLineHeight = 0;
+    }
+    map.push({
+      transform,
+      x: currentX,
+      y: currentY,
+      w: img.width,
+      h: img.height
+    });
+    currentX += img.width + 2 * IMAGE_PADDING;
+    maxLineHeight = Math.max(maxLineHeight, img.height);
+  }
+  const imgWidth = Math.max(maxX, currentX) + IMAGE_PADDING;
+  const imgHeight = currentY + maxLineHeight + IMAGE_PADDING;
+  const imgData = new Uint8Array(imgWidth * imgHeight * 4);
+  const imgRowSize = imgWidth << 2;
+  for (let q = 0; q < count; q++) {
+    const data = argsArray[iFirstPIIXO + (q << 2)][0].data;
+    const rowSize = map[q].w << 2;
+    let dataOffset = 0;
+    let offset = map[q].x + map[q].y * imgWidth << 2;
+    imgData.set(data.subarray(0, rowSize), offset - imgRowSize);
+    for (let k = 0, kk = map[q].h; k < kk; k++) {
+      imgData.set(data.subarray(dataOffset, dataOffset + rowSize), offset);
+      dataOffset += rowSize;
+      offset += imgRowSize;
+    }
+    imgData.set(data.subarray(dataOffset - rowSize, dataOffset), offset);
+    while (offset >= 0) {
+      data[offset - 4] = data[offset];
+      data[offset - 3] = data[offset + 1];
+      data[offset - 2] = data[offset + 2];
+      data[offset - 1] = data[offset + 3];
+      data[offset + rowSize] = data[offset + rowSize - 4];
+      data[offset + rowSize + 1] = data[offset + rowSize - 3];
+      data[offset + rowSize + 2] = data[offset + rowSize - 2];
+      data[offset + rowSize + 3] = data[offset + rowSize - 1];
+      offset -= imgRowSize;
+    }
+  }
+  const img = {
+    width: imgWidth,
+    height: imgHeight
+  };
+  if (context.isOffscreenCanvasSupported) {
+    const canvas = new OffscreenCanvas(imgWidth, imgHeight);
+    const ctx = canvas.getContext("2d");
+    ctx.putImageData(new ImageData(new Uint8ClampedArray(imgData.buffer), imgWidth, imgHeight), 0, 0);
+    img.bitmap = canvas.transferToImageBitmap();
+    img.data = null;
+  } else {
+    img.kind = _util.ImageKind.RGBA_32BPP;
+    img.data = imgData;
+  }
+  fnArray.splice(iFirstSave, count * 4, _util.OPS.paintInlineImageXObjectGroup);
+  argsArray.splice(iFirstSave, count * 4, [img, map]);
+  return iFirstSave + 1;
+});
+addState(InitialState, [_util.OPS.save, _util.OPS.transform, _util.OPS.paintImageMaskXObject, _util.OPS.restore], null, function iterateImageMaskGroup(context, i) {
+  const fnArray = context.fnArray;
+  const iFirstSave = context.iCurr - 3;
+  const pos = (i - iFirstSave) % 4;
+  switch (pos) {
+    case 0:
+      return fnArray[i] === _util.OPS.save;
+    case 1:
+      return fnArray[i] === _util.OPS.transform;
+    case 2:
+      return fnArray[i] === _util.OPS.paintImageMaskXObject;
+    case 3:
+      return fnArray[i] === _util.OPS.restore;
+  }
+  throw new Error(`iterateImageMaskGroup - invalid pos: ${pos}`);
+}, function foundImageMaskGroup(context, i) {
+  const MIN_IMAGES_IN_MASKS_BLOCK = 10;
+  const MAX_IMAGES_IN_MASKS_BLOCK = 100;
+  const MAX_SAME_IMAGES_IN_MASKS_BLOCK = 1000;
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const curr = context.iCurr;
+  const iFirstSave = curr - 3;
+  const iFirstTransform = curr - 2;
+  const iFirstPIMXO = curr - 1;
+  let count = Math.floor((i - iFirstSave) / 4);
+  if (count < MIN_IMAGES_IN_MASKS_BLOCK) {
+    return i - (i - iFirstSave) % 4;
+  }
+  let isSameImage = false;
+  let iTransform, transformArgs;
+  const firstPIMXOArg0 = argsArray[iFirstPIMXO][0];
+  const firstTransformArg0 = argsArray[iFirstTransform][0],
+    firstTransformArg1 = argsArray[iFirstTransform][1],
+    firstTransformArg2 = argsArray[iFirstTransform][2],
+    firstTransformArg3 = argsArray[iFirstTransform][3];
+  if (firstTransformArg1 === firstTransformArg2) {
+    isSameImage = true;
+    iTransform = iFirstTransform + 4;
+    let iPIMXO = iFirstPIMXO + 4;
+    for (let q = 1; q < count; q++, iTransform += 4, iPIMXO += 4) {
+      transformArgs = argsArray[iTransform];
+      if (argsArray[iPIMXO][0] !== firstPIMXOArg0 || transformArgs[0] !== firstTransformArg0 || transformArgs[1] !== firstTransformArg1 || transformArgs[2] !== firstTransformArg2 || transformArgs[3] !== firstTransformArg3) {
+        if (q < MIN_IMAGES_IN_MASKS_BLOCK) {
+          isSameImage = false;
+        } else {
+          count = q;
+        }
+        break;
+      }
+    }
+  }
+  if (isSameImage) {
+    count = Math.min(count, MAX_SAME_IMAGES_IN_MASKS_BLOCK);
+    const positions = new Float32Array(count * 2);
+    iTransform = iFirstTransform;
+    for (let q = 0; q < count; q++, iTransform += 4) {
+      transformArgs = argsArray[iTransform];
+      positions[q << 1] = transformArgs[4];
+      positions[(q << 1) + 1] = transformArgs[5];
+    }
+    fnArray.splice(iFirstSave, count * 4, _util.OPS.paintImageMaskXObjectRepeat);
+    argsArray.splice(iFirstSave, count * 4, [firstPIMXOArg0, firstTransformArg0, firstTransformArg1, firstTransformArg2, firstTransformArg3, positions]);
+  } else {
+    count = Math.min(count, MAX_IMAGES_IN_MASKS_BLOCK);
+    const images = [];
+    for (let q = 0; q < count; q++) {
+      transformArgs = argsArray[iFirstTransform + (q << 2)];
+      const maskParams = argsArray[iFirstPIMXO + (q << 2)][0];
+      images.push({
+        data: maskParams.data,
+        width: maskParams.width,
+        height: maskParams.height,
+        interpolate: maskParams.interpolate,
+        count: maskParams.count,
+        transform: transformArgs
+      });
+    }
+    fnArray.splice(iFirstSave, count * 4, _util.OPS.paintImageMaskXObjectGroup);
+    argsArray.splice(iFirstSave, count * 4, [images]);
+  }
+  return iFirstSave + 1;
+});
+addState(InitialState, [_util.OPS.save, _util.OPS.transform, _util.OPS.paintImageXObject, _util.OPS.restore], function (context) {
+  const argsArray = context.argsArray;
+  const iFirstTransform = context.iCurr - 2;
+  return argsArray[iFirstTransform][1] === 0 && argsArray[iFirstTransform][2] === 0;
+}, function iterateImageGroup(context, i) {
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const iFirstSave = context.iCurr - 3;
+  const pos = (i - iFirstSave) % 4;
+  switch (pos) {
+    case 0:
+      return fnArray[i] === _util.OPS.save;
+    case 1:
+      if (fnArray[i] !== _util.OPS.transform) {
+        return false;
+      }
+      const iFirstTransform = context.iCurr - 2;
+      const firstTransformArg0 = argsArray[iFirstTransform][0];
+      const firstTransformArg3 = argsArray[iFirstTransform][3];
+      if (argsArray[i][0] !== firstTransformArg0 || argsArray[i][1] !== 0 || argsArray[i][2] !== 0 || argsArray[i][3] !== firstTransformArg3) {
+        return false;
+      }
+      return true;
+    case 2:
+      if (fnArray[i] !== _util.OPS.paintImageXObject) {
+        return false;
+      }
+      const iFirstPIXO = context.iCurr - 1;
+      const firstPIXOArg0 = argsArray[iFirstPIXO][0];
+      if (argsArray[i][0] !== firstPIXOArg0) {
+        return false;
+      }
+      return true;
+    case 3:
+      return fnArray[i] === _util.OPS.restore;
+  }
+  throw new Error(`iterateImageGroup - invalid pos: ${pos}`);
+}, function (context, i) {
+  const MIN_IMAGES_IN_BLOCK = 3;
+  const MAX_IMAGES_IN_BLOCK = 1000;
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const curr = context.iCurr;
+  const iFirstSave = curr - 3;
+  const iFirstTransform = curr - 2;
+  const iFirstPIXO = curr - 1;
+  const firstPIXOArg0 = argsArray[iFirstPIXO][0];
+  const firstTransformArg0 = argsArray[iFirstTransform][0];
+  const firstTransformArg3 = argsArray[iFirstTransform][3];
+  const count = Math.min(Math.floor((i - iFirstSave) / 4), MAX_IMAGES_IN_BLOCK);
+  if (count < MIN_IMAGES_IN_BLOCK) {
+    return i - (i - iFirstSave) % 4;
+  }
+  const positions = new Float32Array(count * 2);
+  let iTransform = iFirstTransform;
+  for (let q = 0; q < count; q++, iTransform += 4) {
+    const transformArgs = argsArray[iTransform];
+    positions[q << 1] = transformArgs[4];
+    positions[(q << 1) + 1] = transformArgs[5];
+  }
+  const args = [firstPIXOArg0, firstTransformArg0, firstTransformArg3, positions];
+  fnArray.splice(iFirstSave, count * 4, _util.OPS.paintImageXObjectRepeat);
+  argsArray.splice(iFirstSave, count * 4, args);
+  return iFirstSave + 1;
+});
+addState(InitialState, [_util.OPS.beginText, _util.OPS.setFont, _util.OPS.setTextMatrix, _util.OPS.showText, _util.OPS.endText], null, function iterateShowTextGroup(context, i) {
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const iFirstSave = context.iCurr - 4;
+  const pos = (i - iFirstSave) % 5;
+  switch (pos) {
+    case 0:
+      return fnArray[i] === _util.OPS.beginText;
+    case 1:
+      return fnArray[i] === _util.OPS.setFont;
+    case 2:
+      return fnArray[i] === _util.OPS.setTextMatrix;
+    case 3:
+      if (fnArray[i] !== _util.OPS.showText) {
+        return false;
+      }
+      const iFirstSetFont = context.iCurr - 3;
+      const firstSetFontArg0 = argsArray[iFirstSetFont][0];
+      const firstSetFontArg1 = argsArray[iFirstSetFont][1];
+      if (argsArray[i][0] !== firstSetFontArg0 || argsArray[i][1] !== firstSetFontArg1) {
+        return false;
+      }
+      return true;
+    case 4:
+      return fnArray[i] === _util.OPS.endText;
+  }
+  throw new Error(`iterateShowTextGroup - invalid pos: ${pos}`);
+}, function (context, i) {
+  const MIN_CHARS_IN_BLOCK = 3;
+  const MAX_CHARS_IN_BLOCK = 1000;
+  const fnArray = context.fnArray,
+    argsArray = context.argsArray;
+  const curr = context.iCurr;
+  const iFirstBeginText = curr - 4;
+  const iFirstSetFont = curr - 3;
+  const iFirstSetTextMatrix = curr - 2;
+  const iFirstShowText = curr - 1;
+  const iFirstEndText = curr;
+  const firstSetFontArg0 = argsArray[iFirstSetFont][0];
+  const firstSetFontArg1 = argsArray[iFirstSetFont][1];
+  let count = Math.min(Math.floor((i - iFirstBeginText) / 5), MAX_CHARS_IN_BLOCK);
+  if (count < MIN_CHARS_IN_BLOCK) {
+    return i - (i - iFirstBeginText) % 5;
+  }
+  let iFirst = iFirstBeginText;
+  if (iFirstBeginText >= 4 && fnArray[iFirstBeginText - 4] === fnArray[iFirstSetFont] && fnArray[iFirstBeginText - 3] === fnArray[iFirstSetTextMatrix] && fnArray[iFirstBeginText - 2] === fnArray[iFirstShowText] && fnArray[iFirstBeginText - 1] === fnArray[iFirstEndText] && argsArray[iFirstBeginText - 4][0] === firstSetFontArg0 && argsArray[iFirstBeginText - 4][1] === firstSetFontArg1) {
+    count++;
+    iFirst -= 5;
+  }
+  let iEndText = iFirst + 4;
+  for (let q = 1; q < count; q++) {
+    fnArray.splice(iEndText, 3);
+    argsArray.splice(iEndText, 3);
+    iEndText += 2;
+  }
+  return iEndText + 1;
+});
+class NullOptimizer {
+  constructor(queue) {
+    this.queue = queue;
+  }
+  _optimize() {}
+  push(fn, args) {
+    this.queue.fnArray.push(fn);
+    this.queue.argsArray.push(args);
+    this._optimize();
+  }
+  flush() {}
+  reset() {}
+}
+class QueueOptimizer extends NullOptimizer {
+  constructor(queue) {
+    super(queue);
+    this.state = null;
+    this.context = {
+      iCurr: 0,
+      fnArray: queue.fnArray,
+      argsArray: queue.argsArray,
+      isOffscreenCanvasSupported: false
+    };
+    this.match = null;
+    this.lastProcessed = 0;
+  }
+  set isOffscreenCanvasSupported(value) {
+    this.context.isOffscreenCanvasSupported = value;
+  }
+  _optimize() {
+    const fnArray = this.queue.fnArray;
+    let i = this.lastProcessed,
+      ii = fnArray.length;
+    let state = this.state;
+    let match = this.match;
+    if (!state && !match && i + 1 === ii && !InitialState[fnArray[i]]) {
+      this.lastProcessed = ii;
+      return;
+    }
+    const context = this.context;
+    while (i < ii) {
+      if (match) {
+        const iterate = (0, match.iterateFn)(context, i);
+        if (iterate) {
+          i++;
+          continue;
+        }
+        i = (0, match.processFn)(context, i + 1);
+        ii = fnArray.length;
+        match = null;
+        state = null;
+        if (i >= ii) {
+          break;
+        }
+      }
+      state = (state || InitialState)[fnArray[i]];
+      if (!state || Array.isArray(state)) {
+        i++;
+        continue;
+      }
+      context.iCurr = i;
+      i++;
+      if (state.checkFn && !(0, state.checkFn)(context)) {
+        state = null;
+        continue;
+      }
+      match = state;
+      state = null;
+    }
+    this.state = state;
+    this.match = match;
+    this.lastProcessed = i;
+  }
+  flush() {
+    while (this.match) {
+      const length = this.queue.fnArray.length;
+      this.lastProcessed = (0, this.match.processFn)(this.context, length);
+      this.match = null;
+      this.state = null;
+      this._optimize();
+    }
+  }
+  reset() {
+    this.state = null;
+    this.match = null;
+    this.lastProcessed = 0;
+  }
+}
+class OperatorList {
+  static CHUNK_SIZE = 1000;
+  static CHUNK_SIZE_ABOUT = this.CHUNK_SIZE - 5;
+  constructor(intent = 0, streamSink) {
+    this._streamSink = streamSink;
+    this.fnArray = [];
+    this.argsArray = [];
+    if (streamSink && !(intent & _util.RenderingIntentFlag.OPLIST)) {
+      this.optimizer = new QueueOptimizer(this);
+    } else {
+      this.optimizer = new NullOptimizer(this);
+    }
+    this.dependencies = new Set();
+    this._totalLength = 0;
+    this.weight = 0;
+    this._resolved = streamSink ? null : Promise.resolve();
+  }
+  set isOffscreenCanvasSupported(value) {
+    this.optimizer.isOffscreenCanvasSupported = value;
+  }
+  get length() {
+    return this.argsArray.length;
+  }
+  get ready() {
+    return this._resolved || this._streamSink.ready;
+  }
+  get totalLength() {
+    return this._totalLength + this.length;
+  }
+  addOp(fn, args) {
+    this.optimizer.push(fn, args);
+    this.weight++;
+    if (this._streamSink) {
+      if (this.weight >= OperatorList.CHUNK_SIZE) {
+        this.flush();
+      } else if (this.weight >= OperatorList.CHUNK_SIZE_ABOUT && (fn === _util.OPS.restore || fn === _util.OPS.endText)) {
+        this.flush();
+      }
+    }
+  }
+  addImageOps(fn, args, optionalContent) {
+    if (optionalContent !== undefined) {
+      this.addOp(_util.OPS.beginMarkedContentProps, ["OC", optionalContent]);
+    }
+    this.addOp(fn, args);
+    if (optionalContent !== undefined) {
+      this.addOp(_util.OPS.endMarkedContent, []);
+    }
+  }
+  addDependency(dependency) {
+    if (this.dependencies.has(dependency)) {
+      return;
+    }
+    this.dependencies.add(dependency);
+    this.addOp(_util.OPS.dependency, [dependency]);
+  }
+  addDependencies(dependencies) {
+    for (const dependency of dependencies) {
+      this.addDependency(dependency);
+    }
+  }
+  addOpList(opList) {
+    if (!(opList instanceof OperatorList)) {
+      (0, _util.warn)('addOpList - ignoring invalid "opList" parameter.');
+      return;
+    }
+    for (const dependency of opList.dependencies) {
+      this.dependencies.add(dependency);
+    }
+    for (let i = 0, ii = opList.length; i < ii; i++) {
+      this.addOp(opList.fnArray[i], opList.argsArray[i]);
+    }
+  }
+  getIR() {
+    return {
+      fnArray: this.fnArray,
+      argsArray: this.argsArray,
+      length: this.length
+    };
+  }
+  get _transfers() {
+    const transfers = [];
+    const {
+      fnArray,
+      argsArray,
+      length
+    } = this;
+    for (let i = 0; i < length; i++) {
+      switch (fnArray[i]) {
+        case _util.OPS.paintInlineImageXObject:
+        case _util.OPS.paintInlineImageXObjectGroup:
+        case _util.OPS.paintImageMaskXObject:
+          const arg = argsArray[i][0];
+          if (!arg.cached && arg.data && arg.data.buffer instanceof ArrayBuffer) {
+            transfers.push(arg.data.buffer);
+          }
+          break;
+      }
+    }
+    return transfers;
+  }
+  flush(lastChunk = false, separateAnnots = null) {
+    this.optimizer.flush();
+    const length = this.length;
+    this._totalLength += length;
+    this._streamSink.enqueue({
+      fnArray: this.fnArray,
+      argsArray: this.argsArray,
+      lastChunk,
+      separateAnnots,
+      length
+    }, 1, this._transfers);
+    this.dependencies.clear();
+    this.fnArray.length = 0;
+    this.argsArray.length = 0;
+    this.weight = 0;
+    this.optimizer.reset();
+  }
+}
+exports.OperatorList = OperatorList;
+
+/***/ }),
+/* 64 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PDFImage = void 0;
+var _util = __w_pdfjs_require__(2);
+var _image_utils = __w_pdfjs_require__(28);
+var _base_stream = __w_pdfjs_require__(5);
+var _colorspace = __w_pdfjs_require__(12);
+var _decode_stream = __w_pdfjs_require__(18);
+var _image_resizer = __w_pdfjs_require__(61);
+var _jpeg_stream = __w_pdfjs_require__(26);
+var _jpx = __w_pdfjs_require__(30);
+var _primitives = __w_pdfjs_require__(4);
+function decodeAndClamp(value, addend, coefficient, max) {
+  value = addend + value * coefficient;
+  if (value < 0) {
+    value = 0;
+  } else if (value > max) {
+    value = max;
+  }
+  return value;
+}
+function resizeImageMask(src, bpc, w1, h1, w2, h2) {
+  const length = w2 * h2;
+  let dest;
+  if (bpc <= 8) {
+    dest = new Uint8Array(length);
+  } else if (bpc <= 16) {
+    dest = new Uint16Array(length);
+  } else {
+    dest = new Uint32Array(length);
+  }
+  const xRatio = w1 / w2;
+  const yRatio = h1 / h2;
+  let i,
+    j,
+    py,
+    newIndex = 0,
+    oldIndex;
+  const xScaled = new Uint16Array(w2);
+  const w1Scanline = w1;
+  for (i = 0; i < w2; i++) {
+    xScaled[i] = Math.floor(i * xRatio);
+  }
+  for (i = 0; i < h2; i++) {
+    py = Math.floor(i * yRatio) * w1Scanline;
+    for (j = 0; j < w2; j++) {
+      oldIndex = py + xScaled[j];
+      dest[newIndex++] = src[oldIndex];
+    }
+  }
+  return dest;
+}
+class PDFImage {
+  constructor({
+    xref,
+    res,
+    image,
+    isInline = false,
+    smask = null,
+    mask = null,
+    isMask = false,
+    pdfFunctionFactory,
+    localColorSpaceCache
+  }) {
+    this.image = image;
+    const dict = image.dict;
+    const filter = dict.get("F", "Filter");
+    let filterName;
+    if (filter instanceof _primitives.Name) {
+      filterName = filter.name;
+    } else if (Array.isArray(filter)) {
+      const filterZero = xref.fetchIfRef(filter[0]);
+      if (filterZero instanceof _primitives.Name) {
+        filterName = filterZero.name;
+      }
+    }
+    switch (filterName) {
+      case "JPXDecode":
+        const jpxImage = new _jpx.JpxImage();
+        jpxImage.parseImageProperties(image.stream);
+        image.stream.reset();
+        image.width = jpxImage.width;
+        image.height = jpxImage.height;
+        image.bitsPerComponent = jpxImage.bitsPerComponent;
+        image.numComps = jpxImage.componentsCount;
+        break;
+      case "JBIG2Decode":
+        image.bitsPerComponent = 1;
+        image.numComps = 1;
+        break;
+    }
+    let width = dict.get("W", "Width");
+    let height = dict.get("H", "Height");
+    if (Number.isInteger(image.width) && image.width > 0 && Number.isInteger(image.height) && image.height > 0 && (image.width !== width || image.height !== height)) {
+      (0, _util.warn)("PDFImage - using the Width/Height of the image data, " + "rather than the image dictionary.");
+      width = image.width;
+      height = image.height;
+    }
+    if (width < 1 || height < 1) {
+      throw new _util.FormatError(`Invalid image width: ${width} or height: ${height}`);
+    }
+    this.width = width;
+    this.height = height;
+    this.interpolate = dict.get("I", "Interpolate");
+    this.imageMask = dict.get("IM", "ImageMask") || false;
+    this.matte = dict.get("Matte") || false;
+    let bitsPerComponent = image.bitsPerComponent;
+    if (!bitsPerComponent) {
+      bitsPerComponent = dict.get("BPC", "BitsPerComponent");
+      if (!bitsPerComponent) {
+        if (this.imageMask) {
+          bitsPerComponent = 1;
+        } else {
+          throw new _util.FormatError(`Bits per component missing in image: ${this.imageMask}`);
+        }
+      }
+    }
+    this.bpc = bitsPerComponent;
+    if (!this.imageMask) {
+      let colorSpace = dict.getRaw("CS") || dict.getRaw("ColorSpace");
+      if (!colorSpace) {
+        (0, _util.info)("JPX images (which do not require color spaces)");
+        switch (image.numComps) {
+          case 1:
+            colorSpace = _primitives.Name.get("DeviceGray");
+            break;
+          case 3:
+            colorSpace = _primitives.Name.get("DeviceRGB");
+            break;
+          case 4:
+            colorSpace = _primitives.Name.get("DeviceCMYK");
+            break;
+          default:
+            throw new Error(`JPX images with ${image.numComps} color components not supported.`);
+        }
+      }
+      this.colorSpace = _colorspace.ColorSpace.parse({
+        cs: colorSpace,
+        xref,
+        resources: isInline ? res : null,
+        pdfFunctionFactory,
+        localColorSpaceCache
+      });
+      this.numComps = this.colorSpace.numComps;
+    }
+    this.decode = dict.getArray("D", "Decode");
+    this.needsDecode = false;
+    if (this.decode && (this.colorSpace && !this.colorSpace.isDefaultDecode(this.decode, bitsPerComponent) || isMask && !_colorspace.ColorSpace.isDefaultDecode(this.decode, 1))) {
+      this.needsDecode = true;
+      const max = (1 << bitsPerComponent) - 1;
+      this.decodeCoefficients = [];
+      this.decodeAddends = [];
+      const isIndexed = this.colorSpace && this.colorSpace.name === "Indexed";
+      for (let i = 0, j = 0; i < this.decode.length; i += 2, ++j) {
+        const dmin = this.decode[i];
+        const dmax = this.decode[i + 1];
+        this.decodeCoefficients[j] = isIndexed ? (dmax - dmin) / max : dmax - dmin;
+        this.decodeAddends[j] = isIndexed ? dmin : max * dmin;
+      }
+    }
+    if (smask) {
+      this.smask = new PDFImage({
+        xref,
+        res,
+        image: smask,
+        isInline,
+        pdfFunctionFactory,
+        localColorSpaceCache
+      });
+    } else if (mask) {
+      if (mask instanceof _base_stream.BaseStream) {
+        const maskDict = mask.dict,
+          imageMask = maskDict.get("IM", "ImageMask");
+        if (!imageMask) {
+          (0, _util.warn)("Ignoring /Mask in image without /ImageMask.");
+        } else {
+          this.mask = new PDFImage({
+            xref,
+            res,
+            image: mask,
+            isInline,
+            isMask: true,
+            pdfFunctionFactory,
+            localColorSpaceCache
+          });
+        }
+      } else {
+        this.mask = mask;
+      }
+    }
+  }
+  static async buildImage({
+    xref,
+    res,
+    image,
+    isInline = false,
+    pdfFunctionFactory,
+    localColorSpaceCache
+  }) {
+    const imageData = image;
+    let smaskData = null;
+    let maskData = null;
+    const smask = image.dict.get("SMask");
+    const mask = image.dict.get("Mask");
+    if (smask) {
+      if (smask instanceof _base_stream.BaseStream) {
+        smaskData = smask;
+      } else {
+        (0, _util.warn)("Unsupported /SMask format.");
+      }
+    } else if (mask) {
+      if (mask instanceof _base_stream.BaseStream || Array.isArray(mask)) {
+        maskData = mask;
+      } else {
+        (0, _util.warn)("Unsupported /Mask format.");
+      }
+    }
+    return new PDFImage({
+      xref,
+      res,
+      image: imageData,
+      isInline,
+      smask: smaskData,
+      mask: maskData,
+      pdfFunctionFactory,
+      localColorSpaceCache
+    });
+  }
+  static createRawMask({
+    imgArray,
+    width,
+    height,
+    imageIsFromDecodeStream,
+    inverseDecode,
+    interpolate
+  }) {
+    const computedLength = (width + 7 >> 3) * height;
+    const actualLength = imgArray.byteLength;
+    const haveFullData = computedLength === actualLength;
+    let data, i;
+    if (imageIsFromDecodeStream && (!inverseDecode || haveFullData)) {
+      data = imgArray;
+    } else if (!inverseDecode) {
+      data = new Uint8Array(imgArray);
+    } else {
+      data = new Uint8Array(computedLength);
+      data.set(imgArray);
+      data.fill(0xff, actualLength);
+    }
+    if (inverseDecode) {
+      for (i = 0; i < actualLength; i++) {
+        data[i] ^= 0xff;
+      }
+    }
+    return {
+      data,
+      width,
+      height,
+      interpolate
+    };
+  }
+  static async createMask({
+    imgArray,
+    width,
+    height,
+    imageIsFromDecodeStream,
+    inverseDecode,
+    interpolate,
+    isOffscreenCanvasSupported = false
+  }) {
+    const isSingleOpaquePixel = width === 1 && height === 1 && inverseDecode === (imgArray.length === 0 || !!(imgArray[0] & 128));
+    if (isSingleOpaquePixel) {
+      return {
+        isSingleOpaquePixel
+      };
+    }
+    if (isOffscreenCanvasSupported) {
+      if (_image_resizer.ImageResizer.needsToBeResized(width, height)) {
+        const data = new Uint8ClampedArray(width * height * 4);
+        (0, _image_utils.convertBlackAndWhiteToRGBA)({
+          src: imgArray,
+          dest: data,
+          width,
+          height,
+          nonBlackColor: 0,
+          inverseDecode
+        });
+        return _image_resizer.ImageResizer.createImage({
+          kind: _util.ImageKind.RGBA_32BPP,
+          data,
+          width,
+          height,
+          interpolate
+        });
+      }
+      const canvas = new OffscreenCanvas(width, height);
+      const ctx = canvas.getContext("2d");
+      const imgData = ctx.createImageData(width, height);
+      (0, _image_utils.convertBlackAndWhiteToRGBA)({
+        src: imgArray,
+        dest: imgData.data,
+        width,
+        height,
+        nonBlackColor: 0,
+        inverseDecode
+      });
+      ctx.putImageData(imgData, 0, 0);
+      const bitmap = canvas.transferToImageBitmap();
+      return {
+        data: null,
+        width,
+        height,
+        interpolate,
+        bitmap
+      };
+    }
+    return this.createRawMask({
+      imgArray,
+      width,
+      height,
+      inverseDecode,
+      imageIsFromDecodeStream,
+      interpolate
+    });
+  }
+  get drawWidth() {
+    return Math.max(this.width, this.smask && this.smask.width || 0, this.mask && this.mask.width || 0);
+  }
+  get drawHeight() {
+    return Math.max(this.height, this.smask && this.smask.height || 0, this.mask && this.mask.height || 0);
+  }
+  decodeBuffer(buffer) {
+    const bpc = this.bpc;
+    const numComps = this.numComps;
+    const decodeAddends = this.decodeAddends;
+    const decodeCoefficients = this.decodeCoefficients;
+    const max = (1 << bpc) - 1;
+    let i, ii;
+    if (bpc === 1) {
+      for (i = 0, ii = buffer.length; i < ii; i++) {
+        buffer[i] = +!buffer[i];
+      }
+      return;
+    }
+    let index = 0;
+    for (i = 0, ii = this.width * this.height; i < ii; i++) {
+      for (let j = 0; j < numComps; j++) {
+        buffer[index] = decodeAndClamp(buffer[index], decodeAddends[j], decodeCoefficients[j], max);
+        index++;
+      }
+    }
+  }
+  getComponents(buffer) {
+    const bpc = this.bpc;
+    if (bpc === 8) {
+      return buffer;
+    }
+    const width = this.width;
+    const height = this.height;
+    const numComps = this.numComps;
+    const length = width * height * numComps;
+    let bufferPos = 0;
+    let output;
+    if (bpc <= 8) {
+      output = new Uint8Array(length);
+    } else if (bpc <= 16) {
+      output = new Uint16Array(length);
+    } else {
+      output = new Uint32Array(length);
+    }
+    const rowComps = width * numComps;
+    const max = (1 << bpc) - 1;
+    let i = 0,
+      ii,
+      buf;
+    if (bpc === 1) {
+      let mask, loop1End, loop2End;
+      for (let j = 0; j < height; j++) {
+        loop1End = i + (rowComps & ~7);
+        loop2End = i + rowComps;
+        while (i < loop1End) {
+          buf = buffer[bufferPos++];
+          output[i] = buf >> 7 & 1;
+          output[i + 1] = buf >> 6 & 1;
+          output[i + 2] = buf >> 5 & 1;
+          output[i + 3] = buf >> 4 & 1;
+          output[i + 4] = buf >> 3 & 1;
+          output[i + 5] = buf >> 2 & 1;
+          output[i + 6] = buf >> 1 & 1;
+          output[i + 7] = buf & 1;
+          i += 8;
+        }
+        if (i < loop2End) {
+          buf = buffer[bufferPos++];
+          mask = 128;
+          while (i < loop2End) {
+            output[i++] = +!!(buf & mask);
+            mask >>= 1;
+          }
+        }
+      }
+    } else {
+      let bits = 0;
+      buf = 0;
+      for (i = 0, ii = length; i < ii; ++i) {
+        if (i % rowComps === 0) {
+          buf = 0;
+          bits = 0;
+        }
+        while (bits < bpc) {
+          buf = buf << 8 | buffer[bufferPos++];
+          bits += 8;
+        }
+        const remainingBits = bits - bpc;
+        let value = buf >> remainingBits;
+        if (value < 0) {
+          value = 0;
+        } else if (value > max) {
+          value = max;
+        }
+        output[i] = value;
+        buf &= (1 << remainingBits) - 1;
+        bits = remainingBits;
+      }
+    }
+    return output;
+  }
+  fillOpacity(rgbaBuf, width, height, actualHeight, image) {
+    const smask = this.smask;
+    const mask = this.mask;
+    let alphaBuf, sw, sh, i, ii, j;
+    if (smask) {
+      sw = smask.width;
+      sh = smask.height;
+      alphaBuf = new Uint8ClampedArray(sw * sh);
+      smask.fillGrayBuffer(alphaBuf);
+      if (sw !== width || sh !== height) {
+        alphaBuf = resizeImageMask(alphaBuf, smask.bpc, sw, sh, width, height);
+      }
+    } else if (mask) {
+      if (mask instanceof PDFImage) {
+        sw = mask.width;
+        sh = mask.height;
+        alphaBuf = new Uint8ClampedArray(sw * sh);
+        mask.numComps = 1;
+        mask.fillGrayBuffer(alphaBuf);
+        for (i = 0, ii = sw * sh; i < ii; ++i) {
+          alphaBuf[i] = 255 - alphaBuf[i];
+        }
+        if (sw !== width || sh !== height) {
+          alphaBuf = resizeImageMask(alphaBuf, mask.bpc, sw, sh, width, height);
+        }
+      } else if (Array.isArray(mask)) {
+        alphaBuf = new Uint8ClampedArray(width * height);
+        const numComps = this.numComps;
+        for (i = 0, ii = width * height; i < ii; ++i) {
+          let opacity = 0;
+          const imageOffset = i * numComps;
+          for (j = 0; j < numComps; ++j) {
+            const color = image[imageOffset + j];
+            const maskOffset = j * 2;
+            if (color < mask[maskOffset] || color > mask[maskOffset + 1]) {
+              opacity = 255;
+              break;
+            }
+          }
+          alphaBuf[i] = opacity;
+        }
+      } else {
+        throw new _util.FormatError("Unknown mask format.");
+      }
+    }
+    if (alphaBuf) {
+      for (i = 0, j = 3, ii = width * actualHeight; i < ii; ++i, j += 4) {
+        rgbaBuf[j] = alphaBuf[i];
+      }
+    } else {
+      for (i = 0, j = 3, ii = width * actualHeight; i < ii; ++i, j += 4) {
+        rgbaBuf[j] = 255;
+      }
+    }
+  }
+  undoPreblend(buffer, width, height) {
+    const matte = this.smask && this.smask.matte;
+    if (!matte) {
+      return;
+    }
+    const matteRgb = this.colorSpace.getRgb(matte, 0);
+    const matteR = matteRgb[0];
+    const matteG = matteRgb[1];
+    const matteB = matteRgb[2];
+    const length = width * height * 4;
+    for (let i = 0; i < length; i += 4) {
+      const alpha = buffer[i + 3];
+      if (alpha === 0) {
+        buffer[i] = 255;
+        buffer[i + 1] = 255;
+        buffer[i + 2] = 255;
+        continue;
+      }
+      const k = 255 / alpha;
+      buffer[i] = (buffer[i] - matteR) * k + matteR;
+      buffer[i + 1] = (buffer[i + 1] - matteG) * k + matteG;
+      buffer[i + 2] = (buffer[i + 2] - matteB) * k + matteB;
+    }
+  }
+  async createImageData(forceRGBA = false, isOffscreenCanvasSupported = false) {
+    const drawWidth = this.drawWidth;
+    const drawHeight = this.drawHeight;
+    const imgData = {
+      width: drawWidth,
+      height: drawHeight,
+      interpolate: this.interpolate,
+      kind: 0,
+      data: null
+    };
+    const numComps = this.numComps;
+    const originalWidth = this.width;
+    const originalHeight = this.height;
+    const bpc = this.bpc;
+    const rowBytes = originalWidth * numComps * bpc + 7 >> 3;
+    const mustBeResized = isOffscreenCanvasSupported && _image_resizer.ImageResizer.needsToBeResized(drawWidth, drawHeight);
+    if (!forceRGBA) {
+      let kind;
+      if (this.colorSpace.name === "DeviceGray" && bpc === 1) {
+        kind = _util.ImageKind.GRAYSCALE_1BPP;
+      } else if (this.colorSpace.name === "DeviceRGB" && bpc === 8 && !this.needsDecode) {
+        kind = _util.ImageKind.RGB_24BPP;
+      }
+      if (kind && !this.smask && !this.mask && drawWidth === originalWidth && drawHeight === originalHeight) {
+        const data = this.getImageBytes(originalHeight * rowBytes, {});
+        if (isOffscreenCanvasSupported) {
+          if (mustBeResized) {
+            return _image_resizer.ImageResizer.createImage({
+              data,
+              kind,
+              width: drawWidth,
+              height: drawHeight,
+              interpolate: this.interpolate
+            }, this.needsDecode);
+          }
+          return this.createBitmap(kind, originalWidth, originalHeight, data);
+        }
+        imgData.kind = kind;
+        imgData.data = data;
+        if (this.needsDecode) {
+          (0, _util.assert)(kind === _util.ImageKind.GRAYSCALE_1BPP, "PDFImage.createImageData: The image must be grayscale.");
+          const buffer = imgData.data;
+          for (let i = 0, ii = buffer.length; i < ii; i++) {
+            buffer[i] ^= 0xff;
+          }
+        }
+        return imgData;
+      }
+      if (this.image instanceof _jpeg_stream.JpegStream && !this.smask && !this.mask && !this.needsDecode) {
+        let imageLength = originalHeight * rowBytes;
+        if (isOffscreenCanvasSupported && !mustBeResized) {
+          let isHandled = false;
+          switch (this.colorSpace.name) {
+            case "DeviceGray":
+              imageLength *= 4;
+              isHandled = true;
+              break;
+            case "DeviceRGB":
+              imageLength = imageLength / 3 * 4;
+              isHandled = true;
+              break;
+            case "DeviceCMYK":
+              isHandled = true;
+              break;
+          }
+          if (isHandled) {
+            const rgba = this.getImageBytes(imageLength, {
+              drawWidth,
+              drawHeight,
+              forceRGBA: true
+            });
+            return this.createBitmap(_util.ImageKind.RGBA_32BPP, drawWidth, drawHeight, rgba);
+          }
+        } else {
+          switch (this.colorSpace.name) {
+            case "DeviceGray":
+              imageLength *= 3;
+            case "DeviceRGB":
+            case "DeviceCMYK":
+              imgData.kind = _util.ImageKind.RGB_24BPP;
+              imgData.data = this.getImageBytes(imageLength, {
+                drawWidth,
+                drawHeight,
+                forceRGB: true
+              });
+              if (mustBeResized) {
+                return _image_resizer.ImageResizer.createImage(imgData);
+              }
+              return imgData;
+          }
+        }
+      }
+    }
+    const imgArray = this.getImageBytes(originalHeight * rowBytes, {
+      internal: true
+    });
+    const actualHeight = 0 | imgArray.length / rowBytes * drawHeight / originalHeight;
+    const comps = this.getComponents(imgArray);
+    let alpha01, maybeUndoPreblend;
+    let canvas, ctx, canvasImgData, data;
+    if (isOffscreenCanvasSupported && !mustBeResized) {
+      canvas = new OffscreenCanvas(drawWidth, drawHeight);
+      ctx = canvas.getContext("2d");
+      canvasImgData = ctx.createImageData(drawWidth, drawHeight);
+      data = canvasImgData.data;
+    }
+    imgData.kind = _util.ImageKind.RGBA_32BPP;
+    if (!forceRGBA && !this.smask && !this.mask) {
+      if (!isOffscreenCanvasSupported || mustBeResized) {
+        imgData.kind = _util.ImageKind.RGB_24BPP;
+        data = new Uint8ClampedArray(drawWidth * drawHeight * 3);
+        alpha01 = 0;
+      } else {
+        const arr = new Uint32Array(data.buffer);
+        arr.fill(_util.FeatureTest.isLittleEndian ? 0xff000000 : 0x000000ff);
+        alpha01 = 1;
+      }
+      maybeUndoPreblend = false;
+    } else {
+      if (!isOffscreenCanvasSupported || mustBeResized) {
+        data = new Uint8ClampedArray(drawWidth * drawHeight * 4);
+      }
+      alpha01 = 1;
+      maybeUndoPreblend = true;
+      this.fillOpacity(data, drawWidth, drawHeight, actualHeight, comps);
+    }
+    if (this.needsDecode) {
+      this.decodeBuffer(comps);
+    }
+    this.colorSpace.fillRgb(data, originalWidth, originalHeight, drawWidth, drawHeight, actualHeight, bpc, comps, alpha01);
+    if (maybeUndoPreblend) {
+      this.undoPreblend(data, drawWidth, actualHeight);
+    }
+    if (isOffscreenCanvasSupported && !mustBeResized) {
+      ctx.putImageData(canvasImgData, 0, 0);
+      const bitmap = canvas.transferToImageBitmap();
+      return {
+        data: null,
+        width: drawWidth,
+        height: drawHeight,
+        bitmap,
+        interpolate: this.interpolate
+      };
+    }
+    imgData.data = data;
+    if (mustBeResized) {
+      return _image_resizer.ImageResizer.createImage(imgData);
+    }
+    return imgData;
+  }
+  fillGrayBuffer(buffer) {
+    const numComps = this.numComps;
+    if (numComps !== 1) {
+      throw new _util.FormatError(`Reading gray scale from a color image: ${numComps}`);
+    }
+    const width = this.width;
+    const height = this.height;
+    const bpc = this.bpc;
+    const rowBytes = width * numComps * bpc + 7 >> 3;
+    const imgArray = this.getImageBytes(height * rowBytes, {
+      internal: true
+    });
+    const comps = this.getComponents(imgArray);
+    let i, length;
+    if (bpc === 1) {
+      length = width * height;
+      if (this.needsDecode) {
+        for (i = 0; i < length; ++i) {
+          buffer[i] = comps[i] - 1 & 255;
+        }
+      } else {
+        for (i = 0; i < length; ++i) {
+          buffer[i] = -comps[i] & 255;
+        }
+      }
+      return;
+    }
+    if (this.needsDecode) {
+      this.decodeBuffer(comps);
+    }
+    length = width * height;
+    const scale = 255 / ((1 << bpc) - 1);
+    for (i = 0; i < length; ++i) {
+      buffer[i] = scale * comps[i];
+    }
+  }
+  createBitmap(kind, width, height, src) {
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext("2d");
+    let imgData;
+    if (kind === _util.ImageKind.RGBA_32BPP) {
+      imgData = new ImageData(src, width, height);
+    } else {
+      imgData = ctx.createImageData(width, height);
+      (0, _image_utils.convertToRGBA)({
+        kind,
+        src,
+        dest: new Uint32Array(imgData.data.buffer),
+        width,
+        height,
+        inverseDecode: this.needsDecode
+      });
+    }
+    ctx.putImageData(imgData, 0, 0);
+    const bitmap = canvas.transferToImageBitmap();
+    return {
+      data: null,
+      width,
+      height,
+      bitmap,
+      interpolate: this.interpolate
+    };
+  }
+  getImageBytes(length, {
+    drawWidth,
+    drawHeight,
+    forceRGBA = false,
+    forceRGB = false,
+    internal = false
+  }) {
+    this.image.reset();
+    this.image.drawWidth = drawWidth || this.width;
+    this.image.drawHeight = drawHeight || this.height;
+    this.image.forceRGBA = !!forceRGBA;
+    this.image.forceRGB = !!forceRGB;
+    const imageBytes = this.image.getBytes(length);
+    if (internal || this.image instanceof _decode_stream.DecodeStream) {
+      return imageBytes;
+    }
+    (0, _util.assert)(imageBytes instanceof Uint8Array, 'PDFImage.getImageBytes: Unsupported "imageBytes" type.');
+    return new Uint8Array(imageBytes);
+  }
+}
+exports.PDFImage = PDFImage;
+
+/***/ }),
+/* 65 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.incrementalUpdate = incrementalUpdate;
+exports.writeDict = writeDict;
+exports.writeObject = writeObject;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _core_utils = __w_pdfjs_require__(3);
+var _xml_parser = __w_pdfjs_require__(66);
+var _base_stream = __w_pdfjs_require__(5);
+var _crypto = __w_pdfjs_require__(67);
+function writeObject(ref, obj, buffer, transform) {
+  buffer.push(`${ref.num} ${ref.gen} obj\n`);
+  if (obj instanceof _primitives.Dict) {
+    writeDict(obj, buffer, transform);
+  } else if (obj instanceof _base_stream.BaseStream) {
+    writeStream(obj, buffer, transform);
+  }
+  buffer.push("\nendobj\n");
+}
+function writeDict(dict, buffer, transform) {
+  buffer.push("<<");
+  for (const key of dict.getKeys()) {
+    buffer.push(` /${(0, _core_utils.escapePDFName)(key)} `);
+    writeValue(dict.getRaw(key), buffer, transform);
+  }
+  buffer.push(">>");
+}
+function writeStream(stream, buffer, transform) {
+  let string = stream.getString();
+  if (transform !== null) {
+    string = transform.encryptString(string);
+  }
+  stream.dict.set("Length", string.length);
+  writeDict(stream.dict, buffer, transform);
+  buffer.push(" stream\n", string, "\nendstream");
+}
+function writeArray(array, buffer, transform) {
+  buffer.push("[");
+  let first = true;
+  for (const val of array) {
+    if (!first) {
+      buffer.push(" ");
+    } else {
+      first = false;
+    }
+    writeValue(val, buffer, transform);
+  }
+  buffer.push("]");
+}
+function writeValue(value, buffer, transform) {
+  if (value instanceof _primitives.Name) {
+    buffer.push(`/${(0, _core_utils.escapePDFName)(value.name)}`);
+  } else if (value instanceof _primitives.Ref) {
+    buffer.push(`${value.num} ${value.gen} R`);
+  } else if (Array.isArray(value)) {
+    writeArray(value, buffer, transform);
+  } else if (typeof value === "string") {
+    if (transform !== null) {
+      value = transform.encryptString(value);
+    }
+    buffer.push(`(${(0, _core_utils.escapeString)(value)})`);
+  } else if (typeof value === "number") {
+    buffer.push((0, _core_utils.numberToString)(value));
+  } else if (typeof value === "boolean") {
+    buffer.push(value.toString());
+  } else if (value instanceof _primitives.Dict) {
+    writeDict(value, buffer, transform);
+  } else if (value instanceof _base_stream.BaseStream) {
+    writeStream(value, buffer, transform);
+  } else if (value === null) {
+    buffer.push("null");
+  } else {
+    (0, _util.warn)(`Unhandled value in writer: ${typeof value}, please file a bug.`);
+  }
+}
+function writeInt(number, size, offset, buffer) {
+  for (let i = size + offset - 1; i > offset - 1; i--) {
+    buffer[i] = number & 0xff;
+    number >>= 8;
+  }
+  return offset + size;
+}
+function writeString(string, offset, buffer) {
+  for (let i = 0, len = string.length; i < len; i++) {
+    buffer[offset + i] = string.charCodeAt(i) & 0xff;
+  }
+}
+function computeMD5(filesize, xrefInfo) {
+  const time = Math.floor(Date.now() / 1000);
+  const filename = xrefInfo.filename || "";
+  const md5Buffer = [time.toString(), filename, filesize.toString()];
+  let md5BufferLen = md5Buffer.reduce((a, str) => a + str.length, 0);
+  for (const value of Object.values(xrefInfo.info)) {
+    md5Buffer.push(value);
+    md5BufferLen += value.length;
+  }
+  const array = new Uint8Array(md5BufferLen);
+  let offset = 0;
+  for (const str of md5Buffer) {
+    writeString(str, offset, array);
+    offset += str.length;
+  }
+  return (0, _util.bytesToString)((0, _crypto.calculateMD5)(array));
+}
+function writeXFADataForAcroform(str, newRefs) {
+  const xml = new _xml_parser.SimpleXMLParser({
+    hasAttributes: true
+  }).parseFromString(str);
+  for (const {
+    xfa
+  } of newRefs) {
+    if (!xfa) {
+      continue;
+    }
+    const {
+      path,
+      value
+    } = xfa;
+    if (!path) {
+      continue;
+    }
+    const nodePath = (0, _core_utils.parseXFAPath)(path);
+    let node = xml.documentElement.searchNode(nodePath, 0);
+    if (!node && nodePath.length > 1) {
+      node = xml.documentElement.searchNode([nodePath.at(-1)], 0);
+    }
+    if (node) {
+      if (Array.isArray(value)) {
+        node.childNodes = value.map(val => new _xml_parser.SimpleDOMNode("value", val));
+      } else {
+        node.childNodes = [new _xml_parser.SimpleDOMNode("#text", value)];
+      }
+    } else {
+      (0, _util.warn)(`Node not found for path: ${path}`);
+    }
+  }
+  const buffer = [];
+  xml.documentElement.dump(buffer);
+  return buffer.join("");
+}
+function updateAcroform({
+  xref,
+  acroForm,
+  acroFormRef,
+  hasXfa,
+  hasXfaDatasetsEntry,
+  xfaDatasetsRef,
+  needAppearances,
+  newRefs
+}) {
+  if (hasXfa && !hasXfaDatasetsEntry && !xfaDatasetsRef) {
+    (0, _util.warn)("XFA - Cannot save it");
+  }
+  if (!needAppearances && (!hasXfa || !xfaDatasetsRef)) {
+    return;
+  }
+  const dict = new _primitives.Dict(xref);
+  for (const key of acroForm.getKeys()) {
+    dict.set(key, acroForm.getRaw(key));
+  }
+  if (hasXfa && !hasXfaDatasetsEntry) {
+    const newXfa = acroForm.get("XFA").slice();
+    newXfa.splice(2, 0, "datasets");
+    newXfa.splice(3, 0, xfaDatasetsRef);
+    dict.set("XFA", newXfa);
+  }
+  if (needAppearances) {
+    dict.set("NeedAppearances", true);
+  }
+  const encrypt = xref.encrypt;
+  let transform = null;
+  if (encrypt) {
+    transform = encrypt.createCipherTransform(acroFormRef.num, acroFormRef.gen);
+  }
+  const buffer = [];
+  writeObject(acroFormRef, dict, buffer, transform);
+  newRefs.push({
+    ref: acroFormRef,
+    data: buffer.join("")
+  });
+}
+function updateXFA({
+  xfaData,
+  xfaDatasetsRef,
+  newRefs,
+  xref
+}) {
+  if (xfaData === null) {
+    const datasets = xref.fetchIfRef(xfaDatasetsRef);
+    xfaData = writeXFADataForAcroform(datasets.getString(), newRefs);
+  }
+  const encrypt = xref.encrypt;
+  if (encrypt) {
+    const transform = encrypt.createCipherTransform(xfaDatasetsRef.num, xfaDatasetsRef.gen);
+    xfaData = transform.encryptString(xfaData);
+  }
+  const data = `${xfaDatasetsRef.num} ${xfaDatasetsRef.gen} obj\n` + `<< /Type /EmbeddedFile /Length ${xfaData.length}>>\nstream\n` + xfaData + "\nendstream\nendobj\n";
+  newRefs.push({
+    ref: xfaDatasetsRef,
+    data
+  });
+}
+function incrementalUpdate({
+  originalData,
+  xrefInfo,
+  newRefs,
+  xref = null,
+  hasXfa = false,
+  xfaDatasetsRef = null,
+  hasXfaDatasetsEntry = false,
+  needAppearances,
+  acroFormRef = null,
+  acroForm = null,
+  xfaData = null
+}) {
+  updateAcroform({
+    xref,
+    acroForm,
+    acroFormRef,
+    hasXfa,
+    hasXfaDatasetsEntry,
+    xfaDatasetsRef,
+    needAppearances,
+    newRefs
+  });
+  if (hasXfa) {
+    updateXFA({
+      xfaData,
+      xfaDatasetsRef,
+      newRefs,
+      xref
+    });
+  }
+  const newXref = new _primitives.Dict(null);
+  const refForXrefTable = xrefInfo.newRef;
+  let buffer, baseOffset;
+  const lastByte = originalData.at(-1);
+  if (lastByte === 0x0a || lastByte === 0x0d) {
+    buffer = [];
+    baseOffset = originalData.length;
+  } else {
+    buffer = ["\n"];
+    baseOffset = originalData.length + 1;
+  }
+  newXref.set("Size", refForXrefTable.num + 1);
+  newXref.set("Prev", xrefInfo.startXRef);
+  newXref.set("Type", _primitives.Name.get("XRef"));
+  if (xrefInfo.rootRef !== null) {
+    newXref.set("Root", xrefInfo.rootRef);
+  }
+  if (xrefInfo.infoRef !== null) {
+    newXref.set("Info", xrefInfo.infoRef);
+  }
+  if (xrefInfo.encryptRef !== null) {
+    newXref.set("Encrypt", xrefInfo.encryptRef);
+  }
+  newRefs.push({
+    ref: refForXrefTable,
+    data: ""
+  });
+  newRefs = newRefs.sort((a, b) => {
+    return a.ref.num - b.ref.num;
+  });
+  const xrefTableData = [[0, 1, 0xffff]];
+  const indexes = [0, 1];
+  let maxOffset = 0;
+  for (const {
+    ref,
+    data
+  } of newRefs) {
+    maxOffset = Math.max(maxOffset, baseOffset);
+    xrefTableData.push([1, baseOffset, Math.min(ref.gen, 0xffff)]);
+    baseOffset += data.length;
+    indexes.push(ref.num, 1);
+    buffer.push(data);
+  }
+  newXref.set("Index", indexes);
+  if (Array.isArray(xrefInfo.fileIds) && xrefInfo.fileIds.length > 0) {
+    const md5 = computeMD5(baseOffset, xrefInfo);
+    newXref.set("ID", [xrefInfo.fileIds[0], md5]);
+  }
+  const offsetSize = Math.ceil(Math.log2(maxOffset) / 8);
+  const sizes = [1, offsetSize, 2];
+  const structSize = sizes[0] + sizes[1] + sizes[2];
+  const tableLength = structSize * xrefTableData.length;
+  newXref.set("W", sizes);
+  newXref.set("Length", tableLength);
+  buffer.push(`${refForXrefTable.num} ${refForXrefTable.gen} obj\n`);
+  writeDict(newXref, buffer, null);
+  buffer.push(" stream\n");
+  const bufferLen = buffer.reduce((a, str) => a + str.length, 0);
+  const footer = `\nendstream\nendobj\nstartxref\n${baseOffset}\n%%EOF\n`;
+  const array = new Uint8Array(originalData.length + bufferLen + tableLength + footer.length);
+  array.set(originalData);
+  let offset = originalData.length;
+  for (const str of buffer) {
+    writeString(str, offset, array);
+    offset += str.length;
+  }
+  for (const [type, objOffset, gen] of xrefTableData) {
+    offset = writeInt(type, sizes[0], offset, array);
+    offset = writeInt(objOffset, sizes[1], offset, array);
+    offset = writeInt(gen, sizes[2], offset, array);
+  }
+  writeString(footer, offset, array);
+  return array;
+}
+
+/***/ }),
+/* 66 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XMLParserErrorCode = exports.XMLParserBase = exports.SimpleXMLParser = exports.SimpleDOMNode = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+const XMLParserErrorCode = {
+  NoError: 0,
+  EndOfDocument: -1,
+  UnterminatedCdat: -2,
+  UnterminatedXmlDeclaration: -3,
+  UnterminatedDoctypeDeclaration: -4,
+  UnterminatedComment: -5,
+  MalformedElement: -6,
+  OutOfMemory: -7,
+  UnterminatedAttributeValue: -8,
+  UnterminatedElement: -9,
+  ElementNeverBegun: -10
+};
+exports.XMLParserErrorCode = XMLParserErrorCode;
+function isWhitespace(s, index) {
+  const ch = s[index];
+  return ch === " " || ch === "\n" || ch === "\r" || ch === "\t";
+}
+function isWhitespaceString(s) {
+  for (let i = 0, ii = s.length; i < ii; i++) {
+    if (!isWhitespace(s, i)) {
+      return false;
+    }
+  }
+  return true;
+}
+class XMLParserBase {
+  _resolveEntities(s) {
+    return s.replaceAll(/&([^;]+);/g, (all, entity) => {
+      if (entity.substring(0, 2) === "#x") {
+        return String.fromCodePoint(parseInt(entity.substring(2), 16));
+      } else if (entity.substring(0, 1) === "#") {
+        return String.fromCodePoint(parseInt(entity.substring(1), 10));
+      }
+      switch (entity) {
+        case "lt":
+          return "<";
+        case "gt":
+          return ">";
+        case "amp":
+          return "&";
+        case "quot":
+          return '"';
+        case "apos":
+          return "'";
+      }
+      return this.onResolveEntity(entity);
+    });
+  }
+  _parseContent(s, start) {
+    const attributes = [];
+    let pos = start;
+    function skipWs() {
+      while (pos < s.length && isWhitespace(s, pos)) {
+        ++pos;
+      }
+    }
+    while (pos < s.length && !isWhitespace(s, pos) && s[pos] !== ">" && s[pos] !== "/") {
+      ++pos;
+    }
+    const name = s.substring(start, pos);
+    skipWs();
+    while (pos < s.length && s[pos] !== ">" && s[pos] !== "/" && s[pos] !== "?") {
+      skipWs();
+      let attrName = "",
+        attrValue = "";
+      while (pos < s.length && !isWhitespace(s, pos) && s[pos] !== "=") {
+        attrName += s[pos];
+        ++pos;
+      }
+      skipWs();
+      if (s[pos] !== "=") {
+        return null;
+      }
+      ++pos;
+      skipWs();
+      const attrEndChar = s[pos];
+      if (attrEndChar !== '"' && attrEndChar !== "'") {
+        return null;
+      }
+      const attrEndIndex = s.indexOf(attrEndChar, ++pos);
+      if (attrEndIndex < 0) {
+        return null;
+      }
+      attrValue = s.substring(pos, attrEndIndex);
+      attributes.push({
+        name: attrName,
+        value: this._resolveEntities(attrValue)
+      });
+      pos = attrEndIndex + 1;
+      skipWs();
+    }
+    return {
+      name,
+      attributes,
+      parsed: pos - start
+    };
+  }
+  _parseProcessingInstruction(s, start) {
+    let pos = start;
+    function skipWs() {
+      while (pos < s.length && isWhitespace(s, pos)) {
+        ++pos;
+      }
+    }
+    while (pos < s.length && !isWhitespace(s, pos) && s[pos] !== ">" && s[pos] !== "?" && s[pos] !== "/") {
+      ++pos;
+    }
+    const name = s.substring(start, pos);
+    skipWs();
+    const attrStart = pos;
+    while (pos < s.length && (s[pos] !== "?" || s[pos + 1] !== ">")) {
+      ++pos;
+    }
+    const value = s.substring(attrStart, pos);
+    return {
+      name,
+      value,
+      parsed: pos - start
+    };
+  }
+  parseXml(s) {
+    let i = 0;
+    while (i < s.length) {
+      const ch = s[i];
+      let j = i;
+      if (ch === "<") {
+        ++j;
+        const ch2 = s[j];
+        let q;
+        switch (ch2) {
+          case "/":
+            ++j;
+            q = s.indexOf(">", j);
+            if (q < 0) {
+              this.onError(XMLParserErrorCode.UnterminatedElement);
+              return;
+            }
+            this.onEndElement(s.substring(j, q));
+            j = q + 1;
+            break;
+          case "?":
+            ++j;
+            const pi = this._parseProcessingInstruction(s, j);
+            if (s.substring(j + pi.parsed, j + pi.parsed + 2) !== "?>") {
+              this.onError(XMLParserErrorCode.UnterminatedXmlDeclaration);
+              return;
+            }
+            this.onPi(pi.name, pi.value);
+            j += pi.parsed + 2;
+            break;
+          case "!":
+            if (s.substring(j + 1, j + 3) === "--") {
+              q = s.indexOf("-->", j + 3);
+              if (q < 0) {
+                this.onError(XMLParserErrorCode.UnterminatedComment);
+                return;
+              }
+              this.onComment(s.substring(j + 3, q));
+              j = q + 3;
+            } else if (s.substring(j + 1, j + 8) === "[CDATA[") {
+              q = s.indexOf("]]>", j + 8);
+              if (q < 0) {
+                this.onError(XMLParserErrorCode.UnterminatedCdat);
+                return;
+              }
+              this.onCdata(s.substring(j + 8, q));
+              j = q + 3;
+            } else if (s.substring(j + 1, j + 8) === "DOCTYPE") {
+              const q2 = s.indexOf("[", j + 8);
+              let complexDoctype = false;
+              q = s.indexOf(">", j + 8);
+              if (q < 0) {
+                this.onError(XMLParserErrorCode.UnterminatedDoctypeDeclaration);
+                return;
+              }
+              if (q2 > 0 && q > q2) {
+                q = s.indexOf("]>", j + 8);
+                if (q < 0) {
+                  this.onError(XMLParserErrorCode.UnterminatedDoctypeDeclaration);
+                  return;
+                }
+                complexDoctype = true;
+              }
+              const doctypeContent = s.substring(j + 8, q + (complexDoctype ? 1 : 0));
+              this.onDoctype(doctypeContent);
+              j = q + (complexDoctype ? 2 : 1);
+            } else {
+              this.onError(XMLParserErrorCode.MalformedElement);
+              return;
+            }
+            break;
+          default:
+            const content = this._parseContent(s, j);
+            if (content === null) {
+              this.onError(XMLParserErrorCode.MalformedElement);
+              return;
+            }
+            let isClosed = false;
+            if (s.substring(j + content.parsed, j + content.parsed + 2) === "/>") {
+              isClosed = true;
+            } else if (s.substring(j + content.parsed, j + content.parsed + 1) !== ">") {
+              this.onError(XMLParserErrorCode.UnterminatedElement);
+              return;
+            }
+            this.onBeginElement(content.name, content.attributes, isClosed);
+            j += content.parsed + (isClosed ? 2 : 1);
+            break;
+        }
+      } else {
+        while (j < s.length && s[j] !== "<") {
+          j++;
+        }
+        const text = s.substring(i, j);
+        this.onText(this._resolveEntities(text));
+      }
+      i = j;
+    }
+  }
+  onResolveEntity(name) {
+    return `&${name};`;
+  }
+  onPi(name, value) {}
+  onComment(text) {}
+  onCdata(text) {}
+  onDoctype(doctypeContent) {}
+  onText(text) {}
+  onBeginElement(name, attributes, isEmpty) {}
+  onEndElement(name) {}
+  onError(code) {}
+}
+exports.XMLParserBase = XMLParserBase;
+class SimpleDOMNode {
+  constructor(nodeName, nodeValue) {
+    this.nodeName = nodeName;
+    this.nodeValue = nodeValue;
+    Object.defineProperty(this, "parentNode", {
+      value: null,
+      writable: true
+    });
+  }
+  get firstChild() {
+    return this.childNodes && this.childNodes[0];
+  }
+  get nextSibling() {
+    const childNodes = this.parentNode.childNodes;
+    if (!childNodes) {
+      return undefined;
+    }
+    const index = childNodes.indexOf(this);
+    if (index === -1) {
+      return undefined;
+    }
+    return childNodes[index + 1];
+  }
+  get textContent() {
+    if (!this.childNodes) {
+      return this.nodeValue || "";
+    }
+    return this.childNodes.map(function (child) {
+      return child.textContent;
+    }).join("");
+  }
+  get children() {
+    return this.childNodes || [];
+  }
+  hasChildNodes() {
+    return this.childNodes && this.childNodes.length > 0;
+  }
+  searchNode(paths, pos) {
+    if (pos >= paths.length) {
+      return this;
+    }
+    const component = paths[pos];
+    const stack = [];
+    let node = this;
+    while (true) {
+      if (component.name === node.nodeName) {
+        if (component.pos === 0) {
+          const res = node.searchNode(paths, pos + 1);
+          if (res !== null) {
+            return res;
+          }
+        } else if (stack.length === 0) {
+          return null;
+        } else {
+          const [parent] = stack.pop();
+          let siblingPos = 0;
+          for (const child of parent.childNodes) {
+            if (component.name === child.nodeName) {
+              if (siblingPos === component.pos) {
+                return child.searchNode(paths, pos + 1);
+              }
+              siblingPos++;
+            }
+          }
+          return node.searchNode(paths, pos + 1);
+        }
+      }
+      if (node.childNodes && node.childNodes.length !== 0) {
+        stack.push([node, 0]);
+        node = node.childNodes[0];
+      } else if (stack.length === 0) {
+        return null;
+      } else {
+        while (stack.length !== 0) {
+          const [parent, currentPos] = stack.pop();
+          const newPos = currentPos + 1;
+          if (newPos < parent.childNodes.length) {
+            stack.push([parent, newPos]);
+            node = parent.childNodes[newPos];
+            break;
+          }
+        }
+        if (stack.length === 0) {
+          return null;
+        }
+      }
+    }
+  }
+  dump(buffer) {
+    if (this.nodeName === "#text") {
+      buffer.push((0, _core_utils.encodeToXmlString)(this.nodeValue));
+      return;
+    }
+    buffer.push(`<${this.nodeName}`);
+    if (this.attributes) {
+      for (const attribute of this.attributes) {
+        buffer.push(` ${attribute.name}="${(0, _core_utils.encodeToXmlString)(attribute.value)}"`);
+      }
+    }
+    if (this.hasChildNodes()) {
+      buffer.push(">");
+      for (const child of this.childNodes) {
+        child.dump(buffer);
+      }
+      buffer.push(`</${this.nodeName}>`);
+    } else if (this.nodeValue) {
+      buffer.push(`>${(0, _core_utils.encodeToXmlString)(this.nodeValue)}</${this.nodeName}>`);
+    } else {
+      buffer.push("/>");
+    }
+  }
+}
+exports.SimpleDOMNode = SimpleDOMNode;
+class SimpleXMLParser extends XMLParserBase {
+  constructor({
+    hasAttributes = false,
+    lowerCaseName = false
+  }) {
+    super();
+    this._currentFragment = null;
+    this._stack = null;
+    this._errorCode = XMLParserErrorCode.NoError;
+    this._hasAttributes = hasAttributes;
+    this._lowerCaseName = lowerCaseName;
+  }
+  parseFromString(data) {
+    this._currentFragment = [];
+    this._stack = [];
+    this._errorCode = XMLParserErrorCode.NoError;
+    this.parseXml(data);
+    if (this._errorCode !== XMLParserErrorCode.NoError) {
+      return undefined;
+    }
+    const [documentElement] = this._currentFragment;
+    if (!documentElement) {
+      return undefined;
+    }
+    return {
+      documentElement
+    };
+  }
+  onText(text) {
+    if (isWhitespaceString(text)) {
+      return;
+    }
+    const node = new SimpleDOMNode("#text", text);
+    this._currentFragment.push(node);
+  }
+  onCdata(text) {
+    const node = new SimpleDOMNode("#text", text);
+    this._currentFragment.push(node);
+  }
+  onBeginElement(name, attributes, isEmpty) {
+    if (this._lowerCaseName) {
+      name = name.toLowerCase();
+    }
+    const node = new SimpleDOMNode(name);
+    node.childNodes = [];
+    if (this._hasAttributes) {
+      node.attributes = attributes;
+    }
+    this._currentFragment.push(node);
+    if (isEmpty) {
+      return;
+    }
+    this._stack.push(this._currentFragment);
+    this._currentFragment = node.childNodes;
+  }
+  onEndElement(name) {
+    this._currentFragment = this._stack.pop() || [];
+    const lastElement = this._currentFragment.at(-1);
+    if (!lastElement) {
+      return null;
+    }
+    for (const childNode of lastElement.childNodes) {
+      childNode.parentNode = lastElement;
+    }
+    return lastElement;
+  }
+  onError(code) {
+    this._errorCode = code;
+  }
+}
+exports.SimpleXMLParser = SimpleXMLParser;
+
+/***/ }),
+/* 67 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.calculateSHA256 = exports.calculateMD5 = exports.PDF20 = exports.PDF17 = exports.CipherTransformFactory = exports.ARCFourCipher = exports.AES256Cipher = exports.AES128Cipher = void 0;
+exports.calculateSHA384 = calculateSHA384;
+exports.calculateSHA512 = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _decrypt_stream = __w_pdfjs_require__(68);
+class ARCFourCipher {
+  constructor(key) {
+    this.a = 0;
+    this.b = 0;
+    const s = new Uint8Array(256);
+    const keyLength = key.length;
+    for (let i = 0; i < 256; ++i) {
+      s[i] = i;
+    }
+    for (let i = 0, j = 0; i < 256; ++i) {
+      const tmp = s[i];
+      j = j + tmp + key[i % keyLength] & 0xff;
+      s[i] = s[j];
+      s[j] = tmp;
+    }
+    this.s = s;
+  }
+  encryptBlock(data) {
+    let a = this.a,
+      b = this.b;
+    const s = this.s;
+    const n = data.length;
+    const output = new Uint8Array(n);
+    for (let i = 0; i < n; ++i) {
+      a = a + 1 & 0xff;
+      const tmp = s[a];
+      b = b + tmp & 0xff;
+      const tmp2 = s[b];
+      s[a] = tmp2;
+      s[b] = tmp;
+      output[i] = data[i] ^ s[tmp + tmp2 & 0xff];
+    }
+    this.a = a;
+    this.b = b;
+    return output;
+  }
+  decryptBlock(data) {
+    return this.encryptBlock(data);
+  }
+  encrypt(data) {
+    return this.encryptBlock(data);
+  }
+}
+exports.ARCFourCipher = ARCFourCipher;
+const calculateMD5 = function calculateMD5Closure() {
+  const r = new Uint8Array([7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21]);
+  const k = new Int32Array([-680876936, -389564586, 606105819, -1044525330, -176418897, 1200080426, -1473231341, -45705983, 1770035416, -1958414417, -42063, -1990404162, 1804603682, -40341101, -1502002290, 1236535329, -165796510, -1069501632, 643717713, -373897302, -701558691, 38016083, -660478335, -405537848, 568446438, -1019803690, -187363961, 1163531501, -1444681467, -51403784, 1735328473, -1926607734, -378558, -2022574463, 1839030562, -35309556, -1530992060, 1272893353, -155497632, -1094730640, 681279174, -358537222, -722521979, 76029189, -640364487, -421815835, 530742520, -995338651, -198630844, 1126891415, -1416354905, -57434055, 1700485571, -1894986606, -1051523, -2054922799, 1873313359, -30611744, -1560198380, 1309151649, -145523070, -1120210379, 718787259, -343485551]);
+  function hash(data, offset, length) {
+    let h0 = 1732584193,
+      h1 = -271733879,
+      h2 = -1732584194,
+      h3 = 271733878;
+    const paddedLength = length + 72 & ~63;
+    const padded = new Uint8Array(paddedLength);
+    let i, j;
+    for (i = 0; i < length; ++i) {
+      padded[i] = data[offset++];
+    }
+    padded[i++] = 0x80;
+    const n = paddedLength - 8;
+    while (i < n) {
+      padded[i++] = 0;
+    }
+    padded[i++] = length << 3 & 0xff;
+    padded[i++] = length >> 5 & 0xff;
+    padded[i++] = length >> 13 & 0xff;
+    padded[i++] = length >> 21 & 0xff;
+    padded[i++] = length >>> 29 & 0xff;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    const w = new Int32Array(16);
+    for (i = 0; i < paddedLength;) {
+      for (j = 0; j < 16; ++j, i += 4) {
+        w[j] = padded[i] | padded[i + 1] << 8 | padded[i + 2] << 16 | padded[i + 3] << 24;
+      }
+      let a = h0,
+        b = h1,
+        c = h2,
+        d = h3,
+        f,
+        g;
+      for (j = 0; j < 64; ++j) {
+        if (j < 16) {
+          f = b & c | ~b & d;
+          g = j;
+        } else if (j < 32) {
+          f = d & b | ~d & c;
+          g = 5 * j + 1 & 15;
+        } else if (j < 48) {
+          f = b ^ c ^ d;
+          g = 3 * j + 5 & 15;
+        } else {
+          f = c ^ (b | ~d);
+          g = 7 * j & 15;
+        }
+        const tmp = d,
+          rotateArg = a + f + k[j] + w[g] | 0,
+          rotate = r[j];
+        d = c;
+        c = b;
+        b = b + (rotateArg << rotate | rotateArg >>> 32 - rotate) | 0;
+        a = tmp;
+      }
+      h0 = h0 + a | 0;
+      h1 = h1 + b | 0;
+      h2 = h2 + c | 0;
+      h3 = h3 + d | 0;
+    }
+    return new Uint8Array([h0 & 0xFF, h0 >> 8 & 0xFF, h0 >> 16 & 0xFF, h0 >>> 24 & 0xFF, h1 & 0xFF, h1 >> 8 & 0xFF, h1 >> 16 & 0xFF, h1 >>> 24 & 0xFF, h2 & 0xFF, h2 >> 8 & 0xFF, h2 >> 16 & 0xFF, h2 >>> 24 & 0xFF, h3 & 0xFF, h3 >> 8 & 0xFF, h3 >> 16 & 0xFF, h3 >>> 24 & 0xFF]);
+  }
+  return hash;
+}();
+exports.calculateMD5 = calculateMD5;
+class Word64 {
+  constructor(highInteger, lowInteger) {
+    this.high = highInteger | 0;
+    this.low = lowInteger | 0;
+  }
+  and(word) {
+    this.high &= word.high;
+    this.low &= word.low;
+  }
+  xor(word) {
+    this.high ^= word.high;
+    this.low ^= word.low;
+  }
+  or(word) {
+    this.high |= word.high;
+    this.low |= word.low;
+  }
+  shiftRight(places) {
+    if (places >= 32) {
+      this.low = this.high >>> places - 32 | 0;
+      this.high = 0;
+    } else {
+      this.low = this.low >>> places | this.high << 32 - places;
+      this.high = this.high >>> places | 0;
+    }
+  }
+  shiftLeft(places) {
+    if (places >= 32) {
+      this.high = this.low << places - 32;
+      this.low = 0;
+    } else {
+      this.high = this.high << places | this.low >>> 32 - places;
+      this.low <<= places;
+    }
+  }
+  rotateRight(places) {
+    let low, high;
+    if (places & 32) {
+      high = this.low;
+      low = this.high;
+    } else {
+      low = this.low;
+      high = this.high;
+    }
+    places &= 31;
+    this.low = low >>> places | high << 32 - places;
+    this.high = high >>> places | low << 32 - places;
+  }
+  not() {
+    this.high = ~this.high;
+    this.low = ~this.low;
+  }
+  add(word) {
+    const lowAdd = (this.low >>> 0) + (word.low >>> 0);
+    let highAdd = (this.high >>> 0) + (word.high >>> 0);
+    if (lowAdd > 0xffffffff) {
+      highAdd += 1;
+    }
+    this.low = lowAdd | 0;
+    this.high = highAdd | 0;
+  }
+  copyTo(bytes, offset) {
+    bytes[offset] = this.high >>> 24 & 0xff;
+    bytes[offset + 1] = this.high >> 16 & 0xff;
+    bytes[offset + 2] = this.high >> 8 & 0xff;
+    bytes[offset + 3] = this.high & 0xff;
+    bytes[offset + 4] = this.low >>> 24 & 0xff;
+    bytes[offset + 5] = this.low >> 16 & 0xff;
+    bytes[offset + 6] = this.low >> 8 & 0xff;
+    bytes[offset + 7] = this.low & 0xff;
+  }
+  assign(word) {
+    this.high = word.high;
+    this.low = word.low;
+  }
+}
+const calculateSHA256 = function calculateSHA256Closure() {
+  function rotr(x, n) {
+    return x >>> n | x << 32 - n;
+  }
+  function ch(x, y, z) {
+    return x & y ^ ~x & z;
+  }
+  function maj(x, y, z) {
+    return x & y ^ x & z ^ y & z;
+  }
+  function sigma(x) {
+    return rotr(x, 2) ^ rotr(x, 13) ^ rotr(x, 22);
+  }
+  function sigmaPrime(x) {
+    return rotr(x, 6) ^ rotr(x, 11) ^ rotr(x, 25);
+  }
+  function littleSigma(x) {
+    return rotr(x, 7) ^ rotr(x, 18) ^ x >>> 3;
+  }
+  function littleSigmaPrime(x) {
+    return rotr(x, 17) ^ rotr(x, 19) ^ x >>> 10;
+  }
+  const k = [0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98, 0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174, 0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85, 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2];
+  function hash(data, offset, length) {
+    let h0 = 0x6a09e667,
+      h1 = 0xbb67ae85,
+      h2 = 0x3c6ef372,
+      h3 = 0xa54ff53a,
+      h4 = 0x510e527f,
+      h5 = 0x9b05688c,
+      h6 = 0x1f83d9ab,
+      h7 = 0x5be0cd19;
+    const paddedLength = Math.ceil((length + 9) / 64) * 64;
+    const padded = new Uint8Array(paddedLength);
+    let i, j;
+    for (i = 0; i < length; ++i) {
+      padded[i] = data[offset++];
+    }
+    padded[i++] = 0x80;
+    const n = paddedLength - 8;
+    while (i < n) {
+      padded[i++] = 0;
+    }
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = length >>> 29 & 0xff;
+    padded[i++] = length >> 21 & 0xff;
+    padded[i++] = length >> 13 & 0xff;
+    padded[i++] = length >> 5 & 0xff;
+    padded[i++] = length << 3 & 0xff;
+    const w = new Uint32Array(64);
+    for (i = 0; i < paddedLength;) {
+      for (j = 0; j < 16; ++j) {
+        w[j] = padded[i] << 24 | padded[i + 1] << 16 | padded[i + 2] << 8 | padded[i + 3];
+        i += 4;
+      }
+      for (j = 16; j < 64; ++j) {
+        w[j] = littleSigmaPrime(w[j - 2]) + w[j - 7] + littleSigma(w[j - 15]) + w[j - 16] | 0;
+      }
+      let a = h0,
+        b = h1,
+        c = h2,
+        d = h3,
+        e = h4,
+        f = h5,
+        g = h6,
+        h = h7,
+        t1,
+        t2;
+      for (j = 0; j < 64; ++j) {
+        t1 = h + sigmaPrime(e) + ch(e, f, g) + k[j] + w[j];
+        t2 = sigma(a) + maj(a, b, c);
+        h = g;
+        g = f;
+        f = e;
+        e = d + t1 | 0;
+        d = c;
+        c = b;
+        b = a;
+        a = t1 + t2 | 0;
+      }
+      h0 = h0 + a | 0;
+      h1 = h1 + b | 0;
+      h2 = h2 + c | 0;
+      h3 = h3 + d | 0;
+      h4 = h4 + e | 0;
+      h5 = h5 + f | 0;
+      h6 = h6 + g | 0;
+      h7 = h7 + h | 0;
+    }
+    return new Uint8Array([h0 >> 24 & 0xFF, h0 >> 16 & 0xFF, h0 >> 8 & 0xFF, h0 & 0xFF, h1 >> 24 & 0xFF, h1 >> 16 & 0xFF, h1 >> 8 & 0xFF, h1 & 0xFF, h2 >> 24 & 0xFF, h2 >> 16 & 0xFF, h2 >> 8 & 0xFF, h2 & 0xFF, h3 >> 24 & 0xFF, h3 >> 16 & 0xFF, h3 >> 8 & 0xFF, h3 & 0xFF, h4 >> 24 & 0xFF, h4 >> 16 & 0xFF, h4 >> 8 & 0xFF, h4 & 0xFF, h5 >> 24 & 0xFF, h5 >> 16 & 0xFF, h5 >> 8 & 0xFF, h5 & 0xFF, h6 >> 24 & 0xFF, h6 >> 16 & 0xFF, h6 >> 8 & 0xFF, h6 & 0xFF, h7 >> 24 & 0xFF, h7 >> 16 & 0xFF, h7 >> 8 & 0xFF, h7 & 0xFF]);
+  }
+  return hash;
+}();
+exports.calculateSHA256 = calculateSHA256;
+const calculateSHA512 = function calculateSHA512Closure() {
+  function ch(result, x, y, z, tmp) {
+    result.assign(x);
+    result.and(y);
+    tmp.assign(x);
+    tmp.not();
+    tmp.and(z);
+    result.xor(tmp);
+  }
+  function maj(result, x, y, z, tmp) {
+    result.assign(x);
+    result.and(y);
+    tmp.assign(x);
+    tmp.and(z);
+    result.xor(tmp);
+    tmp.assign(y);
+    tmp.and(z);
+    result.xor(tmp);
+  }
+  function sigma(result, x, tmp) {
+    result.assign(x);
+    result.rotateRight(28);
+    tmp.assign(x);
+    tmp.rotateRight(34);
+    result.xor(tmp);
+    tmp.assign(x);
+    tmp.rotateRight(39);
+    result.xor(tmp);
+  }
+  function sigmaPrime(result, x, tmp) {
+    result.assign(x);
+    result.rotateRight(14);
+    tmp.assign(x);
+    tmp.rotateRight(18);
+    result.xor(tmp);
+    tmp.assign(x);
+    tmp.rotateRight(41);
+    result.xor(tmp);
+  }
+  function littleSigma(result, x, tmp) {
+    result.assign(x);
+    result.rotateRight(1);
+    tmp.assign(x);
+    tmp.rotateRight(8);
+    result.xor(tmp);
+    tmp.assign(x);
+    tmp.shiftRight(7);
+    result.xor(tmp);
+  }
+  function littleSigmaPrime(result, x, tmp) {
+    result.assign(x);
+    result.rotateRight(19);
+    tmp.assign(x);
+    tmp.rotateRight(61);
+    result.xor(tmp);
+    tmp.assign(x);
+    tmp.shiftRight(6);
+    result.xor(tmp);
+  }
+  const k = [new Word64(0x428a2f98, 0xd728ae22), new Word64(0x71374491, 0x23ef65cd), new Word64(0xb5c0fbcf, 0xec4d3b2f), new Word64(0xe9b5dba5, 0x8189dbbc), new Word64(0x3956c25b, 0xf348b538), new Word64(0x59f111f1, 0xb605d019), new Word64(0x923f82a4, 0xaf194f9b), new Word64(0xab1c5ed5, 0xda6d8118), new Word64(0xd807aa98, 0xa3030242), new Word64(0x12835b01, 0x45706fbe), new Word64(0x243185be, 0x4ee4b28c), new Word64(0x550c7dc3, 0xd5ffb4e2), new Word64(0x72be5d74, 0xf27b896f), new Word64(0x80deb1fe, 0x3b1696b1), new Word64(0x9bdc06a7, 0x25c71235), new Word64(0xc19bf174, 0xcf692694), new Word64(0xe49b69c1, 0x9ef14ad2), new Word64(0xefbe4786, 0x384f25e3), new Word64(0x0fc19dc6, 0x8b8cd5b5), new Word64(0x240ca1cc, 0x77ac9c65), new Word64(0x2de92c6f, 0x592b0275), new Word64(0x4a7484aa, 0x6ea6e483), new Word64(0x5cb0a9dc, 0xbd41fbd4), new Word64(0x76f988da, 0x831153b5), new Word64(0x983e5152, 0xee66dfab), new Word64(0xa831c66d, 0x2db43210), new Word64(0xb00327c8, 0x98fb213f), new Word64(0xbf597fc7, 0xbeef0ee4), new Word64(0xc6e00bf3, 0x3da88fc2), new Word64(0xd5a79147, 0x930aa725), new Word64(0x06ca6351, 0xe003826f), new Word64(0x14292967, 0x0a0e6e70), new Word64(0x27b70a85, 0x46d22ffc), new Word64(0x2e1b2138, 0x5c26c926), new Word64(0x4d2c6dfc, 0x5ac42aed), new Word64(0x53380d13, 0x9d95b3df), new Word64(0x650a7354, 0x8baf63de), new Word64(0x766a0abb, 0x3c77b2a8), new Word64(0x81c2c92e, 0x47edaee6), new Word64(0x92722c85, 0x1482353b), new Word64(0xa2bfe8a1, 0x4cf10364), new Word64(0xa81a664b, 0xbc423001), new Word64(0xc24b8b70, 0xd0f89791), new Word64(0xc76c51a3, 0x0654be30), new Word64(0xd192e819, 0xd6ef5218), new Word64(0xd6990624, 0x5565a910), new Word64(0xf40e3585, 0x5771202a), new Word64(0x106aa070, 0x32bbd1b8), new Word64(0x19a4c116, 0xb8d2d0c8), new Word64(0x1e376c08, 0x5141ab53), new Word64(0x2748774c, 0xdf8eeb99), new Word64(0x34b0bcb5, 0xe19b48a8), new Word64(0x391c0cb3, 0xc5c95a63), new Word64(0x4ed8aa4a, 0xe3418acb), new Word64(0x5b9cca4f, 0x7763e373), new Word64(0x682e6ff3, 0xd6b2b8a3), new Word64(0x748f82ee, 0x5defb2fc), new Word64(0x78a5636f, 0x43172f60), new Word64(0x84c87814, 0xa1f0ab72), new Word64(0x8cc70208, 0x1a6439ec), new Word64(0x90befffa, 0x23631e28), new Word64(0xa4506ceb, 0xde82bde9), new Word64(0xbef9a3f7, 0xb2c67915), new Word64(0xc67178f2, 0xe372532b), new Word64(0xca273ece, 0xea26619c), new Word64(0xd186b8c7, 0x21c0c207), new Word64(0xeada7dd6, 0xcde0eb1e), new Word64(0xf57d4f7f, 0xee6ed178), new Word64(0x06f067aa, 0x72176fba), new Word64(0x0a637dc5, 0xa2c898a6), new Word64(0x113f9804, 0xbef90dae), new Word64(0x1b710b35, 0x131c471b), new Word64(0x28db77f5, 0x23047d84), new Word64(0x32caab7b, 0x40c72493), new Word64(0x3c9ebe0a, 0x15c9bebc), new Word64(0x431d67c4, 0x9c100d4c), new Word64(0x4cc5d4be, 0xcb3e42b6), new Word64(0x597f299c, 0xfc657e2a), new Word64(0x5fcb6fab, 0x3ad6faec), new Word64(0x6c44198c, 0x4a475817)];
+  function hash(data, offset, length, mode384 = false) {
+    let h0, h1, h2, h3, h4, h5, h6, h7;
+    if (!mode384) {
+      h0 = new Word64(0x6a09e667, 0xf3bcc908);
+      h1 = new Word64(0xbb67ae85, 0x84caa73b);
+      h2 = new Word64(0x3c6ef372, 0xfe94f82b);
+      h3 = new Word64(0xa54ff53a, 0x5f1d36f1);
+      h4 = new Word64(0x510e527f, 0xade682d1);
+      h5 = new Word64(0x9b05688c, 0x2b3e6c1f);
+      h6 = new Word64(0x1f83d9ab, 0xfb41bd6b);
+      h7 = new Word64(0x5be0cd19, 0x137e2179);
+    } else {
+      h0 = new Word64(0xcbbb9d5d, 0xc1059ed8);
+      h1 = new Word64(0x629a292a, 0x367cd507);
+      h2 = new Word64(0x9159015a, 0x3070dd17);
+      h3 = new Word64(0x152fecd8, 0xf70e5939);
+      h4 = new Word64(0x67332667, 0xffc00b31);
+      h5 = new Word64(0x8eb44a87, 0x68581511);
+      h6 = new Word64(0xdb0c2e0d, 0x64f98fa7);
+      h7 = new Word64(0x47b5481d, 0xbefa4fa4);
+    }
+    const paddedLength = Math.ceil((length + 17) / 128) * 128;
+    const padded = new Uint8Array(paddedLength);
+    let i, j;
+    for (i = 0; i < length; ++i) {
+      padded[i] = data[offset++];
+    }
+    padded[i++] = 0x80;
+    const n = paddedLength - 16;
+    while (i < n) {
+      padded[i++] = 0;
+    }
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = 0;
+    padded[i++] = length >>> 29 & 0xff;
+    padded[i++] = length >> 21 & 0xff;
+    padded[i++] = length >> 13 & 0xff;
+    padded[i++] = length >> 5 & 0xff;
+    padded[i++] = length << 3 & 0xff;
+    const w = new Array(80);
+    for (i = 0; i < 80; i++) {
+      w[i] = new Word64(0, 0);
+    }
+    let a = new Word64(0, 0),
+      b = new Word64(0, 0),
+      c = new Word64(0, 0);
+    let d = new Word64(0, 0),
+      e = new Word64(0, 0),
+      f = new Word64(0, 0);
+    let g = new Word64(0, 0),
+      h = new Word64(0, 0);
+    const t1 = new Word64(0, 0),
+      t2 = new Word64(0, 0);
+    const tmp1 = new Word64(0, 0),
+      tmp2 = new Word64(0, 0);
+    let tmp3;
+    for (i = 0; i < paddedLength;) {
+      for (j = 0; j < 16; ++j) {
+        w[j].high = padded[i] << 24 | padded[i + 1] << 16 | padded[i + 2] << 8 | padded[i + 3];
+        w[j].low = padded[i + 4] << 24 | padded[i + 5] << 16 | padded[i + 6] << 8 | padded[i + 7];
+        i += 8;
+      }
+      for (j = 16; j < 80; ++j) {
+        tmp3 = w[j];
+        littleSigmaPrime(tmp3, w[j - 2], tmp2);
+        tmp3.add(w[j - 7]);
+        littleSigma(tmp1, w[j - 15], tmp2);
+        tmp3.add(tmp1);
+        tmp3.add(w[j - 16]);
+      }
+      a.assign(h0);
+      b.assign(h1);
+      c.assign(h2);
+      d.assign(h3);
+      e.assign(h4);
+      f.assign(h5);
+      g.assign(h6);
+      h.assign(h7);
+      for (j = 0; j < 80; ++j) {
+        t1.assign(h);
+        sigmaPrime(tmp1, e, tmp2);
+        t1.add(tmp1);
+        ch(tmp1, e, f, g, tmp2);
+        t1.add(tmp1);
+        t1.add(k[j]);
+        t1.add(w[j]);
+        sigma(t2, a, tmp2);
+        maj(tmp1, a, b, c, tmp2);
+        t2.add(tmp1);
+        tmp3 = h;
+        h = g;
+        g = f;
+        f = e;
+        d.add(t1);
+        e = d;
+        d = c;
+        c = b;
+        b = a;
+        tmp3.assign(t1);
+        tmp3.add(t2);
+        a = tmp3;
+      }
+      h0.add(a);
+      h1.add(b);
+      h2.add(c);
+      h3.add(d);
+      h4.add(e);
+      h5.add(f);
+      h6.add(g);
+      h7.add(h);
+    }
+    let result;
+    if (!mode384) {
+      result = new Uint8Array(64);
+      h0.copyTo(result, 0);
+      h1.copyTo(result, 8);
+      h2.copyTo(result, 16);
+      h3.copyTo(result, 24);
+      h4.copyTo(result, 32);
+      h5.copyTo(result, 40);
+      h6.copyTo(result, 48);
+      h7.copyTo(result, 56);
+    } else {
+      result = new Uint8Array(48);
+      h0.copyTo(result, 0);
+      h1.copyTo(result, 8);
+      h2.copyTo(result, 16);
+      h3.copyTo(result, 24);
+      h4.copyTo(result, 32);
+      h5.copyTo(result, 40);
+    }
+    return result;
+  }
+  return hash;
+}();
+exports.calculateSHA512 = calculateSHA512;
+function calculateSHA384(data, offset, length) {
+  return calculateSHA512(data, offset, length, true);
+}
+class NullCipher {
+  decryptBlock(data) {
+    return data;
+  }
+  encrypt(data) {
+    return data;
+  }
+}
+class AESBaseCipher {
+  constructor() {
+    if (this.constructor === AESBaseCipher) {
+      (0, _util.unreachable)("Cannot initialize AESBaseCipher.");
+    }
+    this._s = new Uint8Array([0x63, 0x7c, 0x77, 0x7b, 0xf2, 0x6b, 0x6f, 0xc5, 0x30, 0x01, 0x67, 0x2b, 0xfe, 0xd7, 0xab, 0x76, 0xca, 0x82, 0xc9, 0x7d, 0xfa, 0x59, 0x47, 0xf0, 0xad, 0xd4, 0xa2, 0xaf, 0x9c, 0xa4, 0x72, 0xc0, 0xb7, 0xfd, 0x93, 0x26, 0x36, 0x3f, 0xf7, 0xcc, 0x34, 0xa5, 0xe5, 0xf1, 0x71, 0xd8, 0x31, 0x15, 0x04, 0xc7, 0x23, 0xc3, 0x18, 0x96, 0x05, 0x9a, 0x07, 0x12, 0x80, 0xe2, 0xeb, 0x27, 0xb2, 0x75, 0x09, 0x83, 0x2c, 0x1a, 0x1b, 0x6e, 0x5a, 0xa0, 0x52, 0x3b, 0xd6, 0xb3, 0x29, 0xe3, 0x2f, 0x84, 0x53, 0xd1, 0x00, 0xed, 0x20, 0xfc, 0xb1, 0x5b, 0x6a, 0xcb, 0xbe, 0x39, 0x4a, 0x4c, 0x58, 0xcf, 0xd0, 0xef, 0xaa, 0xfb, 0x43, 0x4d, 0x33, 0x85, 0x45, 0xf9, 0x02, 0x7f, 0x50, 0x3c, 0x9f, 0xa8, 0x51, 0xa3, 0x40, 0x8f, 0x92, 0x9d, 0x38, 0xf5, 0xbc, 0xb6, 0xda, 0x21, 0x10, 0xff, 0xf3, 0xd2, 0xcd, 0x0c, 0x13, 0xec, 0x5f, 0x97, 0x44, 0x17, 0xc4, 0xa7, 0x7e, 0x3d, 0x64, 0x5d, 0x19, 0x73, 0x60, 0x81, 0x4f, 0xdc, 0x22, 0x2a, 0x90, 0x88, 0x46, 0xee, 0xb8, 0x14, 0xde, 0x5e, 0x0b, 0xdb, 0xe0, 0x32, 0x3a, 0x0a, 0x49, 0x06, 0x24, 0x5c, 0xc2, 0xd3, 0xac, 0x62, 0x91, 0x95, 0xe4, 0x79, 0xe7, 0xc8, 0x37, 0x6d, 0x8d, 0xd5, 0x4e, 0xa9, 0x6c, 0x56, 0xf4, 0xea, 0x65, 0x7a, 0xae, 0x08, 0xba, 0x78, 0x25, 0x2e, 0x1c, 0xa6, 0xb4, 0xc6, 0xe8, 0xdd, 0x74, 0x1f, 0x4b, 0xbd, 0x8b, 0x8a, 0x70, 0x3e, 0xb5, 0x66, 0x48, 0x03, 0xf6, 0x0e, 0x61, 0x35, 0x57, 0xb9, 0x86, 0xc1, 0x1d, 0x9e, 0xe1, 0xf8, 0x98, 0x11, 0x69, 0xd9, 0x8e, 0x94, 0x9b, 0x1e, 0x87, 0xe9, 0xce, 0x55, 0x28, 0xdf, 0x8c, 0xa1, 0x89, 0x0d, 0xbf, 0xe6, 0x42, 0x68, 0x41, 0x99, 0x2d, 0x0f, 0xb0, 0x54, 0xbb, 0x16]);
+    this._inv_s = new Uint8Array([0x52, 0x09, 0x6a, 0xd5, 0x30, 0x36, 0xa5, 0x38, 0xbf, 0x40, 0xa3, 0x9e, 0x81, 0xf3, 0xd7, 0xfb, 0x7c, 0xe3, 0x39, 0x82, 0x9b, 0x2f, 0xff, 0x87, 0x34, 0x8e, 0x43, 0x44, 0xc4, 0xde, 0xe9, 0xcb, 0x54, 0x7b, 0x94, 0x32, 0xa6, 0xc2, 0x23, 0x3d, 0xee, 0x4c, 0x95, 0x0b, 0x42, 0xfa, 0xc3, 0x4e, 0x08, 0x2e, 0xa1, 0x66, 0x28, 0xd9, 0x24, 0xb2, 0x76, 0x5b, 0xa2, 0x49, 0x6d, 0x8b, 0xd1, 0x25, 0x72, 0xf8, 0xf6, 0x64, 0x86, 0x68, 0x98, 0x16, 0xd4, 0xa4, 0x5c, 0xcc, 0x5d, 0x65, 0xb6, 0x92, 0x6c, 0x70, 0x48, 0x50, 0xfd, 0xed, 0xb9, 0xda, 0x5e, 0x15, 0x46, 0x57, 0xa7, 0x8d, 0x9d, 0x84, 0x90, 0xd8, 0xab, 0x00, 0x8c, 0xbc, 0xd3, 0x0a, 0xf7, 0xe4, 0x58, 0x05, 0xb8, 0xb3, 0x45, 0x06, 0xd0, 0x2c, 0x1e, 0x8f, 0xca, 0x3f, 0x0f, 0x02, 0xc1, 0xaf, 0xbd, 0x03, 0x01, 0x13, 0x8a, 0x6b, 0x3a, 0x91, 0x11, 0x41, 0x4f, 0x67, 0xdc, 0xea, 0x97, 0xf2, 0xcf, 0xce, 0xf0, 0xb4, 0xe6, 0x73, 0x96, 0xac, 0x74, 0x22, 0xe7, 0xad, 0x35, 0x85, 0xe2, 0xf9, 0x37, 0xe8, 0x1c, 0x75, 0xdf, 0x6e, 0x47, 0xf1, 0x1a, 0x71, 0x1d, 0x29, 0xc5, 0x89, 0x6f, 0xb7, 0x62, 0x0e, 0xaa, 0x18, 0xbe, 0x1b, 0xfc, 0x56, 0x3e, 0x4b, 0xc6, 0xd2, 0x79, 0x20, 0x9a, 0xdb, 0xc0, 0xfe, 0x78, 0xcd, 0x5a, 0xf4, 0x1f, 0xdd, 0xa8, 0x33, 0x88, 0x07, 0xc7, 0x31, 0xb1, 0x12, 0x10, 0x59, 0x27, 0x80, 0xec, 0x5f, 0x60, 0x51, 0x7f, 0xa9, 0x19, 0xb5, 0x4a, 0x0d, 0x2d, 0xe5, 0x7a, 0x9f, 0x93, 0xc9, 0x9c, 0xef, 0xa0, 0xe0, 0x3b, 0x4d, 0xae, 0x2a, 0xf5, 0xb0, 0xc8, 0xeb, 0xbb, 0x3c, 0x83, 0x53, 0x99, 0x61, 0x17, 0x2b, 0x04, 0x7e, 0xba, 0x77, 0xd6, 0x26, 0xe1, 0x69, 0x14, 0x63, 0x55, 0x21, 0x0c, 0x7d]);
+    this._mix = new Uint32Array([0x00000000, 0x0e090d0b, 0x1c121a16, 0x121b171d, 0x3824342c, 0x362d3927, 0x24362e3a, 0x2a3f2331, 0x70486858, 0x7e416553, 0x6c5a724e, 0x62537f45, 0x486c5c74, 0x4665517f, 0x547e4662, 0x5a774b69, 0xe090d0b0, 0xee99ddbb, 0xfc82caa6, 0xf28bc7ad, 0xd8b4e49c, 0xd6bde997, 0xc4a6fe8a, 0xcaaff381, 0x90d8b8e8, 0x9ed1b5e3, 0x8ccaa2fe, 0x82c3aff5, 0xa8fc8cc4, 0xa6f581cf, 0xb4ee96d2, 0xbae79bd9, 0xdb3bbb7b, 0xd532b670, 0xc729a16d, 0xc920ac66, 0xe31f8f57, 0xed16825c, 0xff0d9541, 0xf104984a, 0xab73d323, 0xa57ade28, 0xb761c935, 0xb968c43e, 0x9357e70f, 0x9d5eea04, 0x8f45fd19, 0x814cf012, 0x3bab6bcb, 0x35a266c0, 0x27b971dd, 0x29b07cd6, 0x038f5fe7, 0x0d8652ec, 0x1f9d45f1, 0x119448fa, 0x4be30393, 0x45ea0e98, 0x57f11985, 0x59f8148e, 0x73c737bf, 0x7dce3ab4, 0x6fd52da9, 0x61dc20a2, 0xad766df6, 0xa37f60fd, 0xb16477e0, 0xbf6d7aeb, 0x955259da, 0x9b5b54d1, 0x894043cc, 0x87494ec7, 0xdd3e05ae, 0xd33708a5, 0xc12c1fb8, 0xcf2512b3, 0xe51a3182, 0xeb133c89, 0xf9082b94, 0xf701269f, 0x4de6bd46, 0x43efb04d, 0x51f4a750, 0x5ffdaa5b, 0x75c2896a, 0x7bcb8461, 0x69d0937c, 0x67d99e77, 0x3daed51e, 0x33a7d815, 0x21bccf08, 0x2fb5c203, 0x058ae132, 0x0b83ec39, 0x1998fb24, 0x1791f62f, 0x764dd68d, 0x7844db86, 0x6a5fcc9b, 0x6456c190, 0x4e69e2a1, 0x4060efaa, 0x527bf8b7, 0x5c72f5bc, 0x0605bed5, 0x080cb3de, 0x1a17a4c3, 0x141ea9c8, 0x3e218af9, 0x302887f2, 0x223390ef, 0x2c3a9de4, 0x96dd063d, 0x98d40b36, 0x8acf1c2b, 0x84c61120, 0xaef93211, 0xa0f03f1a, 0xb2eb2807, 0xbce2250c, 0xe6956e65, 0xe89c636e, 0xfa877473, 0xf48e7978, 0xdeb15a49, 0xd0b85742, 0xc2a3405f, 0xccaa4d54, 0x41ecdaf7, 0x4fe5d7fc, 0x5dfec0e1, 0x53f7cdea, 0x79c8eedb, 0x77c1e3d0, 0x65daf4cd, 0x6bd3f9c6, 0x31a4b2af, 0x3fadbfa4, 0x2db6a8b9, 0x23bfa5b2, 0x09808683, 0x07898b88, 0x15929c95, 0x1b9b919e, 0xa17c0a47, 0xaf75074c, 0xbd6e1051, 0xb3671d5a, 0x99583e6b, 0x97513360, 0x854a247d, 0x8b432976, 0xd134621f, 0xdf3d6f14, 0xcd267809, 0xc32f7502, 0xe9105633, 0xe7195b38, 0xf5024c25, 0xfb0b412e, 0x9ad7618c, 0x94de6c87, 0x86c57b9a, 0x88cc7691, 0xa2f355a0, 0xacfa58ab, 0xbee14fb6, 0xb0e842bd, 0xea9f09d4, 0xe49604df, 0xf68d13c2, 0xf8841ec9, 0xd2bb3df8, 0xdcb230f3, 0xcea927ee, 0xc0a02ae5, 0x7a47b13c, 0x744ebc37, 0x6655ab2a, 0x685ca621, 0x42638510, 0x4c6a881b, 0x5e719f06, 0x5078920d, 0x0a0fd964, 0x0406d46f, 0x161dc372, 0x1814ce79, 0x322bed48, 0x3c22e043, 0x2e39f75e, 0x2030fa55, 0xec9ab701, 0xe293ba0a, 0xf088ad17, 0xfe81a01c, 0xd4be832d, 0xdab78e26, 0xc8ac993b, 0xc6a59430, 0x9cd2df59, 0x92dbd252, 0x80c0c54f, 0x8ec9c844, 0xa4f6eb75, 0xaaffe67e, 0xb8e4f163, 0xb6edfc68, 0x0c0a67b1, 0x02036aba, 0x10187da7, 0x1e1170ac, 0x342e539d, 0x3a275e96, 0x283c498b, 0x26354480, 0x7c420fe9, 0x724b02e2, 0x605015ff, 0x6e5918f4, 0x44663bc5, 0x4a6f36ce, 0x587421d3, 0x567d2cd8, 0x37a10c7a, 0x39a80171, 0x2bb3166c, 0x25ba1b67, 0x0f853856, 0x018c355d, 0x13972240, 0x1d9e2f4b, 0x47e96422, 0x49e06929, 0x5bfb7e34, 0x55f2733f, 0x7fcd500e, 0x71c45d05, 0x63df4a18, 0x6dd64713, 0xd731dcca, 0xd938d1c1, 0xcb23c6dc, 0xc52acbd7, 0xef15e8e6, 0xe11ce5ed, 0xf307f2f0, 0xfd0efffb, 0xa779b492, 0xa970b999, 0xbb6bae84, 0xb562a38f, 0x9f5d80be, 0x91548db5, 0x834f9aa8, 0x8d4697a3]);
+    this._mixCol = new Uint8Array(256);
+    for (let i = 0; i < 256; i++) {
+      if (i < 128) {
+        this._mixCol[i] = i << 1;
+      } else {
+        this._mixCol[i] = i << 1 ^ 0x1b;
+      }
+    }
+    this.buffer = new Uint8Array(16);
+    this.bufferPosition = 0;
+  }
+  _expandKey(cipherKey) {
+    (0, _util.unreachable)("Cannot call `_expandKey` on the base class");
+  }
+  _decrypt(input, key) {
+    let t, u, v;
+    const state = new Uint8Array(16);
+    state.set(input);
+    for (let j = 0, k = this._keySize; j < 16; ++j, ++k) {
+      state[j] ^= key[k];
+    }
+    for (let i = this._cyclesOfRepetition - 1; i >= 1; --i) {
+      t = state[13];
+      state[13] = state[9];
+      state[9] = state[5];
+      state[5] = state[1];
+      state[1] = t;
+      t = state[14];
+      u = state[10];
+      state[14] = state[6];
+      state[10] = state[2];
+      state[6] = t;
+      state[2] = u;
+      t = state[15];
+      u = state[11];
+      v = state[7];
+      state[15] = state[3];
+      state[11] = t;
+      state[7] = u;
+      state[3] = v;
+      for (let j = 0; j < 16; ++j) {
+        state[j] = this._inv_s[state[j]];
+      }
+      for (let j = 0, k = i * 16; j < 16; ++j, ++k) {
+        state[j] ^= key[k];
+      }
+      for (let j = 0; j < 16; j += 4) {
+        const s0 = this._mix[state[j]];
+        const s1 = this._mix[state[j + 1]];
+        const s2 = this._mix[state[j + 2]];
+        const s3 = this._mix[state[j + 3]];
+        t = s0 ^ s1 >>> 8 ^ s1 << 24 ^ s2 >>> 16 ^ s2 << 16 ^ s3 >>> 24 ^ s3 << 8;
+        state[j] = t >>> 24 & 0xff;
+        state[j + 1] = t >> 16 & 0xff;
+        state[j + 2] = t >> 8 & 0xff;
+        state[j + 3] = t & 0xff;
+      }
+    }
+    t = state[13];
+    state[13] = state[9];
+    state[9] = state[5];
+    state[5] = state[1];
+    state[1] = t;
+    t = state[14];
+    u = state[10];
+    state[14] = state[6];
+    state[10] = state[2];
+    state[6] = t;
+    state[2] = u;
+    t = state[15];
+    u = state[11];
+    v = state[7];
+    state[15] = state[3];
+    state[11] = t;
+    state[7] = u;
+    state[3] = v;
+    for (let j = 0; j < 16; ++j) {
+      state[j] = this._inv_s[state[j]];
+      state[j] ^= key[j];
+    }
+    return state;
+  }
+  _encrypt(input, key) {
+    const s = this._s;
+    let t, u, v;
+    const state = new Uint8Array(16);
+    state.set(input);
+    for (let j = 0; j < 16; ++j) {
+      state[j] ^= key[j];
+    }
+    for (let i = 1; i < this._cyclesOfRepetition; i++) {
+      for (let j = 0; j < 16; ++j) {
+        state[j] = s[state[j]];
+      }
+      v = state[1];
+      state[1] = state[5];
+      state[5] = state[9];
+      state[9] = state[13];
+      state[13] = v;
+      v = state[2];
+      u = state[6];
+      state[2] = state[10];
+      state[6] = state[14];
+      state[10] = v;
+      state[14] = u;
+      v = state[3];
+      u = state[7];
+      t = state[11];
+      state[3] = state[15];
+      state[7] = v;
+      state[11] = u;
+      state[15] = t;
+      for (let j = 0; j < 16; j += 4) {
+        const s0 = state[j + 0];
+        const s1 = state[j + 1];
+        const s2 = state[j + 2];
+        const s3 = state[j + 3];
+        t = s0 ^ s1 ^ s2 ^ s3;
+        state[j + 0] ^= t ^ this._mixCol[s0 ^ s1];
+        state[j + 1] ^= t ^ this._mixCol[s1 ^ s2];
+        state[j + 2] ^= t ^ this._mixCol[s2 ^ s3];
+        state[j + 3] ^= t ^ this._mixCol[s3 ^ s0];
+      }
+      for (let j = 0, k = i * 16; j < 16; ++j, ++k) {
+        state[j] ^= key[k];
+      }
+    }
+    for (let j = 0; j < 16; ++j) {
+      state[j] = s[state[j]];
+    }
+    v = state[1];
+    state[1] = state[5];
+    state[5] = state[9];
+    state[9] = state[13];
+    state[13] = v;
+    v = state[2];
+    u = state[6];
+    state[2] = state[10];
+    state[6] = state[14];
+    state[10] = v;
+    state[14] = u;
+    v = state[3];
+    u = state[7];
+    t = state[11];
+    state[3] = state[15];
+    state[7] = v;
+    state[11] = u;
+    state[15] = t;
+    for (let j = 0, k = this._keySize; j < 16; ++j, ++k) {
+      state[j] ^= key[k];
+    }
+    return state;
+  }
+  _decryptBlock2(data, finalize) {
+    const sourceLength = data.length;
+    let buffer = this.buffer,
+      bufferLength = this.bufferPosition;
+    const result = [];
+    let iv = this.iv;
+    for (let i = 0; i < sourceLength; ++i) {
+      buffer[bufferLength] = data[i];
+      ++bufferLength;
+      if (bufferLength < 16) {
+        continue;
+      }
+      const plain = this._decrypt(buffer, this._key);
+      for (let j = 0; j < 16; ++j) {
+        plain[j] ^= iv[j];
+      }
+      iv = buffer;
+      result.push(plain);
+      buffer = new Uint8Array(16);
+      bufferLength = 0;
+    }
+    this.buffer = buffer;
+    this.bufferLength = bufferLength;
+    this.iv = iv;
+    if (result.length === 0) {
+      return new Uint8Array(0);
+    }
+    let outputLength = 16 * result.length;
+    if (finalize) {
+      const lastBlock = result.at(-1);
+      let psLen = lastBlock[15];
+      if (psLen <= 16) {
+        for (let i = 15, ii = 16 - psLen; i >= ii; --i) {
+          if (lastBlock[i] !== psLen) {
+            psLen = 0;
+            break;
+          }
+        }
+        outputLength -= psLen;
+        result[result.length - 1] = lastBlock.subarray(0, 16 - psLen);
+      }
+    }
+    const output = new Uint8Array(outputLength);
+    for (let i = 0, j = 0, ii = result.length; i < ii; ++i, j += 16) {
+      output.set(result[i], j);
+    }
+    return output;
+  }
+  decryptBlock(data, finalize, iv = null) {
+    const sourceLength = data.length;
+    const buffer = this.buffer;
+    let bufferLength = this.bufferPosition;
+    if (iv) {
+      this.iv = iv;
+    } else {
+      for (let i = 0; bufferLength < 16 && i < sourceLength; ++i, ++bufferLength) {
+        buffer[bufferLength] = data[i];
+      }
+      if (bufferLength < 16) {
+        this.bufferLength = bufferLength;
+        return new Uint8Array(0);
+      }
+      this.iv = buffer;
+      data = data.subarray(16);
+    }
+    this.buffer = new Uint8Array(16);
+    this.bufferLength = 0;
+    this.decryptBlock = this._decryptBlock2;
+    return this.decryptBlock(data, finalize);
+  }
+  encrypt(data, iv) {
+    const sourceLength = data.length;
+    let buffer = this.buffer,
+      bufferLength = this.bufferPosition;
+    const result = [];
+    if (!iv) {
+      iv = new Uint8Array(16);
+    }
+    for (let i = 0; i < sourceLength; ++i) {
+      buffer[bufferLength] = data[i];
+      ++bufferLength;
+      if (bufferLength < 16) {
+        continue;
+      }
+      for (let j = 0; j < 16; ++j) {
+        buffer[j] ^= iv[j];
+      }
+      const cipher = this._encrypt(buffer, this._key);
+      iv = cipher;
+      result.push(cipher);
+      buffer = new Uint8Array(16);
+      bufferLength = 0;
+    }
+    this.buffer = buffer;
+    this.bufferLength = bufferLength;
+    this.iv = iv;
+    if (result.length === 0) {
+      return new Uint8Array(0);
+    }
+    const outputLength = 16 * result.length;
+    const output = new Uint8Array(outputLength);
+    for (let i = 0, j = 0, ii = result.length; i < ii; ++i, j += 16) {
+      output.set(result[i], j);
+    }
+    return output;
+  }
+}
+class AES128Cipher extends AESBaseCipher {
+  constructor(key) {
+    super();
+    this._cyclesOfRepetition = 10;
+    this._keySize = 160;
+    this._rcon = new Uint8Array([0x8d, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36, 0x6c, 0xd8, 0xab, 0x4d, 0x9a, 0x2f, 0x5e, 0xbc, 0x63, 0xc6, 0x97, 0x35, 0x6a, 0xd4, 0xb3, 0x7d, 0xfa, 0xef, 0xc5, 0x91, 0x39, 0x72, 0xe4, 0xd3, 0xbd, 0x61, 0xc2, 0x9f, 0x25, 0x4a, 0x94, 0x33, 0x66, 0xcc, 0x83, 0x1d, 0x3a, 0x74, 0xe8, 0xcb, 0x8d, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36, 0x6c, 0xd8, 0xab, 0x4d, 0x9a, 0x2f, 0x5e, 0xbc, 0x63, 0xc6, 0x97, 0x35, 0x6a, 0xd4, 0xb3, 0x7d, 0xfa, 0xef, 0xc5, 0x91, 0x39, 0x72, 0xe4, 0xd3, 0xbd, 0x61, 0xc2, 0x9f, 0x25, 0x4a, 0x94, 0x33, 0x66, 0xcc, 0x83, 0x1d, 0x3a, 0x74, 0xe8, 0xcb, 0x8d, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36, 0x6c, 0xd8, 0xab, 0x4d, 0x9a, 0x2f, 0x5e, 0xbc, 0x63, 0xc6, 0x97, 0x35, 0x6a, 0xd4, 0xb3, 0x7d, 0xfa, 0xef, 0xc5, 0x91, 0x39, 0x72, 0xe4, 0xd3, 0xbd, 0x61, 0xc2, 0x9f, 0x25, 0x4a, 0x94, 0x33, 0x66, 0xcc, 0x83, 0x1d, 0x3a, 0x74, 0xe8, 0xcb, 0x8d, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36, 0x6c, 0xd8, 0xab, 0x4d, 0x9a, 0x2f, 0x5e, 0xbc, 0x63, 0xc6, 0x97, 0x35, 0x6a, 0xd4, 0xb3, 0x7d, 0xfa, 0xef, 0xc5, 0x91, 0x39, 0x72, 0xe4, 0xd3, 0xbd, 0x61, 0xc2, 0x9f, 0x25, 0x4a, 0x94, 0x33, 0x66, 0xcc, 0x83, 0x1d, 0x3a, 0x74, 0xe8, 0xcb, 0x8d, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36, 0x6c, 0xd8, 0xab, 0x4d, 0x9a, 0x2f, 0x5e, 0xbc, 0x63, 0xc6, 0x97, 0x35, 0x6a, 0xd4, 0xb3, 0x7d, 0xfa, 0xef, 0xc5, 0x91, 0x39, 0x72, 0xe4, 0xd3, 0xbd, 0x61, 0xc2, 0x9f, 0x25, 0x4a, 0x94, 0x33, 0x66, 0xcc, 0x83, 0x1d, 0x3a, 0x74, 0xe8, 0xcb, 0x8d]);
+    this._key = this._expandKey(key);
+  }
+  _expandKey(cipherKey) {
+    const b = 176;
+    const s = this._s;
+    const rcon = this._rcon;
+    const result = new Uint8Array(b);
+    result.set(cipherKey);
+    for (let j = 16, i = 1; j < b; ++i) {
+      let t1 = result[j - 3];
+      let t2 = result[j - 2];
+      let t3 = result[j - 1];
+      let t4 = result[j - 4];
+      t1 = s[t1];
+      t2 = s[t2];
+      t3 = s[t3];
+      t4 = s[t4];
+      t1 ^= rcon[i];
+      for (let n = 0; n < 4; ++n) {
+        result[j] = t1 ^= result[j - 16];
+        j++;
+        result[j] = t2 ^= result[j - 16];
+        j++;
+        result[j] = t3 ^= result[j - 16];
+        j++;
+        result[j] = t4 ^= result[j - 16];
+        j++;
+      }
+    }
+    return result;
+  }
+}
+exports.AES128Cipher = AES128Cipher;
+class AES256Cipher extends AESBaseCipher {
+  constructor(key) {
+    super();
+    this._cyclesOfRepetition = 14;
+    this._keySize = 224;
+    this._key = this._expandKey(key);
+  }
+  _expandKey(cipherKey) {
+    const b = 240;
+    const s = this._s;
+    const result = new Uint8Array(b);
+    result.set(cipherKey);
+    let r = 1;
+    let t1, t2, t3, t4;
+    for (let j = 32, i = 1; j < b; ++i) {
+      if (j % 32 === 16) {
+        t1 = s[t1];
+        t2 = s[t2];
+        t3 = s[t3];
+        t4 = s[t4];
+      } else if (j % 32 === 0) {
+        t1 = result[j - 3];
+        t2 = result[j - 2];
+        t3 = result[j - 1];
+        t4 = result[j - 4];
+        t1 = s[t1];
+        t2 = s[t2];
+        t3 = s[t3];
+        t4 = s[t4];
+        t1 ^= r;
+        if ((r <<= 1) >= 256) {
+          r = (r ^ 0x1b) & 0xff;
+        }
+      }
+      for (let n = 0; n < 4; ++n) {
+        result[j] = t1 ^= result[j - 32];
+        j++;
+        result[j] = t2 ^= result[j - 32];
+        j++;
+        result[j] = t3 ^= result[j - 32];
+        j++;
+        result[j] = t4 ^= result[j - 32];
+        j++;
+      }
+    }
+    return result;
+  }
+}
+exports.AES256Cipher = AES256Cipher;
+class PDF17 {
+  checkOwnerPassword(password, ownerValidationSalt, userBytes, ownerPassword) {
+    const hashData = new Uint8Array(password.length + 56);
+    hashData.set(password, 0);
+    hashData.set(ownerValidationSalt, password.length);
+    hashData.set(userBytes, password.length + ownerValidationSalt.length);
+    const result = calculateSHA256(hashData, 0, hashData.length);
+    return (0, _util.isArrayEqual)(result, ownerPassword);
+  }
+  checkUserPassword(password, userValidationSalt, userPassword) {
+    const hashData = new Uint8Array(password.length + 8);
+    hashData.set(password, 0);
+    hashData.set(userValidationSalt, password.length);
+    const result = calculateSHA256(hashData, 0, hashData.length);
+    return (0, _util.isArrayEqual)(result, userPassword);
+  }
+  getOwnerKey(password, ownerKeySalt, userBytes, ownerEncryption) {
+    const hashData = new Uint8Array(password.length + 56);
+    hashData.set(password, 0);
+    hashData.set(ownerKeySalt, password.length);
+    hashData.set(userBytes, password.length + ownerKeySalt.length);
+    const key = calculateSHA256(hashData, 0, hashData.length);
+    const cipher = new AES256Cipher(key);
+    return cipher.decryptBlock(ownerEncryption, false, new Uint8Array(16));
+  }
+  getUserKey(password, userKeySalt, userEncryption) {
+    const hashData = new Uint8Array(password.length + 8);
+    hashData.set(password, 0);
+    hashData.set(userKeySalt, password.length);
+    const key = calculateSHA256(hashData, 0, hashData.length);
+    const cipher = new AES256Cipher(key);
+    return cipher.decryptBlock(userEncryption, false, new Uint8Array(16));
+  }
+}
+exports.PDF17 = PDF17;
+class PDF20 {
+  _hash(password, input, userBytes) {
+    let k = calculateSHA256(input, 0, input.length).subarray(0, 32);
+    let e = [0];
+    let i = 0;
+    while (i < 64 || e.at(-1) > i - 32) {
+      const combinedLength = password.length + k.length + userBytes.length,
+        combinedArray = new Uint8Array(combinedLength);
+      let writeOffset = 0;
+      combinedArray.set(password, writeOffset);
+      writeOffset += password.length;
+      combinedArray.set(k, writeOffset);
+      writeOffset += k.length;
+      combinedArray.set(userBytes, writeOffset);
+      const k1 = new Uint8Array(combinedLength * 64);
+      for (let j = 0, pos = 0; j < 64; j++, pos += combinedLength) {
+        k1.set(combinedArray, pos);
+      }
+      const cipher = new AES128Cipher(k.subarray(0, 16));
+      e = cipher.encrypt(k1, k.subarray(16, 32));
+      const remainder = e.slice(0, 16).reduce((a, b) => a + b, 0) % 3;
+      if (remainder === 0) {
+        k = calculateSHA256(e, 0, e.length);
+      } else if (remainder === 1) {
+        k = calculateSHA384(e, 0, e.length);
+      } else if (remainder === 2) {
+        k = calculateSHA512(e, 0, e.length);
+      }
+      i++;
+    }
+    return k.subarray(0, 32);
+  }
+  checkOwnerPassword(password, ownerValidationSalt, userBytes, ownerPassword) {
+    const hashData = new Uint8Array(password.length + 56);
+    hashData.set(password, 0);
+    hashData.set(ownerValidationSalt, password.length);
+    hashData.set(userBytes, password.length + ownerValidationSalt.length);
+    const result = this._hash(password, hashData, userBytes);
+    return (0, _util.isArrayEqual)(result, ownerPassword);
+  }
+  checkUserPassword(password, userValidationSalt, userPassword) {
+    const hashData = new Uint8Array(password.length + 8);
+    hashData.set(password, 0);
+    hashData.set(userValidationSalt, password.length);
+    const result = this._hash(password, hashData, []);
+    return (0, _util.isArrayEqual)(result, userPassword);
+  }
+  getOwnerKey(password, ownerKeySalt, userBytes, ownerEncryption) {
+    const hashData = new Uint8Array(password.length + 56);
+    hashData.set(password, 0);
+    hashData.set(ownerKeySalt, password.length);
+    hashData.set(userBytes, password.length + ownerKeySalt.length);
+    const key = this._hash(password, hashData, userBytes);
+    const cipher = new AES256Cipher(key);
+    return cipher.decryptBlock(ownerEncryption, false, new Uint8Array(16));
+  }
+  getUserKey(password, userKeySalt, userEncryption) {
+    const hashData = new Uint8Array(password.length + 8);
+    hashData.set(password, 0);
+    hashData.set(userKeySalt, password.length);
+    const key = this._hash(password, hashData, []);
+    const cipher = new AES256Cipher(key);
+    return cipher.decryptBlock(userEncryption, false, new Uint8Array(16));
+  }
+}
+exports.PDF20 = PDF20;
+class CipherTransform {
+  constructor(stringCipherConstructor, streamCipherConstructor) {
+    this.StringCipherConstructor = stringCipherConstructor;
+    this.StreamCipherConstructor = streamCipherConstructor;
+  }
+  createStream(stream, length) {
+    const cipher = new this.StreamCipherConstructor();
+    return new _decrypt_stream.DecryptStream(stream, length, function cipherTransformDecryptStream(data, finalize) {
+      return cipher.decryptBlock(data, finalize);
+    });
+  }
+  decryptString(s) {
+    const cipher = new this.StringCipherConstructor();
+    let data = (0, _util.stringToBytes)(s);
+    data = cipher.decryptBlock(data, true);
+    return (0, _util.bytesToString)(data);
+  }
+  encryptString(s) {
+    const cipher = new this.StringCipherConstructor();
+    if (cipher instanceof AESBaseCipher) {
+      const strLen = s.length;
+      const pad = 16 - strLen % 16;
+      s += String.fromCharCode(pad).repeat(pad);
+      const iv = new Uint8Array(16);
+      if (typeof crypto !== "undefined") {
+        crypto.getRandomValues(iv);
+      } else {
+        for (let i = 0; i < 16; i++) {
+          iv[i] = Math.floor(256 * Math.random());
+        }
+      }
+      let data = (0, _util.stringToBytes)(s);
+      data = cipher.encrypt(data, iv);
+      const buf = new Uint8Array(16 + data.length);
+      buf.set(iv);
+      buf.set(data, 16);
+      return (0, _util.bytesToString)(buf);
+    }
+    let data = (0, _util.stringToBytes)(s);
+    data = cipher.encrypt(data);
+    return (0, _util.bytesToString)(data);
+  }
+}
+const CipherTransformFactory = function CipherTransformFactoryClosure() {
+  const defaultPasswordBytes = new Uint8Array([0x28, 0xbf, 0x4e, 0x5e, 0x4e, 0x75, 0x8a, 0x41, 0x64, 0x00, 0x4e, 0x56, 0xff, 0xfa, 0x01, 0x08, 0x2e, 0x2e, 0x00, 0xb6, 0xd0, 0x68, 0x3e, 0x80, 0x2f, 0x0c, 0xa9, 0xfe, 0x64, 0x53, 0x69, 0x7a]);
+  function createEncryptionKey20(revision, password, ownerPassword, ownerValidationSalt, ownerKeySalt, uBytes, userPassword, userValidationSalt, userKeySalt, ownerEncryption, userEncryption, perms) {
+    if (password) {
+      const passwordLength = Math.min(127, password.length);
+      password = password.subarray(0, passwordLength);
+    } else {
+      password = [];
+    }
+    let pdfAlgorithm;
+    if (revision === 6) {
+      pdfAlgorithm = new PDF20();
+    } else {
+      pdfAlgorithm = new PDF17();
+    }
+    if (pdfAlgorithm.checkUserPassword(password, userValidationSalt, userPassword)) {
+      return pdfAlgorithm.getUserKey(password, userKeySalt, userEncryption);
+    } else if (password.length && pdfAlgorithm.checkOwnerPassword(password, ownerValidationSalt, uBytes, ownerPassword)) {
+      return pdfAlgorithm.getOwnerKey(password, ownerKeySalt, uBytes, ownerEncryption);
+    }
+    return null;
+  }
+  function prepareKeyData(fileId, password, ownerPassword, userPassword, flags, revision, keyLength, encryptMetadata) {
+    const hashDataSize = 40 + ownerPassword.length + fileId.length;
+    const hashData = new Uint8Array(hashDataSize);
+    let i = 0,
+      j,
+      n;
+    if (password) {
+      n = Math.min(32, password.length);
+      for (; i < n; ++i) {
+        hashData[i] = password[i];
+      }
+    }
+    j = 0;
+    while (i < 32) {
+      hashData[i++] = defaultPasswordBytes[j++];
+    }
+    for (j = 0, n = ownerPassword.length; j < n; ++j) {
+      hashData[i++] = ownerPassword[j];
+    }
+    hashData[i++] = flags & 0xff;
+    hashData[i++] = flags >> 8 & 0xff;
+    hashData[i++] = flags >> 16 & 0xff;
+    hashData[i++] = flags >>> 24 & 0xff;
+    for (j = 0, n = fileId.length; j < n; ++j) {
+      hashData[i++] = fileId[j];
+    }
+    if (revision >= 4 && !encryptMetadata) {
+      hashData[i++] = 0xff;
+      hashData[i++] = 0xff;
+      hashData[i++] = 0xff;
+      hashData[i++] = 0xff;
+    }
+    let hash = calculateMD5(hashData, 0, i);
+    const keyLengthInBytes = keyLength >> 3;
+    if (revision >= 3) {
+      for (j = 0; j < 50; ++j) {
+        hash = calculateMD5(hash, 0, keyLengthInBytes);
+      }
+    }
+    const encryptionKey = hash.subarray(0, keyLengthInBytes);
+    let cipher, checkData;
+    if (revision >= 3) {
+      for (i = 0; i < 32; ++i) {
+        hashData[i] = defaultPasswordBytes[i];
+      }
+      for (j = 0, n = fileId.length; j < n; ++j) {
+        hashData[i++] = fileId[j];
+      }
+      cipher = new ARCFourCipher(encryptionKey);
+      checkData = cipher.encryptBlock(calculateMD5(hashData, 0, i));
+      n = encryptionKey.length;
+      const derivedKey = new Uint8Array(n);
+      for (j = 1; j <= 19; ++j) {
+        for (let k = 0; k < n; ++k) {
+          derivedKey[k] = encryptionKey[k] ^ j;
+        }
+        cipher = new ARCFourCipher(derivedKey);
+        checkData = cipher.encryptBlock(checkData);
+      }
+      for (j = 0, n = checkData.length; j < n; ++j) {
+        if (userPassword[j] !== checkData[j]) {
+          return null;
+        }
+      }
+    } else {
+      cipher = new ARCFourCipher(encryptionKey);
+      checkData = cipher.encryptBlock(defaultPasswordBytes);
+      for (j = 0, n = checkData.length; j < n; ++j) {
+        if (userPassword[j] !== checkData[j]) {
+          return null;
+        }
+      }
+    }
+    return encryptionKey;
+  }
+  function decodeUserPassword(password, ownerPassword, revision, keyLength) {
+    const hashData = new Uint8Array(32);
+    let i = 0;
+    const n = Math.min(32, password.length);
+    for (; i < n; ++i) {
+      hashData[i] = password[i];
+    }
+    let j = 0;
+    while (i < 32) {
+      hashData[i++] = defaultPasswordBytes[j++];
+    }
+    let hash = calculateMD5(hashData, 0, i);
+    const keyLengthInBytes = keyLength >> 3;
+    if (revision >= 3) {
+      for (j = 0; j < 50; ++j) {
+        hash = calculateMD5(hash, 0, hash.length);
+      }
+    }
+    let cipher, userPassword;
+    if (revision >= 3) {
+      userPassword = ownerPassword;
+      const derivedKey = new Uint8Array(keyLengthInBytes);
+      for (j = 19; j >= 0; j--) {
+        for (let k = 0; k < keyLengthInBytes; ++k) {
+          derivedKey[k] = hash[k] ^ j;
+        }
+        cipher = new ARCFourCipher(derivedKey);
+        userPassword = cipher.encryptBlock(userPassword);
+      }
+    } else {
+      cipher = new ARCFourCipher(hash.subarray(0, keyLengthInBytes));
+      userPassword = cipher.encryptBlock(ownerPassword);
+    }
+    return userPassword;
+  }
+  const identityName = _primitives.Name.get("Identity");
+  function buildObjectKey(num, gen, encryptionKey, isAes = false) {
+    const key = new Uint8Array(encryptionKey.length + 9);
+    const n = encryptionKey.length;
+    let i;
+    for (i = 0; i < n; ++i) {
+      key[i] = encryptionKey[i];
+    }
+    key[i++] = num & 0xff;
+    key[i++] = num >> 8 & 0xff;
+    key[i++] = num >> 16 & 0xff;
+    key[i++] = gen & 0xff;
+    key[i++] = gen >> 8 & 0xff;
+    if (isAes) {
+      key[i++] = 0x73;
+      key[i++] = 0x41;
+      key[i++] = 0x6c;
+      key[i++] = 0x54;
+    }
+    const hash = calculateMD5(key, 0, i);
+    return hash.subarray(0, Math.min(encryptionKey.length + 5, 16));
+  }
+  function buildCipherConstructor(cf, name, num, gen, key) {
+    if (!(name instanceof _primitives.Name)) {
+      throw new _util.FormatError("Invalid crypt filter name.");
+    }
+    const cryptFilter = cf.get(name.name);
+    let cfm;
+    if (cryptFilter !== null && cryptFilter !== undefined) {
+      cfm = cryptFilter.get("CFM");
+    }
+    if (!cfm || cfm.name === "None") {
+      return function cipherTransformFactoryBuildCipherConstructorNone() {
+        return new NullCipher();
+      };
+    }
+    if (cfm.name === "V2") {
+      return function cipherTransformFactoryBuildCipherConstructorV2() {
+        return new ARCFourCipher(buildObjectKey(num, gen, key, false));
+      };
+    }
+    if (cfm.name === "AESV2") {
+      return function cipherTransformFactoryBuildCipherConstructorAESV2() {
+        return new AES128Cipher(buildObjectKey(num, gen, key, true));
+      };
+    }
+    if (cfm.name === "AESV3") {
+      return function cipherTransformFactoryBuildCipherConstructorAESV3() {
+        return new AES256Cipher(key);
+      };
+    }
+    throw new _util.FormatError("Unknown crypto method");
+  }
+  class CipherTransformFactory {
+    constructor(dict, fileId, password) {
+      const filter = dict.get("Filter");
+      if (!(0, _primitives.isName)(filter, "Standard")) {
+        throw new _util.FormatError("unknown encryption method");
+      }
+      this.filterName = filter.name;
+      this.dict = dict;
+      const algorithm = dict.get("V");
+      if (!Number.isInteger(algorithm) || algorithm !== 1 && algorithm !== 2 && algorithm !== 4 && algorithm !== 5) {
+        throw new _util.FormatError("unsupported encryption algorithm");
+      }
+      this.algorithm = algorithm;
+      let keyLength = dict.get("Length");
+      if (!keyLength) {
+        if (algorithm <= 3) {
+          keyLength = 40;
+        } else {
+          const cfDict = dict.get("CF");
+          const streamCryptoName = dict.get("StmF");
+          if (cfDict instanceof _primitives.Dict && streamCryptoName instanceof _primitives.Name) {
+            cfDict.suppressEncryption = true;
+            const handlerDict = cfDict.get(streamCryptoName.name);
+            keyLength = handlerDict && handlerDict.get("Length") || 128;
+            if (keyLength < 40) {
+              keyLength <<= 3;
+            }
+          }
+        }
+      }
+      if (!Number.isInteger(keyLength) || keyLength < 40 || keyLength % 8 !== 0) {
+        throw new _util.FormatError("invalid key length");
+      }
+      const ownerBytes = (0, _util.stringToBytes)(dict.get("O")),
+        userBytes = (0, _util.stringToBytes)(dict.get("U"));
+      const ownerPassword = ownerBytes.subarray(0, 32);
+      const userPassword = userBytes.subarray(0, 32);
+      const flags = dict.get("P");
+      const revision = dict.get("R");
+      const encryptMetadata = (algorithm === 4 || algorithm === 5) && dict.get("EncryptMetadata") !== false;
+      this.encryptMetadata = encryptMetadata;
+      const fileIdBytes = (0, _util.stringToBytes)(fileId);
+      let passwordBytes;
+      if (password) {
+        if (revision === 6) {
+          try {
+            password = (0, _util.utf8StringToString)(password);
+          } catch (ex) {
+            (0, _util.warn)("CipherTransformFactory: Unable to convert UTF8 encoded password.");
+          }
+        }
+        passwordBytes = (0, _util.stringToBytes)(password);
+      }
+      let encryptionKey;
+      if (algorithm !== 5) {
+        encryptionKey = prepareKeyData(fileIdBytes, passwordBytes, ownerPassword, userPassword, flags, revision, keyLength, encryptMetadata);
+      } else {
+        const ownerValidationSalt = ownerBytes.subarray(32, 40);
+        const ownerKeySalt = ownerBytes.subarray(40, 48);
+        const uBytes = userBytes.subarray(0, 48);
+        const userValidationSalt = userBytes.subarray(32, 40);
+        const userKeySalt = userBytes.subarray(40, 48);
+        const ownerEncryption = (0, _util.stringToBytes)(dict.get("OE"));
+        const userEncryption = (0, _util.stringToBytes)(dict.get("UE"));
+        const perms = (0, _util.stringToBytes)(dict.get("Perms"));
+        encryptionKey = createEncryptionKey20(revision, passwordBytes, ownerPassword, ownerValidationSalt, ownerKeySalt, uBytes, userPassword, userValidationSalt, userKeySalt, ownerEncryption, userEncryption, perms);
+      }
+      if (!encryptionKey && !password) {
+        throw new _util.PasswordException("No password given", _util.PasswordResponses.NEED_PASSWORD);
+      } else if (!encryptionKey && password) {
+        const decodedPassword = decodeUserPassword(passwordBytes, ownerPassword, revision, keyLength);
+        encryptionKey = prepareKeyData(fileIdBytes, decodedPassword, ownerPassword, userPassword, flags, revision, keyLength, encryptMetadata);
+      }
+      if (!encryptionKey) {
+        throw new _util.PasswordException("Incorrect Password", _util.PasswordResponses.INCORRECT_PASSWORD);
+      }
+      this.encryptionKey = encryptionKey;
+      if (algorithm >= 4) {
+        const cf = dict.get("CF");
+        if (cf instanceof _primitives.Dict) {
+          cf.suppressEncryption = true;
+        }
+        this.cf = cf;
+        this.stmf = dict.get("StmF") || identityName;
+        this.strf = dict.get("StrF") || identityName;
+        this.eff = dict.get("EFF") || this.stmf;
+      }
+    }
+    createCipherTransform(num, gen) {
+      if (this.algorithm === 4 || this.algorithm === 5) {
+        return new CipherTransform(buildCipherConstructor(this.cf, this.strf, num, gen, this.encryptionKey), buildCipherConstructor(this.cf, this.stmf, num, gen, this.encryptionKey));
+      }
+      const key = buildObjectKey(num, gen, this.encryptionKey, false);
+      const cipherConstructor = function buildCipherCipherConstructor() {
+        return new ARCFourCipher(key);
+      };
+      return new CipherTransform(cipherConstructor, cipherConstructor);
+    }
+  }
+  return CipherTransformFactory;
+}();
+exports.CipherTransformFactory = CipherTransformFactory;
+
+/***/ }),
+/* 68 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.DecryptStream = void 0;
+var _decode_stream = __w_pdfjs_require__(18);
+const chunkSize = 512;
+class DecryptStream extends _decode_stream.DecodeStream {
+  constructor(str, maybeLength, decrypt) {
+    super(maybeLength);
+    this.str = str;
+    this.dict = str.dict;
+    this.decrypt = decrypt;
+    this.nextChunk = null;
+    this.initialized = false;
+  }
+  readBlock() {
+    let chunk;
+    if (this.initialized) {
+      chunk = this.nextChunk;
+    } else {
+      chunk = this.str.getBytes(chunkSize);
+      this.initialized = true;
+    }
+    if (!chunk || chunk.length === 0) {
+      this.eof = true;
+      return;
+    }
+    this.nextChunk = this.str.getBytes(chunkSize);
+    const hasMoreData = this.nextChunk && this.nextChunk.length > 0;
+    const decrypt = this.decrypt;
+    chunk = decrypt(chunk, !hasMoreData);
+    const bufferLength = this.bufferLength,
+      newLength = bufferLength + chunk.length,
+      buffer = this.ensureBuffer(newLength);
+    buffer.set(chunk, bufferLength);
+    this.bufferLength = newLength;
+  }
+}
+exports.DecryptStream = DecryptStream;
+
+/***/ }),
+/* 69 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Catalog = void 0;
+var _core_utils = __w_pdfjs_require__(3);
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _name_number_tree = __w_pdfjs_require__(70);
+var _base_stream = __w_pdfjs_require__(5);
+var _cleanup_helper = __w_pdfjs_require__(71);
+var _colorspace = __w_pdfjs_require__(12);
+var _file_spec = __w_pdfjs_require__(72);
+var _image_utils = __w_pdfjs_require__(59);
+var _metadata_parser = __w_pdfjs_require__(73);
+var _struct_tree = __w_pdfjs_require__(74);
+function fetchDestination(dest) {
+  if (dest instanceof _primitives.Dict) {
+    dest = dest.get("D");
+  }
+  return Array.isArray(dest) ? dest : null;
+}
+class Catalog {
+  constructor(pdfManager, xref) {
+    this.pdfManager = pdfManager;
+    this.xref = xref;
+    this._catDict = xref.getCatalogObj();
+    if (!(this._catDict instanceof _primitives.Dict)) {
+      throw new _util.FormatError("Catalog object is not a dictionary.");
+    }
+    this.toplevelPagesDict;
+    this._actualNumPages = null;
+    this.fontCache = new _primitives.RefSetCache();
+    this.builtInCMapCache = new Map();
+    this.standardFontDataCache = new Map();
+    this.globalImageCache = new _image_utils.GlobalImageCache();
+    this.pageKidsCountCache = new _primitives.RefSetCache();
+    this.pageIndexCache = new _primitives.RefSetCache();
+    this.nonBlendModesSet = new _primitives.RefSet();
+  }
+  get version() {
+    const version = this._catDict.get("Version");
+    if (version instanceof _primitives.Name) {
+      if (_core_utils.PDF_VERSION_REGEXP.test(version.name)) {
+        return (0, _util.shadow)(this, "version", version.name);
+      }
+      (0, _util.warn)(`Invalid PDF catalog version: ${version.name}`);
+    }
+    return (0, _util.shadow)(this, "version", null);
+  }
+  get lang() {
+    const lang = this._catDict.get("Lang");
+    return (0, _util.shadow)(this, "lang", typeof lang === "string" ? (0, _util.stringToPDFString)(lang) : null);
+  }
+  get needsRendering() {
+    const needsRendering = this._catDict.get("NeedsRendering");
+    return (0, _util.shadow)(this, "needsRendering", typeof needsRendering === "boolean" ? needsRendering : false);
+  }
+  get collection() {
+    let collection = null;
+    try {
+      const obj = this._catDict.get("Collection");
+      if (obj instanceof _primitives.Dict && obj.size > 0) {
+        collection = obj;
+      }
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.info)("Cannot fetch Collection entry; assuming no collection is present.");
+    }
+    return (0, _util.shadow)(this, "collection", collection);
+  }
+  get acroForm() {
+    let acroForm = null;
+    try {
+      const obj = this._catDict.get("AcroForm");
+      if (obj instanceof _primitives.Dict && obj.size > 0) {
+        acroForm = obj;
+      }
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.info)("Cannot fetch AcroForm entry; assuming no forms are present.");
+    }
+    return (0, _util.shadow)(this, "acroForm", acroForm);
+  }
+  get acroFormRef() {
+    const value = this._catDict.getRaw("AcroForm");
+    return (0, _util.shadow)(this, "acroFormRef", value instanceof _primitives.Ref ? value : null);
+  }
+  get metadata() {
+    const streamRef = this._catDict.getRaw("Metadata");
+    if (!(streamRef instanceof _primitives.Ref)) {
+      return (0, _util.shadow)(this, "metadata", null);
+    }
+    let metadata = null;
+    try {
+      const suppressEncryption = !(this.xref.encrypt && this.xref.encrypt.encryptMetadata);
+      const stream = this.xref.fetch(streamRef, suppressEncryption);
+      if (stream instanceof _base_stream.BaseStream && stream.dict instanceof _primitives.Dict) {
+        const type = stream.dict.get("Type");
+        const subtype = stream.dict.get("Subtype");
+        if ((0, _primitives.isName)(type, "Metadata") && (0, _primitives.isName)(subtype, "XML")) {
+          const data = (0, _util.stringToUTF8String)(stream.getString());
+          if (data) {
+            metadata = new _metadata_parser.MetadataParser(data).serializable;
+          }
+        }
+      }
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.info)(`Skipping invalid Metadata: "${ex}".`);
+    }
+    return (0, _util.shadow)(this, "metadata", metadata);
+  }
+  get markInfo() {
+    let markInfo = null;
+    try {
+      markInfo = this._readMarkInfo();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Unable to read mark info.");
+    }
+    return (0, _util.shadow)(this, "markInfo", markInfo);
+  }
+  _readMarkInfo() {
+    const obj = this._catDict.get("MarkInfo");
+    if (!(obj instanceof _primitives.Dict)) {
+      return null;
+    }
+    const markInfo = {
+      Marked: false,
+      UserProperties: false,
+      Suspects: false
+    };
+    for (const key in markInfo) {
+      const value = obj.get(key);
+      if (typeof value === "boolean") {
+        markInfo[key] = value;
+      }
+    }
+    return markInfo;
+  }
+  get structTreeRoot() {
+    let structTree = null;
+    try {
+      structTree = this._readStructTreeRoot();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Unable read to structTreeRoot info.");
+    }
+    return (0, _util.shadow)(this, "structTreeRoot", structTree);
+  }
+  _readStructTreeRoot() {
+    const obj = this._catDict.get("StructTreeRoot");
+    if (!(obj instanceof _primitives.Dict)) {
+      return null;
+    }
+    const root = new _struct_tree.StructTreeRoot(obj);
+    root.init();
+    return root;
+  }
+  get toplevelPagesDict() {
+    const pagesObj = this._catDict.get("Pages");
+    if (!(pagesObj instanceof _primitives.Dict)) {
+      throw new _util.FormatError("Invalid top-level pages dictionary.");
+    }
+    return (0, _util.shadow)(this, "toplevelPagesDict", pagesObj);
+  }
+  get documentOutline() {
+    let obj = null;
+    try {
+      obj = this._readDocumentOutline();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Unable to read document outline.");
+    }
+    return (0, _util.shadow)(this, "documentOutline", obj);
+  }
+  _readDocumentOutline() {
+    let obj = this._catDict.get("Outlines");
+    if (!(obj instanceof _primitives.Dict)) {
+      return null;
+    }
+    obj = obj.getRaw("First");
+    if (!(obj instanceof _primitives.Ref)) {
+      return null;
+    }
+    const root = {
+      items: []
+    };
+    const queue = [{
+      obj,
+      parent: root
+    }];
+    const processed = new _primitives.RefSet();
+    processed.put(obj);
+    const xref = this.xref,
+      blackColor = new Uint8ClampedArray(3);
+    while (queue.length > 0) {
+      const i = queue.shift();
+      const outlineDict = xref.fetchIfRef(i.obj);
+      if (outlineDict === null) {
+        continue;
+      }
+      if (!outlineDict.has("Title")) {
+        throw new _util.FormatError("Invalid outline item encountered.");
+      }
+      const data = {
+        url: null,
+        dest: null,
+        action: null
+      };
+      Catalog.parseDestDictionary({
+        destDict: outlineDict,
+        resultObj: data,
+        docBaseUrl: this.pdfManager.docBaseUrl,
+        docAttachments: this.attachments
+      });
+      const title = outlineDict.get("Title");
+      const flags = outlineDict.get("F") || 0;
+      const color = outlineDict.getArray("C");
+      const count = outlineDict.get("Count");
+      let rgbColor = blackColor;
+      if (Array.isArray(color) && color.length === 3 && (color[0] !== 0 || color[1] !== 0 || color[2] !== 0)) {
+        rgbColor = _colorspace.ColorSpace.singletons.rgb.getRgb(color, 0);
+      }
+      const outlineItem = {
+        action: data.action,
+        attachment: data.attachment,
+        dest: data.dest,
+        url: data.url,
+        unsafeUrl: data.unsafeUrl,
+        newWindow: data.newWindow,
+        setOCGState: data.setOCGState,
+        title: (0, _util.stringToPDFString)(title),
+        color: rgbColor,
+        count: Number.isInteger(count) ? count : undefined,
+        bold: !!(flags & 2),
+        italic: !!(flags & 1),
+        items: []
+      };
+      i.parent.items.push(outlineItem);
+      obj = outlineDict.getRaw("First");
+      if (obj instanceof _primitives.Ref && !processed.has(obj)) {
+        queue.push({
+          obj,
+          parent: outlineItem
+        });
+        processed.put(obj);
+      }
+      obj = outlineDict.getRaw("Next");
+      if (obj instanceof _primitives.Ref && !processed.has(obj)) {
+        queue.push({
+          obj,
+          parent: i.parent
+        });
+        processed.put(obj);
+      }
+    }
+    return root.items.length > 0 ? root.items : null;
+  }
+  get permissions() {
+    let permissions = null;
+    try {
+      permissions = this._readPermissions();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Unable to read permissions.");
+    }
+    return (0, _util.shadow)(this, "permissions", permissions);
+  }
+  _readPermissions() {
+    const encrypt = this.xref.trailer.get("Encrypt");
+    if (!(encrypt instanceof _primitives.Dict)) {
+      return null;
+    }
+    let flags = encrypt.get("P");
+    if (typeof flags !== "number") {
+      return null;
+    }
+    flags += 2 ** 32;
+    const permissions = [];
+    for (const key in _util.PermissionFlag) {
+      const value = _util.PermissionFlag[key];
+      if (flags & value) {
+        permissions.push(value);
+      }
+    }
+    return permissions;
+  }
+  get optionalContentConfig() {
+    let config = null;
+    try {
+      const properties = this._catDict.get("OCProperties");
+      if (!properties) {
+        return (0, _util.shadow)(this, "optionalContentConfig", null);
+      }
+      const defaultConfig = properties.get("D");
+      if (!defaultConfig) {
+        return (0, _util.shadow)(this, "optionalContentConfig", null);
+      }
+      const groupsData = properties.get("OCGs");
+      if (!Array.isArray(groupsData)) {
+        return (0, _util.shadow)(this, "optionalContentConfig", null);
+      }
+      const groups = [];
+      const groupRefs = [];
+      for (const groupRef of groupsData) {
+        if (!(groupRef instanceof _primitives.Ref)) {
+          continue;
+        }
+        groupRefs.push(groupRef);
+        const group = this.xref.fetchIfRef(groupRef);
+        groups.push({
+          id: groupRef.toString(),
+          name: typeof group.get("Name") === "string" ? (0, _util.stringToPDFString)(group.get("Name")) : null,
+          intent: typeof group.get("Intent") === "string" ? (0, _util.stringToPDFString)(group.get("Intent")) : null
+        });
+      }
+      config = this._readOptionalContentConfig(defaultConfig, groupRefs);
+      config.groups = groups;
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`Unable to read optional content config: ${ex}`);
+    }
+    return (0, _util.shadow)(this, "optionalContentConfig", config);
+  }
+  _readOptionalContentConfig(config, contentGroupRefs) {
+    function parseOnOff(refs) {
+      const onParsed = [];
+      if (Array.isArray(refs)) {
+        for (const value of refs) {
+          if (!(value instanceof _primitives.Ref)) {
+            continue;
+          }
+          if (contentGroupRefs.includes(value)) {
+            onParsed.push(value.toString());
+          }
+        }
+      }
+      return onParsed;
+    }
+    function parseOrder(refs, nestedLevels = 0) {
+      if (!Array.isArray(refs)) {
+        return null;
+      }
+      const order = [];
+      for (const value of refs) {
+        if (value instanceof _primitives.Ref && contentGroupRefs.includes(value)) {
+          parsedOrderRefs.put(value);
+          order.push(value.toString());
+          continue;
+        }
+        const nestedOrder = parseNestedOrder(value, nestedLevels);
+        if (nestedOrder) {
+          order.push(nestedOrder);
+        }
+      }
+      if (nestedLevels > 0) {
+        return order;
+      }
+      const hiddenGroups = [];
+      for (const groupRef of contentGroupRefs) {
+        if (parsedOrderRefs.has(groupRef)) {
+          continue;
+        }
+        hiddenGroups.push(groupRef.toString());
+      }
+      if (hiddenGroups.length) {
+        order.push({
+          name: null,
+          order: hiddenGroups
+        });
+      }
+      return order;
+    }
+    function parseNestedOrder(ref, nestedLevels) {
+      if (++nestedLevels > MAX_NESTED_LEVELS) {
+        (0, _util.warn)("parseNestedOrder - reached MAX_NESTED_LEVELS.");
+        return null;
+      }
+      const value = xref.fetchIfRef(ref);
+      if (!Array.isArray(value)) {
+        return null;
+      }
+      const nestedName = xref.fetchIfRef(value[0]);
+      if (typeof nestedName !== "string") {
+        return null;
+      }
+      const nestedOrder = parseOrder(value.slice(1), nestedLevels);
+      if (!nestedOrder || !nestedOrder.length) {
+        return null;
+      }
+      return {
+        name: (0, _util.stringToPDFString)(nestedName),
+        order: nestedOrder
+      };
+    }
+    const xref = this.xref,
+      parsedOrderRefs = new _primitives.RefSet(),
+      MAX_NESTED_LEVELS = 10;
+    return {
+      name: typeof config.get("Name") === "string" ? (0, _util.stringToPDFString)(config.get("Name")) : null,
+      creator: typeof config.get("Creator") === "string" ? (0, _util.stringToPDFString)(config.get("Creator")) : null,
+      baseState: config.get("BaseState") instanceof _primitives.Name ? config.get("BaseState").name : null,
+      on: parseOnOff(config.get("ON")),
+      off: parseOnOff(config.get("OFF")),
+      order: parseOrder(config.get("Order")),
+      groups: null
+    };
+  }
+  setActualNumPages(num = null) {
+    this._actualNumPages = num;
+  }
+  get hasActualNumPages() {
+    return this._actualNumPages !== null;
+  }
+  get _pagesCount() {
+    const obj = this.toplevelPagesDict.get("Count");
+    if (!Number.isInteger(obj)) {
+      throw new _util.FormatError("Page count in top-level pages dictionary is not an integer.");
+    }
+    return (0, _util.shadow)(this, "_pagesCount", obj);
+  }
+  get numPages() {
+    return this.hasActualNumPages ? this._actualNumPages : this._pagesCount;
+  }
+  get destinations() {
+    const obj = this._readDests(),
+      dests = Object.create(null);
+    if (obj instanceof _name_number_tree.NameTree) {
+      for (const [key, value] of obj.getAll()) {
+        const dest = fetchDestination(value);
+        if (dest) {
+          dests[(0, _util.stringToPDFString)(key)] = dest;
+        }
+      }
+    } else if (obj instanceof _primitives.Dict) {
+      obj.forEach(function (key, value) {
+        const dest = fetchDestination(value);
+        if (dest) {
+          dests[key] = dest;
+        }
+      });
+    }
+    return (0, _util.shadow)(this, "destinations", dests);
+  }
+  getDestination(id) {
+    const obj = this._readDests();
+    if (obj instanceof _name_number_tree.NameTree) {
+      const dest = fetchDestination(obj.get(id));
+      if (dest) {
+        return dest;
+      }
+      const allDest = this.destinations[id];
+      if (allDest) {
+        (0, _util.warn)(`Found "${id}" at an incorrect position in the NameTree.`);
+        return allDest;
+      }
+    } else if (obj instanceof _primitives.Dict) {
+      const dest = fetchDestination(obj.get(id));
+      if (dest) {
+        return dest;
+      }
+    }
+    return null;
+  }
+  _readDests() {
+    const obj = this._catDict.get("Names");
+    if (obj && obj.has("Dests")) {
+      return new _name_number_tree.NameTree(obj.getRaw("Dests"), this.xref);
+    } else if (this._catDict.has("Dests")) {
+      return this._catDict.get("Dests");
+    }
+    return undefined;
+  }
+  get pageLabels() {
+    let obj = null;
+    try {
+      obj = this._readPageLabels();
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)("Unable to read page labels.");
+    }
+    return (0, _util.shadow)(this, "pageLabels", obj);
+  }
+  _readPageLabels() {
+    const obj = this._catDict.getRaw("PageLabels");
+    if (!obj) {
+      return null;
+    }
+    const pageLabels = new Array(this.numPages);
+    let style = null,
+      prefix = "";
+    const numberTree = new _name_number_tree.NumberTree(obj, this.xref);
+    const nums = numberTree.getAll();
+    let currentLabel = "",
+      currentIndex = 1;
+    for (let i = 0, ii = this.numPages; i < ii; i++) {
+      const labelDict = nums.get(i);
+      if (labelDict !== undefined) {
+        if (!(labelDict instanceof _primitives.Dict)) {
+          throw new _util.FormatError("PageLabel is not a dictionary.");
+        }
+        if (labelDict.has("Type") && !(0, _primitives.isName)(labelDict.get("Type"), "PageLabel")) {
+          throw new _util.FormatError("Invalid type in PageLabel dictionary.");
+        }
+        if (labelDict.has("S")) {
+          const s = labelDict.get("S");
+          if (!(s instanceof _primitives.Name)) {
+            throw new _util.FormatError("Invalid style in PageLabel dictionary.");
+          }
+          style = s.name;
+        } else {
+          style = null;
+        }
+        if (labelDict.has("P")) {
+          const p = labelDict.get("P");
+          if (typeof p !== "string") {
+            throw new _util.FormatError("Invalid prefix in PageLabel dictionary.");
+          }
+          prefix = (0, _util.stringToPDFString)(p);
+        } else {
+          prefix = "";
+        }
+        if (labelDict.has("St")) {
+          const st = labelDict.get("St");
+          if (!(Number.isInteger(st) && st >= 1)) {
+            throw new _util.FormatError("Invalid start in PageLabel dictionary.");
+          }
+          currentIndex = st;
+        } else {
+          currentIndex = 1;
+        }
+      }
+      switch (style) {
+        case "D":
+          currentLabel = currentIndex;
+          break;
+        case "R":
+        case "r":
+          currentLabel = (0, _core_utils.toRomanNumerals)(currentIndex, style === "r");
+          break;
+        case "A":
+        case "a":
+          const LIMIT = 26;
+          const A_UPPER_CASE = 0x41,
+            A_LOWER_CASE = 0x61;
+          const baseCharCode = style === "a" ? A_LOWER_CASE : A_UPPER_CASE;
+          const letterIndex = currentIndex - 1;
+          const character = String.fromCharCode(baseCharCode + letterIndex % LIMIT);
+          currentLabel = character.repeat(Math.floor(letterIndex / LIMIT) + 1);
+          break;
+        default:
+          if (style) {
+            throw new _util.FormatError(`Invalid style "${style}" in PageLabel dictionary.`);
+          }
+          currentLabel = "";
+      }
+      pageLabels[i] = prefix + currentLabel;
+      currentIndex++;
+    }
+    return pageLabels;
+  }
+  get pageLayout() {
+    const obj = this._catDict.get("PageLayout");
+    let pageLayout = "";
+    if (obj instanceof _primitives.Name) {
+      switch (obj.name) {
+        case "SinglePage":
+        case "OneColumn":
+        case "TwoColumnLeft":
+        case "TwoColumnRight":
+        case "TwoPageLeft":
+        case "TwoPageRight":
+          pageLayout = obj.name;
+      }
+    }
+    return (0, _util.shadow)(this, "pageLayout", pageLayout);
+  }
+  get pageMode() {
+    const obj = this._catDict.get("PageMode");
+    let pageMode = "UseNone";
+    if (obj instanceof _primitives.Name) {
+      switch (obj.name) {
+        case "UseNone":
+        case "UseOutlines":
+        case "UseThumbs":
+        case "FullScreen":
+        case "UseOC":
+        case "UseAttachments":
+          pageMode = obj.name;
+      }
+    }
+    return (0, _util.shadow)(this, "pageMode", pageMode);
+  }
+  get viewerPreferences() {
+    const obj = this._catDict.get("ViewerPreferences");
+    if (!(obj instanceof _primitives.Dict)) {
+      return (0, _util.shadow)(this, "viewerPreferences", null);
+    }
+    let prefs = null;
+    for (const key of obj.getKeys()) {
+      const value = obj.get(key);
+      let prefValue;
+      switch (key) {
+        case "HideToolbar":
+        case "HideMenubar":
+        case "HideWindowUI":
+        case "FitWindow":
+        case "CenterWindow":
+        case "DisplayDocTitle":
+        case "PickTrayByPDFSize":
+          if (typeof value === "boolean") {
+            prefValue = value;
+          }
+          break;
+        case "NonFullScreenPageMode":
+          if (value instanceof _primitives.Name) {
+            switch (value.name) {
+              case "UseNone":
+              case "UseOutlines":
+              case "UseThumbs":
+              case "UseOC":
+                prefValue = value.name;
+                break;
+              default:
+                prefValue = "UseNone";
+            }
+          }
+          break;
+        case "Direction":
+          if (value instanceof _primitives.Name) {
+            switch (value.name) {
+              case "L2R":
+              case "R2L":
+                prefValue = value.name;
+                break;
+              default:
+                prefValue = "L2R";
+            }
+          }
+          break;
+        case "ViewArea":
+        case "ViewClip":
+        case "PrintArea":
+        case "PrintClip":
+          if (value instanceof _primitives.Name) {
+            switch (value.name) {
+              case "MediaBox":
+              case "CropBox":
+              case "BleedBox":
+              case "TrimBox":
+              case "ArtBox":
+                prefValue = value.name;
+                break;
+              default:
+                prefValue = "CropBox";
+            }
+          }
+          break;
+        case "PrintScaling":
+          if (value instanceof _primitives.Name) {
+            switch (value.name) {
+              case "None":
+              case "AppDefault":
+                prefValue = value.name;
+                break;
+              default:
+                prefValue = "AppDefault";
+            }
+          }
+          break;
+        case "Duplex":
+          if (value instanceof _primitives.Name) {
+            switch (value.name) {
+              case "Simplex":
+              case "DuplexFlipShortEdge":
+              case "DuplexFlipLongEdge":
+                prefValue = value.name;
+                break;
+              default:
+                prefValue = "None";
+            }
+          }
+          break;
+        case "PrintPageRange":
+          if (Array.isArray(value) && value.length % 2 === 0) {
+            const isValid = value.every((page, i, arr) => {
+              return Number.isInteger(page) && page > 0 && (i === 0 || page >= arr[i - 1]) && page <= this.numPages;
+            });
+            if (isValid) {
+              prefValue = value;
+            }
+          }
+          break;
+        case "NumCopies":
+          if (Number.isInteger(value) && value > 0) {
+            prefValue = value;
+          }
+          break;
+        default:
+          (0, _util.warn)(`Ignoring non-standard key in ViewerPreferences: ${key}.`);
+          continue;
+      }
+      if (prefValue === undefined) {
+        (0, _util.warn)(`Bad value, for key "${key}", in ViewerPreferences: ${value}.`);
+        continue;
+      }
+      if (!prefs) {
+        prefs = Object.create(null);
+      }
+      prefs[key] = prefValue;
+    }
+    return (0, _util.shadow)(this, "viewerPreferences", prefs);
+  }
+  get openAction() {
+    const obj = this._catDict.get("OpenAction");
+    const openAction = Object.create(null);
+    if (obj instanceof _primitives.Dict) {
+      const destDict = new _primitives.Dict(this.xref);
+      destDict.set("A", obj);
+      const resultObj = {
+        url: null,
+        dest: null,
+        action: null
+      };
+      Catalog.parseDestDictionary({
+        destDict,
+        resultObj
+      });
+      if (Array.isArray(resultObj.dest)) {
+        openAction.dest = resultObj.dest;
+      } else if (resultObj.action) {
+        openAction.action = resultObj.action;
+      }
+    } else if (Array.isArray(obj)) {
+      openAction.dest = obj;
+    }
+    return (0, _util.shadow)(this, "openAction", (0, _util.objectSize)(openAction) > 0 ? openAction : null);
+  }
+  get attachments() {
+    const obj = this._catDict.get("Names");
+    let attachments = null;
+    if (obj instanceof _primitives.Dict && obj.has("EmbeddedFiles")) {
+      const nameTree = new _name_number_tree.NameTree(obj.getRaw("EmbeddedFiles"), this.xref);
+      for (const [key, value] of nameTree.getAll()) {
+        const fs = new _file_spec.FileSpec(value, this.xref);
+        if (!attachments) {
+          attachments = Object.create(null);
+        }
+        attachments[(0, _util.stringToPDFString)(key)] = fs.serializable;
+      }
+    }
+    return (0, _util.shadow)(this, "attachments", attachments);
+  }
+  get xfaImages() {
+    const obj = this._catDict.get("Names");
+    let xfaImages = null;
+    if (obj instanceof _primitives.Dict && obj.has("XFAImages")) {
+      const nameTree = new _name_number_tree.NameTree(obj.getRaw("XFAImages"), this.xref);
+      for (const [key, value] of nameTree.getAll()) {
+        if (!xfaImages) {
+          xfaImages = new _primitives.Dict(this.xref);
+        }
+        xfaImages.set((0, _util.stringToPDFString)(key), value);
+      }
+    }
+    return (0, _util.shadow)(this, "xfaImages", xfaImages);
+  }
+  _collectJavaScript() {
+    const obj = this._catDict.get("Names");
+    let javaScript = null;
+    function appendIfJavaScriptDict(name, jsDict) {
+      if (!(jsDict instanceof _primitives.Dict)) {
+        return;
+      }
+      if (!(0, _primitives.isName)(jsDict.get("S"), "JavaScript")) {
+        return;
+      }
+      let js = jsDict.get("JS");
+      if (js instanceof _base_stream.BaseStream) {
+        js = js.getString();
+      } else if (typeof js !== "string") {
+        return;
+      }
+      js = (0, _util.stringToPDFString)(js).replaceAll("\x00", "");
+      (javaScript ||= new Map()).set(name, js);
+    }
+    if (obj instanceof _primitives.Dict && obj.has("JavaScript")) {
+      const nameTree = new _name_number_tree.NameTree(obj.getRaw("JavaScript"), this.xref);
+      for (const [key, value] of nameTree.getAll()) {
+        appendIfJavaScriptDict((0, _util.stringToPDFString)(key), value);
+      }
+    }
+    const openAction = this._catDict.get("OpenAction");
+    if (openAction) {
+      appendIfJavaScriptDict("OpenAction", openAction);
+    }
+    return javaScript;
+  }
+  get javaScript() {
+    const javaScript = this._collectJavaScript();
+    return (0, _util.shadow)(this, "javaScript", javaScript ? [...javaScript.values()] : null);
+  }
+  get jsActions() {
+    const javaScript = this._collectJavaScript();
+    let actions = (0, _core_utils.collectActions)(this.xref, this._catDict, _util.DocumentActionEventType);
+    if (javaScript) {
+      if (!actions) {
+        actions = Object.create(null);
+      }
+      for (const [key, val] of javaScript) {
+        if (key in actions) {
+          actions[key].push(val);
+        } else {
+          actions[key] = [val];
+        }
+      }
+    }
+    return (0, _util.shadow)(this, "jsActions", actions);
+  }
+  async fontFallback(id, handler) {
+    const translatedFonts = await Promise.all(this.fontCache);
+    for (const translatedFont of translatedFonts) {
+      if (translatedFont.loadedName === id) {
+        translatedFont.fallback(handler);
+        return;
+      }
+    }
+  }
+  async cleanup(manuallyTriggered = false) {
+    (0, _cleanup_helper.clearGlobalCaches)();
+    this.globalImageCache.clear(manuallyTriggered);
+    this.pageKidsCountCache.clear();
+    this.pageIndexCache.clear();
+    this.nonBlendModesSet.clear();
+    const translatedFonts = await Promise.all(this.fontCache);
+    for (const {
+      dict
+    } of translatedFonts) {
+      delete dict.cacheKey;
+    }
+    this.fontCache.clear();
+    this.builtInCMapCache.clear();
+    this.standardFontDataCache.clear();
+  }
+  async getPageDict(pageIndex) {
+    const nodesToVisit = [this.toplevelPagesDict];
+    const visitedNodes = new _primitives.RefSet();
+    const pagesRef = this._catDict.getRaw("Pages");
+    if (pagesRef instanceof _primitives.Ref) {
+      visitedNodes.put(pagesRef);
+    }
+    const xref = this.xref,
+      pageKidsCountCache = this.pageKidsCountCache,
+      pageIndexCache = this.pageIndexCache;
+    let currentPageIndex = 0;
+    while (nodesToVisit.length) {
+      const currentNode = nodesToVisit.pop();
+      if (currentNode instanceof _primitives.Ref) {
+        const count = pageKidsCountCache.get(currentNode);
+        if (count >= 0 && currentPageIndex + count <= pageIndex) {
+          currentPageIndex += count;
+          continue;
+        }
+        if (visitedNodes.has(currentNode)) {
+          throw new _util.FormatError("Pages tree contains circular reference.");
+        }
+        visitedNodes.put(currentNode);
+        const obj = await xref.fetchAsync(currentNode);
+        if (obj instanceof _primitives.Dict) {
+          let type = obj.getRaw("Type");
+          if (type instanceof _primitives.Ref) {
+            type = await xref.fetchAsync(type);
+          }
+          if ((0, _primitives.isName)(type, "Page") || !obj.has("Kids")) {
+            if (!pageKidsCountCache.has(currentNode)) {
+              pageKidsCountCache.put(currentNode, 1);
+            }
+            if (!pageIndexCache.has(currentNode)) {
+              pageIndexCache.put(currentNode, currentPageIndex);
+            }
+            if (currentPageIndex === pageIndex) {
+              return [obj, currentNode];
+            }
+            currentPageIndex++;
+            continue;
+          }
+        }
+        nodesToVisit.push(obj);
+        continue;
+      }
+      if (!(currentNode instanceof _primitives.Dict)) {
+        throw new _util.FormatError("Page dictionary kid reference points to wrong type of object.");
+      }
+      const {
+        objId
+      } = currentNode;
+      let count = currentNode.getRaw("Count");
+      if (count instanceof _primitives.Ref) {
+        count = await xref.fetchAsync(count);
+      }
+      if (Number.isInteger(count) && count >= 0) {
+        if (objId && !pageKidsCountCache.has(objId)) {
+          pageKidsCountCache.put(objId, count);
+        }
+        if (currentPageIndex + count <= pageIndex) {
+          currentPageIndex += count;
+          continue;
+        }
+      }
+      let kids = currentNode.getRaw("Kids");
+      if (kids instanceof _primitives.Ref) {
+        kids = await xref.fetchAsync(kids);
+      }
+      if (!Array.isArray(kids)) {
+        let type = currentNode.getRaw("Type");
+        if (type instanceof _primitives.Ref) {
+          type = await xref.fetchAsync(type);
+        }
+        if ((0, _primitives.isName)(type, "Page") || !currentNode.has("Kids")) {
+          if (currentPageIndex === pageIndex) {
+            return [currentNode, null];
+          }
+          currentPageIndex++;
+          continue;
+        }
+        throw new _util.FormatError("Page dictionary kids object is not an array.");
+      }
+      for (let last = kids.length - 1; last >= 0; last--) {
+        nodesToVisit.push(kids[last]);
+      }
+    }
+    throw new Error(`Page index ${pageIndex} not found.`);
+  }
+  async getAllPageDicts(recoveryMode = false) {
+    const {
+      ignoreErrors
+    } = this.pdfManager.evaluatorOptions;
+    const queue = [{
+      currentNode: this.toplevelPagesDict,
+      posInKids: 0
+    }];
+    const visitedNodes = new _primitives.RefSet();
+    const pagesRef = this._catDict.getRaw("Pages");
+    if (pagesRef instanceof _primitives.Ref) {
+      visitedNodes.put(pagesRef);
+    }
+    const map = new Map(),
+      xref = this.xref,
+      pageIndexCache = this.pageIndexCache;
+    let pageIndex = 0;
+    function addPageDict(pageDict, pageRef) {
+      if (pageRef && !pageIndexCache.has(pageRef)) {
+        pageIndexCache.put(pageRef, pageIndex);
+      }
+      map.set(pageIndex++, [pageDict, pageRef]);
+    }
+    function addPageError(error) {
+      if (error instanceof _core_utils.XRefEntryException && !recoveryMode) {
+        throw error;
+      }
+      if (recoveryMode && ignoreErrors && pageIndex === 0) {
+        (0, _util.warn)(`getAllPageDicts - Skipping invalid first page: "${error}".`);
+        error = _primitives.Dict.empty;
+      }
+      map.set(pageIndex++, [error, null]);
+    }
+    while (queue.length > 0) {
+      const queueItem = queue.at(-1);
+      const {
+        currentNode,
+        posInKids
+      } = queueItem;
+      let kids = currentNode.getRaw("Kids");
+      if (kids instanceof _primitives.Ref) {
+        try {
+          kids = await xref.fetchAsync(kids);
+        } catch (ex) {
+          addPageError(ex);
+          break;
+        }
+      }
+      if (!Array.isArray(kids)) {
+        addPageError(new _util.FormatError("Page dictionary kids object is not an array."));
+        break;
+      }
+      if (posInKids >= kids.length) {
+        queue.pop();
+        continue;
+      }
+      const kidObj = kids[posInKids];
+      let obj;
+      if (kidObj instanceof _primitives.Ref) {
+        if (visitedNodes.has(kidObj)) {
+          addPageError(new _util.FormatError("Pages tree contains circular reference."));
+          break;
+        }
+        visitedNodes.put(kidObj);
+        try {
+          obj = await xref.fetchAsync(kidObj);
+        } catch (ex) {
+          addPageError(ex);
+          break;
+        }
+      } else {
+        obj = kidObj;
+      }
+      if (!(obj instanceof _primitives.Dict)) {
+        addPageError(new _util.FormatError("Page dictionary kid reference points to wrong type of object."));
+        break;
+      }
+      let type = obj.getRaw("Type");
+      if (type instanceof _primitives.Ref) {
+        try {
+          type = await xref.fetchAsync(type);
+        } catch (ex) {
+          addPageError(ex);
+          break;
+        }
+      }
+      if ((0, _primitives.isName)(type, "Page") || !obj.has("Kids")) {
+        addPageDict(obj, kidObj instanceof _primitives.Ref ? kidObj : null);
+      } else {
+        queue.push({
+          currentNode: obj,
+          posInKids: 0
+        });
+      }
+      queueItem.posInKids++;
+    }
+    return map;
+  }
+  getPageIndex(pageRef) {
+    const cachedPageIndex = this.pageIndexCache.get(pageRef);
+    if (cachedPageIndex !== undefined) {
+      return Promise.resolve(cachedPageIndex);
+    }
+    const xref = this.xref;
+    function pagesBeforeRef(kidRef) {
+      let total = 0,
+        parentRef;
+      return xref.fetchAsync(kidRef).then(function (node) {
+        if ((0, _primitives.isRefsEqual)(kidRef, pageRef) && !(0, _primitives.isDict)(node, "Page") && !(node instanceof _primitives.Dict && !node.has("Type") && node.has("Contents"))) {
+          throw new _util.FormatError("The reference does not point to a /Page dictionary.");
+        }
+        if (!node) {
+          return null;
+        }
+        if (!(node instanceof _primitives.Dict)) {
+          throw new _util.FormatError("Node must be a dictionary.");
+        }
+        parentRef = node.getRaw("Parent");
+        return node.getAsync("Parent");
+      }).then(function (parent) {
+        if (!parent) {
+          return null;
+        }
+        if (!(parent instanceof _primitives.Dict)) {
+          throw new _util.FormatError("Parent must be a dictionary.");
+        }
+        return parent.getAsync("Kids");
+      }).then(function (kids) {
+        if (!kids) {
+          return null;
+        }
+        const kidPromises = [];
+        let found = false;
+        for (const kid of kids) {
+          if (!(kid instanceof _primitives.Ref)) {
+            throw new _util.FormatError("Kid must be a reference.");
+          }
+          if ((0, _primitives.isRefsEqual)(kid, kidRef)) {
+            found = true;
+            break;
+          }
+          kidPromises.push(xref.fetchAsync(kid).then(function (obj) {
+            if (!(obj instanceof _primitives.Dict)) {
+              throw new _util.FormatError("Kid node must be a dictionary.");
+            }
+            if (obj.has("Count")) {
+              total += obj.get("Count");
+            } else {
+              total++;
+            }
+          }));
+        }
+        if (!found) {
+          throw new _util.FormatError("Kid reference not found in parent's kids.");
+        }
+        return Promise.all(kidPromises).then(function () {
+          return [total, parentRef];
+        });
+      });
+    }
+    let total = 0;
+    const next = ref => pagesBeforeRef(ref).then(args => {
+      if (!args) {
+        this.pageIndexCache.put(pageRef, total);
+        return total;
+      }
+      const [count, parentRef] = args;
+      total += count;
+      return next(parentRef);
+    });
+    return next(pageRef);
+  }
+  get baseUrl() {
+    const uri = this._catDict.get("URI");
+    if (uri instanceof _primitives.Dict) {
+      const base = uri.get("Base");
+      if (typeof base === "string") {
+        const absoluteUrl = (0, _util.createValidAbsoluteUrl)(base, null, {
+          tryConvertEncoding: true
+        });
+        if (absoluteUrl) {
+          return (0, _util.shadow)(this, "baseUrl", absoluteUrl.href);
+        }
+      }
+    }
+    return (0, _util.shadow)(this, "baseUrl", null);
+  }
+  static parseDestDictionary(params) {
+    const destDict = params.destDict;
+    if (!(destDict instanceof _primitives.Dict)) {
+      (0, _util.warn)("parseDestDictionary: `destDict` must be a dictionary.");
+      return;
+    }
+    const resultObj = params.resultObj;
+    if (typeof resultObj !== "object") {
+      (0, _util.warn)("parseDestDictionary: `resultObj` must be an object.");
+      return;
+    }
+    const docBaseUrl = params.docBaseUrl || null;
+    const docAttachments = params.docAttachments || null;
+    let action = destDict.get("A"),
+      url,
+      dest;
+    if (!(action instanceof _primitives.Dict)) {
+      if (destDict.has("Dest")) {
+        action = destDict.get("Dest");
+      } else {
+        action = destDict.get("AA");
+        if (action instanceof _primitives.Dict) {
+          if (action.has("D")) {
+            action = action.get("D");
+          } else if (action.has("U")) {
+            action = action.get("U");
+          }
+        }
+      }
+    }
+    if (action instanceof _primitives.Dict) {
+      const actionType = action.get("S");
+      if (!(actionType instanceof _primitives.Name)) {
+        (0, _util.warn)("parseDestDictionary: Invalid type in Action dictionary.");
+        return;
+      }
+      const actionName = actionType.name;
+      switch (actionName) {
+        case "ResetForm":
+          const flags = action.get("Flags");
+          const include = ((typeof flags === "number" ? flags : 0) & 1) === 0;
+          const fields = [];
+          const refs = [];
+          for (const obj of action.get("Fields") || []) {
+            if (obj instanceof _primitives.Ref) {
+              refs.push(obj.toString());
+            } else if (typeof obj === "string") {
+              fields.push((0, _util.stringToPDFString)(obj));
+            }
+          }
+          resultObj.resetForm = {
+            fields,
+            refs,
+            include
+          };
+          break;
+        case "URI":
+          url = action.get("URI");
+          if (url instanceof _primitives.Name) {
+            url = "/" + url.name;
+          }
+          break;
+        case "GoTo":
+          dest = action.get("D");
+          break;
+        case "Launch":
+        case "GoToR":
+          const urlDict = action.get("F");
+          if (urlDict instanceof _primitives.Dict) {
+            url = urlDict.get("F") || null;
+          } else if (typeof urlDict === "string") {
+            url = urlDict;
+          }
+          let remoteDest = action.get("D");
+          if (remoteDest) {
+            if (remoteDest instanceof _primitives.Name) {
+              remoteDest = remoteDest.name;
+            }
+            if (typeof url === "string") {
+              const baseUrl = url.split("#")[0];
+              if (typeof remoteDest === "string") {
+                url = baseUrl + "#" + remoteDest;
+              } else if (Array.isArray(remoteDest)) {
+                url = baseUrl + "#" + JSON.stringify(remoteDest);
+              }
+            }
+          }
+          const newWindow = action.get("NewWindow");
+          if (typeof newWindow === "boolean") {
+            resultObj.newWindow = newWindow;
+          }
+          break;
+        case "GoToE":
+          const target = action.get("T");
+          let attachment;
+          if (docAttachments && target instanceof _primitives.Dict) {
+            const relationship = target.get("R");
+            const name = target.get("N");
+            if ((0, _primitives.isName)(relationship, "C") && typeof name === "string") {
+              attachment = docAttachments[(0, _util.stringToPDFString)(name)];
+            }
+          }
+          if (attachment) {
+            resultObj.attachment = attachment;
+          } else {
+            (0, _util.warn)(`parseDestDictionary - unimplemented "GoToE" action.`);
+          }
+          break;
+        case "Named":
+          const namedAction = action.get("N");
+          if (namedAction instanceof _primitives.Name) {
+            resultObj.action = namedAction.name;
+          }
+          break;
+        case "SetOCGState":
+          const state = action.get("State");
+          const preserveRB = action.get("PreserveRB");
+          if (!Array.isArray(state) || state.length === 0) {
+            break;
+          }
+          const stateArr = [];
+          for (const elem of state) {
+            if (elem instanceof _primitives.Name) {
+              switch (elem.name) {
+                case "ON":
+                case "OFF":
+                case "Toggle":
+                  stateArr.push(elem.name);
+                  break;
+              }
+            } else if (elem instanceof _primitives.Ref) {
+              stateArr.push(elem.toString());
+            }
+          }
+          if (stateArr.length !== state.length) {
+            break;
+          }
+          resultObj.setOCGState = {
+            state: stateArr,
+            preserveRB: typeof preserveRB === "boolean" ? preserveRB : true
+          };
+          break;
+        case "JavaScript":
+          const jsAction = action.get("JS");
+          let js;
+          if (jsAction instanceof _base_stream.BaseStream) {
+            js = jsAction.getString();
+          } else if (typeof jsAction === "string") {
+            js = jsAction;
+          }
+          const jsURL = js && (0, _core_utils.recoverJsURL)((0, _util.stringToPDFString)(js));
+          if (jsURL) {
+            url = jsURL.url;
+            resultObj.newWindow = jsURL.newWindow;
+            break;
+          }
+        default:
+          if (actionName === "JavaScript" || actionName === "SubmitForm") {
+            break;
+          }
+          (0, _util.warn)(`parseDestDictionary - unsupported action: "${actionName}".`);
+          break;
+      }
+    } else if (destDict.has("Dest")) {
+      dest = destDict.get("Dest");
+    }
+    if (typeof url === "string") {
+      const absoluteUrl = (0, _util.createValidAbsoluteUrl)(url, docBaseUrl, {
+        addDefaultProtocol: true,
+        tryConvertEncoding: true
+      });
+      if (absoluteUrl) {
+        resultObj.url = absoluteUrl.href;
+      }
+      resultObj.unsafeUrl = url;
+    }
+    if (dest) {
+      if (dest instanceof _primitives.Name) {
+        dest = dest.name;
+      }
+      if (typeof dest === "string") {
+        resultObj.dest = (0, _util.stringToPDFString)(dest);
+      } else if (Array.isArray(dest)) {
+        resultObj.dest = dest;
+      }
+    }
+  }
+}
+exports.Catalog = Catalog;
+
+/***/ }),
+/* 70 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.NumberTree = exports.NameTree = void 0;
+var _primitives = __w_pdfjs_require__(4);
+var _util = __w_pdfjs_require__(2);
+class NameOrNumberTree {
+  constructor(root, xref, type) {
+    if (this.constructor === NameOrNumberTree) {
+      (0, _util.unreachable)("Cannot initialize NameOrNumberTree.");
+    }
+    this.root = root;
+    this.xref = xref;
+    this._type = type;
+  }
+  getAll() {
+    const map = new Map();
+    if (!this.root) {
+      return map;
+    }
+    const xref = this.xref;
+    const processed = new _primitives.RefSet();
+    processed.put(this.root);
+    const queue = [this.root];
+    while (queue.length > 0) {
+      const obj = xref.fetchIfRef(queue.shift());
+      if (!(obj instanceof _primitives.Dict)) {
+        continue;
+      }
+      if (obj.has("Kids")) {
+        const kids = obj.get("Kids");
+        if (!Array.isArray(kids)) {
+          continue;
+        }
+        for (const kid of kids) {
+          if (processed.has(kid)) {
+            throw new _util.FormatError(`Duplicate entry in "${this._type}" tree.`);
+          }
+          queue.push(kid);
+          processed.put(kid);
+        }
+        continue;
+      }
+      const entries = obj.get(this._type);
+      if (!Array.isArray(entries)) {
+        continue;
+      }
+      for (let i = 0, ii = entries.length; i < ii; i += 2) {
+        map.set(xref.fetchIfRef(entries[i]), xref.fetchIfRef(entries[i + 1]));
+      }
+    }
+    return map;
+  }
+  get(key) {
+    if (!this.root) {
+      return null;
+    }
+    const xref = this.xref;
+    let kidsOrEntries = xref.fetchIfRef(this.root);
+    let loopCount = 0;
+    const MAX_LEVELS = 10;
+    while (kidsOrEntries.has("Kids")) {
+      if (++loopCount > MAX_LEVELS) {
+        (0, _util.warn)(`Search depth limit reached for "${this._type}" tree.`);
+        return null;
+      }
+      const kids = kidsOrEntries.get("Kids");
+      if (!Array.isArray(kids)) {
+        return null;
+      }
+      let l = 0,
+        r = kids.length - 1;
+      while (l <= r) {
+        const m = l + r >> 1;
+        const kid = xref.fetchIfRef(kids[m]);
+        const limits = kid.get("Limits");
+        if (key < xref.fetchIfRef(limits[0])) {
+          r = m - 1;
+        } else if (key > xref.fetchIfRef(limits[1])) {
+          l = m + 1;
+        } else {
+          kidsOrEntries = kid;
+          break;
+        }
+      }
+      if (l > r) {
+        return null;
+      }
+    }
+    const entries = kidsOrEntries.get(this._type);
+    if (Array.isArray(entries)) {
+      let l = 0,
+        r = entries.length - 2;
+      while (l <= r) {
+        const tmp = l + r >> 1,
+          m = tmp + (tmp & 1);
+        const currentKey = xref.fetchIfRef(entries[m]);
+        if (key < currentKey) {
+          r = m - 2;
+        } else if (key > currentKey) {
+          l = m + 2;
+        } else {
+          return xref.fetchIfRef(entries[m + 1]);
+        }
+      }
+    }
+    return null;
+  }
+}
+class NameTree extends NameOrNumberTree {
+  constructor(root, xref) {
+    super(root, xref, "Names");
+  }
+}
+exports.NameTree = NameTree;
+class NumberTree extends NameOrNumberTree {
+  constructor(root, xref) {
+    super(root, xref, "Nums");
+  }
+}
+exports.NumberTree = NumberTree;
+
+/***/ }),
+/* 71 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.clearGlobalCaches = clearGlobalCaches;
+var _primitives = __w_pdfjs_require__(4);
+var _unicode = __w_pdfjs_require__(40);
+function clearGlobalCaches() {
+  (0, _primitives.clearPrimitiveCaches)();
+  (0, _unicode.clearUnicodeCaches)();
+}
+
+/***/ }),
+/* 72 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.FileSpec = void 0;
+var _util = __w_pdfjs_require__(2);
+var _base_stream = __w_pdfjs_require__(5);
+var _primitives = __w_pdfjs_require__(4);
+function pickPlatformItem(dict) {
+  if (dict.has("UF")) {
+    return dict.get("UF");
+  } else if (dict.has("F")) {
+    return dict.get("F");
+  } else if (dict.has("Unix")) {
+    return dict.get("Unix");
+  } else if (dict.has("Mac")) {
+    return dict.get("Mac");
+  } else if (dict.has("DOS")) {
+    return dict.get("DOS");
+  }
+  return null;
+}
+class FileSpec {
+  constructor(root, xref) {
+    if (!(root instanceof _primitives.Dict)) {
+      return;
+    }
+    this.xref = xref;
+    this.root = root;
+    if (root.has("FS")) {
+      this.fs = root.get("FS");
+    }
+    this.description = root.has("Desc") ? (0, _util.stringToPDFString)(root.get("Desc")) : "";
+    if (root.has("RF")) {
+      (0, _util.warn)("Related file specifications are not supported");
+    }
+    this.contentAvailable = true;
+    if (!root.has("EF")) {
+      this.contentAvailable = false;
+      (0, _util.warn)("Non-embedded file specifications are not supported");
+    }
+  }
+  get filename() {
+    if (!this._filename && this.root) {
+      const filename = pickPlatformItem(this.root) || "unnamed";
+      this._filename = (0, _util.stringToPDFString)(filename).replaceAll("\\\\", "\\").replaceAll("\\/", "/").replaceAll("\\", "/");
+    }
+    return this._filename;
+  }
+  get content() {
+    if (!this.contentAvailable) {
+      return null;
+    }
+    if (!this.contentRef && this.root) {
+      this.contentRef = pickPlatformItem(this.root.get("EF"));
+    }
+    let content = null;
+    if (this.contentRef) {
+      const fileObj = this.xref.fetchIfRef(this.contentRef);
+      if (fileObj instanceof _base_stream.BaseStream) {
+        content = fileObj.getBytes();
+      } else {
+        (0, _util.warn)("Embedded file specification points to non-existing/invalid content");
+      }
+    } else {
+      (0, _util.warn)("Embedded file specification does not have a content");
+    }
+    return content;
+  }
+  get serializable() {
+    return {
+      filename: this.filename,
+      content: this.content
+    };
+  }
+}
+exports.FileSpec = FileSpec;
+
+/***/ }),
+/* 73 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.MetadataParser = void 0;
+var _xml_parser = __w_pdfjs_require__(66);
+class MetadataParser {
+  constructor(data) {
+    data = this._repair(data);
+    const parser = new _xml_parser.SimpleXMLParser({
+      lowerCaseName: true
+    });
+    const xmlDocument = parser.parseFromString(data);
+    this._metadataMap = new Map();
+    this._data = data;
+    if (xmlDocument) {
+      this._parse(xmlDocument);
+    }
+  }
+  _repair(data) {
+    return data.replace(/^[^<]+/, "").replaceAll(/>\\376\\377([^<]+)/g, function (all, codes) {
+      const bytes = codes.replaceAll(/\\([0-3])([0-7])([0-7])/g, function (code, d1, d2, d3) {
+        return String.fromCharCode(d1 * 64 + d2 * 8 + d3 * 1);
+      }).replaceAll(/&(amp|apos|gt|lt|quot);/g, function (str, name) {
+        switch (name) {
+          case "amp":
+            return "&";
+          case "apos":
+            return "'";
+          case "gt":
+            return ">";
+          case "lt":
+            return "<";
+          case "quot":
+            return '"';
+        }
+        throw new Error(`_repair: ${name} isn't defined.`);
+      });
+      const charBuf = [">"];
+      for (let i = 0, ii = bytes.length; i < ii; i += 2) {
+        const code = bytes.charCodeAt(i) * 256 + bytes.charCodeAt(i + 1);
+        if (code >= 32 && code < 127 && code !== 60 && code !== 62 && code !== 38) {
+          charBuf.push(String.fromCharCode(code));
+        } else {
+          charBuf.push("&#x" + (0x10000 + code).toString(16).substring(1) + ";");
+        }
+      }
+      return charBuf.join("");
+    });
+  }
+  _getSequence(entry) {
+    const name = entry.nodeName;
+    if (name !== "rdf:bag" && name !== "rdf:seq" && name !== "rdf:alt") {
+      return null;
+    }
+    return entry.childNodes.filter(node => node.nodeName === "rdf:li");
+  }
+  _parseArray(entry) {
+    if (!entry.hasChildNodes()) {
+      return;
+    }
+    const [seqNode] = entry.childNodes;
+    const sequence = this._getSequence(seqNode) || [];
+    this._metadataMap.set(entry.nodeName, sequence.map(node => node.textContent.trim()));
+  }
+  _parse(xmlDocument) {
+    let rdf = xmlDocument.documentElement;
+    if (rdf.nodeName !== "rdf:rdf") {
+      rdf = rdf.firstChild;
+      while (rdf && rdf.nodeName !== "rdf:rdf") {
+        rdf = rdf.nextSibling;
+      }
+    }
+    if (!rdf || rdf.nodeName !== "rdf:rdf" || !rdf.hasChildNodes()) {
+      return;
+    }
+    for (const desc of rdf.childNodes) {
+      if (desc.nodeName !== "rdf:description") {
+        continue;
+      }
+      for (const entry of desc.childNodes) {
+        const name = entry.nodeName;
+        switch (name) {
+          case "#text":
+            continue;
+          case "dc:creator":
+          case "dc:subject":
+            this._parseArray(entry);
+            continue;
+        }
+        this._metadataMap.set(name, entry.textContent.trim());
+      }
+    }
+  }
+  get serializable() {
+    return {
+      parsedData: this._metadataMap,
+      rawData: this._data
+    };
+  }
+}
+exports.MetadataParser = MetadataParser;
+
+/***/ }),
+/* 74 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.StructTreeRoot = exports.StructTreePage = void 0;
+var _primitives = __w_pdfjs_require__(4);
+var _util = __w_pdfjs_require__(2);
+var _name_number_tree = __w_pdfjs_require__(70);
+const MAX_DEPTH = 40;
+const StructElementType = {
+  PAGE_CONTENT: "PAGE_CONTENT",
+  STREAM_CONTENT: "STREAM_CONTENT",
+  OBJECT: "OBJECT",
+  ELEMENT: "ELEMENT"
+};
+class StructTreeRoot {
+  constructor(rootDict) {
+    this.dict = rootDict;
+    this.roleMap = new Map();
+  }
+  init() {
+    this.readRoleMap();
+  }
+  readRoleMap() {
+    const roleMapDict = this.dict.get("RoleMap");
+    if (!(roleMapDict instanceof _primitives.Dict)) {
+      return;
+    }
+    roleMapDict.forEach((key, value) => {
+      if (!(value instanceof _primitives.Name)) {
+        return;
+      }
+      this.roleMap.set(key, value.name);
+    });
+  }
+}
+exports.StructTreeRoot = StructTreeRoot;
+class StructElementNode {
+  constructor(tree, dict) {
+    this.tree = tree;
+    this.dict = dict;
+    this.kids = [];
+    this.parseKids();
+  }
+  get role() {
+    const nameObj = this.dict.get("S");
+    const name = nameObj instanceof _primitives.Name ? nameObj.name : "";
+    const {
+      root
+    } = this.tree;
+    if (root.roleMap.has(name)) {
+      return root.roleMap.get(name);
+    }
+    return name;
+  }
+  parseKids() {
+    let pageObjId = null;
+    const objRef = this.dict.getRaw("Pg");
+    if (objRef instanceof _primitives.Ref) {
+      pageObjId = objRef.toString();
+    }
+    const kids = this.dict.get("K");
+    if (Array.isArray(kids)) {
+      for (const kid of kids) {
+        const element = this.parseKid(pageObjId, kid);
+        if (element) {
+          this.kids.push(element);
+        }
+      }
+    } else {
+      const element = this.parseKid(pageObjId, kids);
+      if (element) {
+        this.kids.push(element);
+      }
+    }
+  }
+  parseKid(pageObjId, kid) {
+    if (Number.isInteger(kid)) {
+      if (this.tree.pageDict.objId !== pageObjId) {
+        return null;
+      }
+      return new StructElement({
+        type: StructElementType.PAGE_CONTENT,
+        mcid: kid,
+        pageObjId
+      });
+    }
+    let kidDict = null;
+    if (kid instanceof _primitives.Ref) {
+      kidDict = this.dict.xref.fetch(kid);
+    } else if (kid instanceof _primitives.Dict) {
+      kidDict = kid;
+    }
+    if (!kidDict) {
+      return null;
+    }
+    const pageRef = kidDict.getRaw("Pg");
+    if (pageRef instanceof _primitives.Ref) {
+      pageObjId = pageRef.toString();
+    }
+    const type = kidDict.get("Type") instanceof _primitives.Name ? kidDict.get("Type").name : null;
+    if (type === "MCR") {
+      if (this.tree.pageDict.objId !== pageObjId) {
+        return null;
+      }
+      return new StructElement({
+        type: StructElementType.STREAM_CONTENT,
+        refObjId: kidDict.getRaw("Stm") instanceof _primitives.Ref ? kidDict.getRaw("Stm").toString() : null,
+        pageObjId,
+        mcid: kidDict.get("MCID")
+      });
+    }
+    if (type === "OBJR") {
+      if (this.tree.pageDict.objId !== pageObjId) {
+        return null;
+      }
+      return new StructElement({
+        type: StructElementType.OBJECT,
+        refObjId: kidDict.getRaw("Obj") instanceof _primitives.Ref ? kidDict.getRaw("Obj").toString() : null,
+        pageObjId
+      });
+    }
+    return new StructElement({
+      type: StructElementType.ELEMENT,
+      dict: kidDict
+    });
+  }
+}
+class StructElement {
+  constructor({
+    type,
+    dict = null,
+    mcid = null,
+    pageObjId = null,
+    refObjId = null
+  }) {
+    this.type = type;
+    this.dict = dict;
+    this.mcid = mcid;
+    this.pageObjId = pageObjId;
+    this.refObjId = refObjId;
+    this.parentNode = null;
+  }
+}
+class StructTreePage {
+  constructor(structTreeRoot, pageDict) {
+    this.root = structTreeRoot;
+    this.rootDict = structTreeRoot ? structTreeRoot.dict : null;
+    this.pageDict = pageDict;
+    this.nodes = [];
+  }
+  parse() {
+    if (!this.root || !this.rootDict) {
+      return;
+    }
+    const parentTree = this.rootDict.get("ParentTree");
+    if (!parentTree) {
+      return;
+    }
+    const id = this.pageDict.get("StructParents");
+    if (!Number.isInteger(id)) {
+      return;
+    }
+    const numberTree = new _name_number_tree.NumberTree(parentTree, this.rootDict.xref);
+    const parentArray = numberTree.get(id);
+    if (!Array.isArray(parentArray)) {
+      return;
+    }
+    const map = new Map();
+    for (const ref of parentArray) {
+      if (ref instanceof _primitives.Ref) {
+        this.addNode(this.rootDict.xref.fetch(ref), map);
+      }
+    }
+  }
+  addNode(dict, map, level = 0) {
+    if (level > MAX_DEPTH) {
+      (0, _util.warn)("StructTree MAX_DEPTH reached.");
+      return null;
+    }
+    if (map.has(dict)) {
+      return map.get(dict);
+    }
+    const element = new StructElementNode(this, dict);
+    map.set(dict, element);
+    const parent = dict.get("P");
+    if (!parent || (0, _primitives.isName)(parent.get("Type"), "StructTreeRoot")) {
+      if (!this.addTopLevelNode(dict, element)) {
+        map.delete(dict);
+      }
+      return element;
+    }
+    const parentNode = this.addNode(parent, map, level + 1);
+    if (!parentNode) {
+      return element;
+    }
+    let save = false;
+    for (const kid of parentNode.kids) {
+      if (kid.type === StructElementType.ELEMENT && kid.dict === dict) {
+        kid.parentNode = element;
+        save = true;
+      }
+    }
+    if (!save) {
+      map.delete(dict);
+    }
+    return element;
+  }
+  addTopLevelNode(dict, element) {
+    const obj = this.rootDict.get("K");
+    if (!obj) {
+      return false;
+    }
+    if (obj instanceof _primitives.Dict) {
+      if (obj.objId !== dict.objId) {
+        return false;
+      }
+      this.nodes[0] = element;
+      return true;
+    }
+    if (!Array.isArray(obj)) {
+      return true;
+    }
+    let save = false;
+    for (let i = 0; i < obj.length; i++) {
+      const kidRef = obj[i];
+      if (kidRef && kidRef.toString() === dict.objId) {
+        this.nodes[i] = element;
+        save = true;
+      }
+    }
+    return save;
+  }
+  get serializable() {
+    function nodeToSerializable(node, parent, level = 0) {
+      if (level > MAX_DEPTH) {
+        (0, _util.warn)("StructTree too deep to be fully serialized.");
+        return;
+      }
+      const obj = Object.create(null);
+      obj.role = node.role;
+      obj.children = [];
+      parent.children.push(obj);
+      const alt = node.dict.get("Alt");
+      if (typeof alt === "string") {
+        obj.alt = (0, _util.stringToPDFString)(alt);
+      }
+      const lang = node.dict.get("Lang");
+      if (typeof lang === "string") {
+        obj.lang = (0, _util.stringToPDFString)(lang);
+      }
+      for (const kid of node.kids) {
+        const kidElement = kid.type === StructElementType.ELEMENT ? kid.parentNode : null;
+        if (kidElement) {
+          nodeToSerializable(kidElement, obj, level + 1);
+          continue;
+        } else if (kid.type === StructElementType.PAGE_CONTENT || kid.type === StructElementType.STREAM_CONTENT) {
+          obj.children.push({
+            type: "content",
+            id: `page${kid.pageObjId}_mcid${kid.mcid}`
+          });
+        } else if (kid.type === StructElementType.OBJECT) {
+          obj.children.push({
+            type: "object",
+            id: kid.refObjId
+          });
+        }
+      }
+    }
+    const root = Object.create(null);
+    root.children = [];
+    root.role = "Root";
+    for (const child of this.nodes) {
+      if (!child) {
+        continue;
+      }
+      nodeToSerializable(child, root);
+    }
+    return root;
+  }
+}
+exports.StructTreePage = StructTreePage;
+
+/***/ }),
+/* 75 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ObjectLoader = void 0;
+var _primitives = __w_pdfjs_require__(4);
+var _base_stream = __w_pdfjs_require__(5);
+var _core_utils = __w_pdfjs_require__(3);
+var _util = __w_pdfjs_require__(2);
+function mayHaveChildren(value) {
+  return value instanceof _primitives.Ref || value instanceof _primitives.Dict || value instanceof _base_stream.BaseStream || Array.isArray(value);
+}
+function addChildren(node, nodesToVisit) {
+  if (node instanceof _primitives.Dict) {
+    node = node.getRawValues();
+  } else if (node instanceof _base_stream.BaseStream) {
+    node = node.dict.getRawValues();
+  } else if (!Array.isArray(node)) {
+    return;
+  }
+  for (const rawValue of node) {
+    if (mayHaveChildren(rawValue)) {
+      nodesToVisit.push(rawValue);
+    }
+  }
+}
+class ObjectLoader {
+  constructor(dict, keys, xref) {
+    this.dict = dict;
+    this.keys = keys;
+    this.xref = xref;
+    this.refSet = null;
+  }
+  async load() {
+    if (this.xref.stream.isDataLoaded) {
+      return undefined;
+    }
+    const {
+      keys,
+      dict
+    } = this;
+    this.refSet = new _primitives.RefSet();
+    const nodesToVisit = [];
+    for (const key of keys) {
+      const rawValue = dict.getRaw(key);
+      if (rawValue !== undefined) {
+        nodesToVisit.push(rawValue);
+      }
+    }
+    return this._walk(nodesToVisit);
+  }
+  async _walk(nodesToVisit) {
+    const nodesToRevisit = [];
+    const pendingRequests = [];
+    while (nodesToVisit.length) {
+      let currentNode = nodesToVisit.pop();
+      if (currentNode instanceof _primitives.Ref) {
+        if (this.refSet.has(currentNode)) {
+          continue;
+        }
+        try {
+          this.refSet.put(currentNode);
+          currentNode = this.xref.fetch(currentNode);
+        } catch (ex) {
+          if (!(ex instanceof _core_utils.MissingDataException)) {
+            (0, _util.warn)(`ObjectLoader._walk - requesting all data: "${ex}".`);
+            this.refSet = null;
+            const {
+              manager
+            } = this.xref.stream;
+            return manager.requestAllChunks();
+          }
+          nodesToRevisit.push(currentNode);
+          pendingRequests.push({
+            begin: ex.begin,
+            end: ex.end
+          });
+        }
+      }
+      if (currentNode instanceof _base_stream.BaseStream) {
+        const baseStreams = currentNode.getBaseStreams();
+        if (baseStreams) {
+          let foundMissingData = false;
+          for (const stream of baseStreams) {
+            if (stream.isDataLoaded) {
+              continue;
+            }
+            foundMissingData = true;
+            pendingRequests.push({
+              begin: stream.start,
+              end: stream.end
+            });
+          }
+          if (foundMissingData) {
+            nodesToRevisit.push(currentNode);
+          }
+        }
+      }
+      addChildren(currentNode, nodesToVisit);
+    }
+    if (pendingRequests.length) {
+      await this.xref.stream.manager.requestRanges(pendingRequests);
+      for (const node of nodesToRevisit) {
+        if (node instanceof _primitives.Ref) {
+          this.refSet.remove(node);
+        }
+      }
+      return this._walk(nodesToRevisit);
+    }
+    this.refSet = null;
+    return undefined;
+  }
+}
+exports.ObjectLoader = ObjectLoader;
+
+/***/ }),
+/* 76 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XFAFactory = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _bind = __w_pdfjs_require__(81);
+var _data = __w_pdfjs_require__(87);
+var _fonts = __w_pdfjs_require__(85);
+var _utils = __w_pdfjs_require__(78);
+var _util = __w_pdfjs_require__(2);
+var _parser = __w_pdfjs_require__(88);
+var _xhtml = __w_pdfjs_require__(98);
+class XFAFactory {
+  constructor(data) {
+    try {
+      this.root = new _parser.XFAParser().parse(XFAFactory._createDocument(data));
+      const binder = new _bind.Binder(this.root);
+      this.form = binder.bind();
+      this.dataHandler = new _data.DataHandler(this.root, binder.getData());
+      this.form[_xfa_object.$globalData].template = this.form;
+    } catch (e) {
+      (0, _util.warn)(`XFA - an error occurred during parsing and binding: ${e}`);
+    }
+  }
+  isValid() {
+    return this.root && this.form;
+  }
+  _createPagesHelper() {
+    const iterator = this.form[_xfa_object.$toPages]();
+    return new Promise((resolve, reject) => {
+      const nextIteration = () => {
+        try {
+          const value = iterator.next();
+          if (value.done) {
+            resolve(value.value);
+          } else {
+            setTimeout(nextIteration, 0);
+          }
+        } catch (e) {
+          reject(e);
+        }
+      };
+      setTimeout(nextIteration, 0);
+    });
+  }
+  async _createPages() {
+    try {
+      this.pages = await this._createPagesHelper();
+      this.dims = this.pages.children.map(c => {
+        const {
+          width,
+          height
+        } = c.attributes.style;
+        return [0, 0, parseInt(width), parseInt(height)];
+      });
+    } catch (e) {
+      (0, _util.warn)(`XFA - an error occurred during layout: ${e}`);
+    }
+  }
+  getBoundingBox(pageIndex) {
+    return this.dims[pageIndex];
+  }
+  async getNumPages() {
+    if (!this.pages) {
+      await this._createPages();
+    }
+    return this.dims.length;
+  }
+  setImages(images) {
+    this.form[_xfa_object.$globalData].images = images;
+  }
+  setFonts(fonts) {
+    this.form[_xfa_object.$globalData].fontFinder = new _fonts.FontFinder(fonts);
+    const missingFonts = [];
+    for (let typeface of this.form[_xfa_object.$globalData].usedTypefaces) {
+      typeface = (0, _utils.stripQuotes)(typeface);
+      const font = this.form[_xfa_object.$globalData].fontFinder.find(typeface);
+      if (!font) {
+        missingFonts.push(typeface);
+      }
+    }
+    if (missingFonts.length > 0) {
+      return missingFonts;
+    }
+    return null;
+  }
+  appendFonts(fonts, reallyMissingFonts) {
+    this.form[_xfa_object.$globalData].fontFinder.add(fonts, reallyMissingFonts);
+  }
+  async getPages() {
+    if (!this.pages) {
+      await this._createPages();
+    }
+    const pages = this.pages;
+    this.pages = null;
+    return pages;
+  }
+  serializeData(storage) {
+    return this.dataHandler.serialize(storage);
+  }
+  static _createDocument(data) {
+    if (!data["/xdp:xdp"]) {
+      return data["xdp:xdp"];
+    }
+    return Object.values(data).join("");
+  }
+  static getRichTextAsHtml(rc) {
+    if (!rc || typeof rc !== "string") {
+      return null;
+    }
+    try {
+      let root = new _parser.XFAParser(_xhtml.XhtmlNamespace, true).parse(rc);
+      if (!["body", "xhtml"].includes(root[_xfa_object.$nodeName])) {
+        const newRoot = _xhtml.XhtmlNamespace.body({});
+        newRoot[_xfa_object.$appendChild](root);
+        root = newRoot;
+      }
+      const result = root[_xfa_object.$toHTML]();
+      if (!result.success) {
+        return null;
+      }
+      const {
+        html
+      } = result;
+      const {
+        attributes
+      } = html;
+      if (attributes) {
+        if (attributes.class) {
+          attributes.class = attributes.class.filter(attr => !attr.startsWith("xfa"));
+        }
+        attributes.dir = "auto";
+      }
+      return {
+        html,
+        str: root[_xfa_object.$text]()
+      };
+    } catch (e) {
+      (0, _util.warn)(`XFA - an error occurred during parsing of rich text: ${e}`);
+    }
+    return null;
+  }
+}
+exports.XFAFactory = XFAFactory;
+
+/***/ }),
+/* 77 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XmlObject = exports.XFAObjectArray = exports.XFAObject = exports.XFAAttribute = exports.StringObject = exports.OptionObject = exports.Option10 = exports.Option01 = exports.IntegerObject = exports.ContentObject = exports.$uid = exports.$toStyle = exports.$toString = exports.$toPages = exports.$toHTML = exports.$text = exports.$tabIndex = exports.$setValue = exports.$setSetAttributes = exports.$setId = exports.$searchNode = exports.$root = exports.$resolvePrototypes = exports.$removeChild = exports.$pushPara = exports.$pushGlyphs = exports.$popPara = exports.$onText = exports.$onChildCheck = exports.$onChild = exports.$nsAttributes = exports.$nodeName = exports.$namespaceId = exports.$isUsable = exports.$isTransparent = exports.$isThereMoreWidth = exports.$isSplittable = exports.$isNsAgnostic = exports.$isDescendent = exports.$isDataValue = exports.$isCDATAXml = exports.$isBindable = exports.$insertAt = exports.$indexOf = exports.$ids = exports.$hasSettableValue = exports.$globalData = exports.$getTemplateRoot = exports.$getSubformParent = exports.$getRealChildrenByNameIt = exports.$getParent = exports.$getNextPage = exports.$getExtra = exports.$getDataValue = exports.$getContainedChildren = exports.$getChildrenByNameIt = exports.$getChildrenByName = exports.$getChildrenByClass = exports.$getChildren = exports.$getAvailableSpace = exports.$getAttributes = exports.$getAttributeIt = exports.$flushHTML = exports.$finalize = exports.$extra = exports.$dump = exports.$data = exports.$content = exports.$consumed = exports.$clone = exports.$cleanup = exports.$cleanPage = exports.$clean = exports.$childrenToHTML = exports.$appendChild = exports.$addHTML = exports.$acceptWhitespace = void 0;
+var _utils = __w_pdfjs_require__(78);
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _namespaces = __w_pdfjs_require__(79);
+var _som = __w_pdfjs_require__(80);
+const $acceptWhitespace = Symbol();
+exports.$acceptWhitespace = $acceptWhitespace;
+const $addHTML = Symbol();
+exports.$addHTML = $addHTML;
+const $appendChild = Symbol();
+exports.$appendChild = $appendChild;
+const $childrenToHTML = Symbol();
+exports.$childrenToHTML = $childrenToHTML;
+const $clean = Symbol();
+exports.$clean = $clean;
+const $cleanPage = Symbol();
+exports.$cleanPage = $cleanPage;
+const $cleanup = Symbol();
+exports.$cleanup = $cleanup;
+const $clone = Symbol();
+exports.$clone = $clone;
+const $consumed = Symbol();
+exports.$consumed = $consumed;
+const $content = Symbol("content");
+exports.$content = $content;
+const $data = Symbol("data");
+exports.$data = $data;
+const $dump = Symbol();
+exports.$dump = $dump;
+const $extra = Symbol("extra");
+exports.$extra = $extra;
+const $finalize = Symbol();
+exports.$finalize = $finalize;
+const $flushHTML = Symbol();
+exports.$flushHTML = $flushHTML;
+const $getAttributeIt = Symbol();
+exports.$getAttributeIt = $getAttributeIt;
+const $getAttributes = Symbol();
+exports.$getAttributes = $getAttributes;
+const $getAvailableSpace = Symbol();
+exports.$getAvailableSpace = $getAvailableSpace;
+const $getChildrenByClass = Symbol();
+exports.$getChildrenByClass = $getChildrenByClass;
+const $getChildrenByName = Symbol();
+exports.$getChildrenByName = $getChildrenByName;
+const $getChildrenByNameIt = Symbol();
+exports.$getChildrenByNameIt = $getChildrenByNameIt;
+const $getDataValue = Symbol();
+exports.$getDataValue = $getDataValue;
+const $getExtra = Symbol();
+exports.$getExtra = $getExtra;
+const $getRealChildrenByNameIt = Symbol();
+exports.$getRealChildrenByNameIt = $getRealChildrenByNameIt;
+const $getChildren = Symbol();
+exports.$getChildren = $getChildren;
+const $getContainedChildren = Symbol();
+exports.$getContainedChildren = $getContainedChildren;
+const $getNextPage = Symbol();
+exports.$getNextPage = $getNextPage;
+const $getSubformParent = Symbol();
+exports.$getSubformParent = $getSubformParent;
+const $getParent = Symbol();
+exports.$getParent = $getParent;
+const $getTemplateRoot = Symbol();
+exports.$getTemplateRoot = $getTemplateRoot;
+const $globalData = Symbol();
+exports.$globalData = $globalData;
+const $hasSettableValue = Symbol();
+exports.$hasSettableValue = $hasSettableValue;
+const $ids = Symbol();
+exports.$ids = $ids;
+const $indexOf = Symbol();
+exports.$indexOf = $indexOf;
+const $insertAt = Symbol();
+exports.$insertAt = $insertAt;
+const $isCDATAXml = Symbol();
+exports.$isCDATAXml = $isCDATAXml;
+const $isBindable = Symbol();
+exports.$isBindable = $isBindable;
+const $isDataValue = Symbol();
+exports.$isDataValue = $isDataValue;
+const $isDescendent = Symbol();
+exports.$isDescendent = $isDescendent;
+const $isNsAgnostic = Symbol();
+exports.$isNsAgnostic = $isNsAgnostic;
+const $isSplittable = Symbol();
+exports.$isSplittable = $isSplittable;
+const $isThereMoreWidth = Symbol();
+exports.$isThereMoreWidth = $isThereMoreWidth;
+const $isTransparent = Symbol();
+exports.$isTransparent = $isTransparent;
+const $isUsable = Symbol();
+exports.$isUsable = $isUsable;
+const $lastAttribute = Symbol();
+const $namespaceId = Symbol("namespaceId");
+exports.$namespaceId = $namespaceId;
+const $nodeName = Symbol("nodeName");
+exports.$nodeName = $nodeName;
+const $nsAttributes = Symbol();
+exports.$nsAttributes = $nsAttributes;
+const $onChild = Symbol();
+exports.$onChild = $onChild;
+const $onChildCheck = Symbol();
+exports.$onChildCheck = $onChildCheck;
+const $onText = Symbol();
+exports.$onText = $onText;
+const $pushGlyphs = Symbol();
+exports.$pushGlyphs = $pushGlyphs;
+const $popPara = Symbol();
+exports.$popPara = $popPara;
+const $pushPara = Symbol();
+exports.$pushPara = $pushPara;
+const $removeChild = Symbol();
+exports.$removeChild = $removeChild;
+const $root = Symbol("root");
+exports.$root = $root;
+const $resolvePrototypes = Symbol();
+exports.$resolvePrototypes = $resolvePrototypes;
+const $searchNode = Symbol();
+exports.$searchNode = $searchNode;
+const $setId = Symbol();
+exports.$setId = $setId;
+const $setSetAttributes = Symbol();
+exports.$setSetAttributes = $setSetAttributes;
+const $setValue = Symbol();
+exports.$setValue = $setValue;
+const $tabIndex = Symbol();
+exports.$tabIndex = $tabIndex;
+const $text = Symbol();
+exports.$text = $text;
+const $toPages = Symbol();
+exports.$toPages = $toPages;
+const $toHTML = Symbol();
+exports.$toHTML = $toHTML;
+const $toString = Symbol();
+exports.$toString = $toString;
+const $toStyle = Symbol();
+exports.$toStyle = $toStyle;
+const $uid = Symbol("uid");
+exports.$uid = $uid;
+const _applyPrototype = Symbol();
+const _attributes = Symbol();
+const _attributeNames = Symbol();
+const _children = Symbol("_children");
+const _cloneAttribute = Symbol();
+const _dataValue = Symbol();
+const _defaultValue = Symbol();
+const _filteredChildrenGenerator = Symbol();
+const _getPrototype = Symbol();
+const _getUnsetAttributes = Symbol();
+const _hasChildren = Symbol();
+const _max = Symbol();
+const _options = Symbol();
+const _parent = Symbol("parent");
+const _resolvePrototypesHelper = Symbol();
+const _setAttributes = Symbol();
+const _validator = Symbol();
+let uid = 0;
+const NS_DATASETS = _namespaces.NamespaceIds.datasets.id;
+class XFAObject {
+  constructor(nsId, name, hasChildren = false) {
+    this[$namespaceId] = nsId;
+    this[$nodeName] = name;
+    this[_hasChildren] = hasChildren;
+    this[_parent] = null;
+    this[_children] = [];
+    this[$uid] = `${name}${uid++}`;
+    this[$globalData] = null;
+  }
+  [$onChild](child) {
+    if (!this[_hasChildren] || !this[$onChildCheck](child)) {
+      return false;
+    }
+    const name = child[$nodeName];
+    const node = this[name];
+    if (node instanceof XFAObjectArray) {
+      if (node.push(child)) {
+        this[$appendChild](child);
+        return true;
+      }
+    } else {
+      if (node !== null) {
+        this[$removeChild](node);
+      }
+      this[name] = child;
+      this[$appendChild](child);
+      return true;
+    }
+    let id = "";
+    if (this.id) {
+      id = ` (id: ${this.id})`;
+    } else if (this.name) {
+      id = ` (name: ${this.name} ${this.h.value})`;
+    }
+    (0, _util.warn)(`XFA - node "${this[$nodeName]}"${id} has already enough "${name}"!`);
+    return false;
+  }
+  [$onChildCheck](child) {
+    return this.hasOwnProperty(child[$nodeName]) && child[$namespaceId] === this[$namespaceId];
+  }
+  [$isNsAgnostic]() {
+    return false;
+  }
+  [$acceptWhitespace]() {
+    return false;
+  }
+  [$isCDATAXml]() {
+    return false;
+  }
+  [$isBindable]() {
+    return false;
+  }
+  [$popPara]() {
+    if (this.para) {
+      this[$getTemplateRoot]()[$extra].paraStack.pop();
+    }
+  }
+  [$pushPara]() {
+    this[$getTemplateRoot]()[$extra].paraStack.push(this.para);
+  }
+  [$setId](ids) {
+    if (this.id && this[$namespaceId] === _namespaces.NamespaceIds.template.id) {
+      ids.set(this.id, this);
+    }
+  }
+  [$getTemplateRoot]() {
+    return this[$globalData].template;
+  }
+  [$isSplittable]() {
+    return false;
+  }
+  [$isThereMoreWidth]() {
+    return false;
+  }
+  [$appendChild](child) {
+    child[_parent] = this;
+    this[_children].push(child);
+    if (!child[$globalData] && this[$globalData]) {
+      child[$globalData] = this[$globalData];
+    }
+  }
+  [$removeChild](child) {
+    const i = this[_children].indexOf(child);
+    this[_children].splice(i, 1);
+  }
+  [$hasSettableValue]() {
+    return this.hasOwnProperty("value");
+  }
+  [$setValue](_) {}
+  [$onText](_) {}
+  [$finalize]() {}
+  [$clean](builder) {
+    delete this[_hasChildren];
+    if (this[$cleanup]) {
+      builder.clean(this[$cleanup]);
+      delete this[$cleanup];
+    }
+  }
+  [$indexOf](child) {
+    return this[_children].indexOf(child);
+  }
+  [$insertAt](i, child) {
+    child[_parent] = this;
+    this[_children].splice(i, 0, child);
+    if (!child[$globalData] && this[$globalData]) {
+      child[$globalData] = this[$globalData];
+    }
+  }
+  [$isTransparent]() {
+    return !this.name;
+  }
+  [$lastAttribute]() {
+    return "";
+  }
+  [$text]() {
+    if (this[_children].length === 0) {
+      return this[$content];
+    }
+    return this[_children].map(c => c[$text]()).join("");
+  }
+  get [_attributeNames]() {
+    const proto = Object.getPrototypeOf(this);
+    if (!proto._attributes) {
+      const attributes = proto._attributes = new Set();
+      for (const name of Object.getOwnPropertyNames(this)) {
+        if (this[name] === null || this[name] instanceof XFAObject || this[name] instanceof XFAObjectArray) {
+          break;
+        }
+        attributes.add(name);
+      }
+    }
+    return (0, _util.shadow)(this, _attributeNames, proto._attributes);
+  }
+  [$isDescendent](parent) {
+    let node = this;
+    while (node) {
+      if (node === parent) {
+        return true;
+      }
+      node = node[$getParent]();
+    }
+    return false;
+  }
+  [$getParent]() {
+    return this[_parent];
+  }
+  [$getSubformParent]() {
+    return this[$getParent]();
+  }
+  [$getChildren](name = null) {
+    if (!name) {
+      return this[_children];
+    }
+    return this[name];
+  }
+  [$dump]() {
+    const dumped = Object.create(null);
+    if (this[$content]) {
+      dumped.$content = this[$content];
+    }
+    for (const name of Object.getOwnPropertyNames(this)) {
+      const value = this[name];
+      if (value === null) {
+        continue;
+      }
+      if (value instanceof XFAObject) {
+        dumped[name] = value[$dump]();
+      } else if (value instanceof XFAObjectArray) {
+        if (!value.isEmpty()) {
+          dumped[name] = value.dump();
+        }
+      } else {
+        dumped[name] = value;
+      }
+    }
+    return dumped;
+  }
+  [$toStyle]() {
+    return null;
+  }
+  [$toHTML]() {
+    return _utils.HTMLResult.EMPTY;
+  }
+  *[$getContainedChildren]() {
+    for (const node of this[$getChildren]()) {
+      yield node;
+    }
+  }
+  *[_filteredChildrenGenerator](filter, include) {
+    for (const node of this[$getContainedChildren]()) {
+      if (!filter || include === filter.has(node[$nodeName])) {
+        const availableSpace = this[$getAvailableSpace]();
+        const res = node[$toHTML](availableSpace);
+        if (!res.success) {
+          this[$extra].failingNode = node;
+        }
+        yield res;
+      }
+    }
+  }
+  [$flushHTML]() {
+    return null;
+  }
+  [$addHTML](html, bbox) {
+    this[$extra].children.push(html);
+  }
+  [$getAvailableSpace]() {}
+  [$childrenToHTML]({
+    filter = null,
+    include = true
+  }) {
+    if (!this[$extra].generator) {
+      this[$extra].generator = this[_filteredChildrenGenerator](filter, include);
+    } else {
+      const availableSpace = this[$getAvailableSpace]();
+      const res = this[$extra].failingNode[$toHTML](availableSpace);
+      if (!res.success) {
+        return res;
+      }
+      if (res.html) {
+        this[$addHTML](res.html, res.bbox);
+      }
+      delete this[$extra].failingNode;
+    }
+    while (true) {
+      const gen = this[$extra].generator.next();
+      if (gen.done) {
+        break;
+      }
+      const res = gen.value;
+      if (!res.success) {
+        return res;
+      }
+      if (res.html) {
+        this[$addHTML](res.html, res.bbox);
+      }
+    }
+    this[$extra].generator = null;
+    return _utils.HTMLResult.EMPTY;
+  }
+  [$setSetAttributes](attributes) {
+    this[_setAttributes] = new Set(Object.keys(attributes));
+  }
+  [_getUnsetAttributes](protoAttributes) {
+    const allAttr = this[_attributeNames];
+    const setAttr = this[_setAttributes];
+    return [...protoAttributes].filter(x => allAttr.has(x) && !setAttr.has(x));
+  }
+  [$resolvePrototypes](ids, ancestors = new Set()) {
+    for (const child of this[_children]) {
+      child[_resolvePrototypesHelper](ids, ancestors);
+    }
+  }
+  [_resolvePrototypesHelper](ids, ancestors) {
+    const proto = this[_getPrototype](ids, ancestors);
+    if (proto) {
+      this[_applyPrototype](proto, ids, ancestors);
+    } else {
+      this[$resolvePrototypes](ids, ancestors);
+    }
+  }
+  [_getPrototype](ids, ancestors) {
+    const {
+      use,
+      usehref
+    } = this;
+    if (!use && !usehref) {
+      return null;
+    }
+    let proto = null;
+    let somExpression = null;
+    let id = null;
+    let ref = use;
+    if (usehref) {
+      ref = usehref;
+      if (usehref.startsWith("#som(") && usehref.endsWith(")")) {
+        somExpression = usehref.slice("#som(".length, -1);
+      } else if (usehref.startsWith(".#som(") && usehref.endsWith(")")) {
+        somExpression = usehref.slice(".#som(".length, -1);
+      } else if (usehref.startsWith("#")) {
+        id = usehref.slice(1);
+      } else if (usehref.startsWith(".#")) {
+        id = usehref.slice(2);
+      }
+    } else if (use.startsWith("#")) {
+      id = use.slice(1);
+    } else {
+      somExpression = use;
+    }
+    this.use = this.usehref = "";
+    if (id) {
+      proto = ids.get(id);
+    } else {
+      proto = (0, _som.searchNode)(ids.get($root), this, somExpression, true, false);
+      if (proto) {
+        proto = proto[0];
+      }
+    }
+    if (!proto) {
+      (0, _util.warn)(`XFA - Invalid prototype reference: ${ref}.`);
+      return null;
+    }
+    if (proto[$nodeName] !== this[$nodeName]) {
+      (0, _util.warn)(`XFA - Incompatible prototype: ${proto[$nodeName]} !== ${this[$nodeName]}.`);
+      return null;
+    }
+    if (ancestors.has(proto)) {
+      (0, _util.warn)(`XFA - Cycle detected in prototypes use.`);
+      return null;
+    }
+    ancestors.add(proto);
+    const protoProto = proto[_getPrototype](ids, ancestors);
+    if (protoProto) {
+      proto[_applyPrototype](protoProto, ids, ancestors);
+    }
+    proto[$resolvePrototypes](ids, ancestors);
+    ancestors.delete(proto);
+    return proto;
+  }
+  [_applyPrototype](proto, ids, ancestors) {
+    if (ancestors.has(proto)) {
+      (0, _util.warn)(`XFA - Cycle detected in prototypes use.`);
+      return;
+    }
+    if (!this[$content] && proto[$content]) {
+      this[$content] = proto[$content];
+    }
+    const newAncestors = new Set(ancestors);
+    newAncestors.add(proto);
+    for (const unsetAttrName of this[_getUnsetAttributes](proto[_setAttributes])) {
+      this[unsetAttrName] = proto[unsetAttrName];
+      if (this[_setAttributes]) {
+        this[_setAttributes].add(unsetAttrName);
+      }
+    }
+    for (const name of Object.getOwnPropertyNames(this)) {
+      if (this[_attributeNames].has(name)) {
+        continue;
+      }
+      const value = this[name];
+      const protoValue = proto[name];
+      if (value instanceof XFAObjectArray) {
+        for (const child of value[_children]) {
+          child[_resolvePrototypesHelper](ids, ancestors);
+        }
+        for (let i = value[_children].length, ii = protoValue[_children].length; i < ii; i++) {
+          const child = proto[_children][i][$clone]();
+          if (value.push(child)) {
+            child[_parent] = this;
+            this[_children].push(child);
+            child[_resolvePrototypesHelper](ids, ancestors);
+          } else {
+            break;
+          }
+        }
+        continue;
+      }
+      if (value !== null) {
+        value[$resolvePrototypes](ids, ancestors);
+        if (protoValue) {
+          value[_applyPrototype](protoValue, ids, ancestors);
+        }
+        continue;
+      }
+      if (protoValue !== null) {
+        const child = protoValue[$clone]();
+        child[_parent] = this;
+        this[name] = child;
+        this[_children].push(child);
+        child[_resolvePrototypesHelper](ids, ancestors);
+      }
+    }
+  }
+  static [_cloneAttribute](obj) {
+    if (Array.isArray(obj)) {
+      return obj.map(x => XFAObject[_cloneAttribute](x));
+    }
+    if (typeof obj === "object" && obj !== null) {
+      return Object.assign({}, obj);
+    }
+    return obj;
+  }
+  [$clone]() {
+    const clone = Object.create(Object.getPrototypeOf(this));
+    for (const $symbol of Object.getOwnPropertySymbols(this)) {
+      try {
+        clone[$symbol] = this[$symbol];
+      } catch (_) {
+        (0, _util.shadow)(clone, $symbol, this[$symbol]);
+      }
+    }
+    clone[$uid] = `${clone[$nodeName]}${uid++}`;
+    clone[_children] = [];
+    for (const name of Object.getOwnPropertyNames(this)) {
+      if (this[_attributeNames].has(name)) {
+        clone[name] = XFAObject[_cloneAttribute](this[name]);
+        continue;
+      }
+      const value = this[name];
+      if (value instanceof XFAObjectArray) {
+        clone[name] = new XFAObjectArray(value[_max]);
+      } else {
+        clone[name] = null;
+      }
+    }
+    for (const child of this[_children]) {
+      const name = child[$nodeName];
+      const clonedChild = child[$clone]();
+      clone[_children].push(clonedChild);
+      clonedChild[_parent] = clone;
+      if (clone[name] === null) {
+        clone[name] = clonedChild;
+      } else {
+        clone[name][_children].push(clonedChild);
+      }
+    }
+    return clone;
+  }
+  [$getChildren](name = null) {
+    if (!name) {
+      return this[_children];
+    }
+    return this[_children].filter(c => c[$nodeName] === name);
+  }
+  [$getChildrenByClass](name) {
+    return this[name];
+  }
+  [$getChildrenByName](name, allTransparent, first = true) {
+    return Array.from(this[$getChildrenByNameIt](name, allTransparent, first));
+  }
+  *[$getChildrenByNameIt](name, allTransparent, first = true) {
+    if (name === "parent") {
+      yield this[_parent];
+      return;
+    }
+    for (const child of this[_children]) {
+      if (child[$nodeName] === name) {
+        yield child;
+      }
+      if (child.name === name) {
+        yield child;
+      }
+      if (allTransparent || child[$isTransparent]()) {
+        yield* child[$getChildrenByNameIt](name, allTransparent, false);
+      }
+    }
+    if (first && this[_attributeNames].has(name)) {
+      yield new XFAAttribute(this, name, this[name]);
+    }
+  }
+}
+exports.XFAObject = XFAObject;
+class XFAObjectArray {
+  constructor(max = Infinity) {
+    this[_max] = max;
+    this[_children] = [];
+  }
+  push(child) {
+    const len = this[_children].length;
+    if (len <= this[_max]) {
+      this[_children].push(child);
+      return true;
+    }
+    (0, _util.warn)(`XFA - node "${child[$nodeName]}" accepts no more than ${this[_max]} children`);
+    return false;
+  }
+  isEmpty() {
+    return this[_children].length === 0;
+  }
+  dump() {
+    return this[_children].length === 1 ? this[_children][0][$dump]() : this[_children].map(x => x[$dump]());
+  }
+  [$clone]() {
+    const clone = new XFAObjectArray(this[_max]);
+    clone[_children] = this[_children].map(c => c[$clone]());
+    return clone;
+  }
+  get children() {
+    return this[_children];
+  }
+  clear() {
+    this[_children].length = 0;
+  }
+}
+exports.XFAObjectArray = XFAObjectArray;
+class XFAAttribute {
+  constructor(node, name, value) {
+    this[_parent] = node;
+    this[$nodeName] = name;
+    this[$content] = value;
+    this[$consumed] = false;
+    this[$uid] = `attribute${uid++}`;
+  }
+  [$getParent]() {
+    return this[_parent];
+  }
+  [$isDataValue]() {
+    return true;
+  }
+  [$getDataValue]() {
+    return this[$content].trim();
+  }
+  [$setValue](value) {
+    value = value.value || "";
+    this[$content] = value.toString();
+  }
+  [$text]() {
+    return this[$content];
+  }
+  [$isDescendent](parent) {
+    return this[_parent] === parent || this[_parent][$isDescendent](parent);
+  }
+}
+exports.XFAAttribute = XFAAttribute;
+class XmlObject extends XFAObject {
+  constructor(nsId, name, attributes = {}) {
+    super(nsId, name);
+    this[$content] = "";
+    this[_dataValue] = null;
+    if (name !== "#text") {
+      const map = new Map();
+      this[_attributes] = map;
+      for (const [attrName, value] of Object.entries(attributes)) {
+        map.set(attrName, new XFAAttribute(this, attrName, value));
+      }
+      if (attributes.hasOwnProperty($nsAttributes)) {
+        const dataNode = attributes[$nsAttributes].xfa.dataNode;
+        if (dataNode !== undefined) {
+          if (dataNode === "dataGroup") {
+            this[_dataValue] = false;
+          } else if (dataNode === "dataValue") {
+            this[_dataValue] = true;
+          }
+        }
+      }
+    }
+    this[$consumed] = false;
+  }
+  [$toString](buf) {
+    const tagName = this[$nodeName];
+    if (tagName === "#text") {
+      buf.push((0, _core_utils.encodeToXmlString)(this[$content]));
+      return;
+    }
+    const utf8TagName = (0, _util.utf8StringToString)(tagName);
+    const prefix = this[$namespaceId] === NS_DATASETS ? "xfa:" : "";
+    buf.push(`<${prefix}${utf8TagName}`);
+    for (const [name, value] of this[_attributes].entries()) {
+      const utf8Name = (0, _util.utf8StringToString)(name);
+      buf.push(` ${utf8Name}="${(0, _core_utils.encodeToXmlString)(value[$content])}"`);
+    }
+    if (this[_dataValue] !== null) {
+      if (this[_dataValue]) {
+        buf.push(` xfa:dataNode="dataValue"`);
+      } else {
+        buf.push(` xfa:dataNode="dataGroup"`);
+      }
+    }
+    if (!this[$content] && this[_children].length === 0) {
+      buf.push("/>");
+      return;
+    }
+    buf.push(">");
+    if (this[$content]) {
+      if (typeof this[$content] === "string") {
+        buf.push((0, _core_utils.encodeToXmlString)(this[$content]));
+      } else {
+        this[$content][$toString](buf);
+      }
+    } else {
+      for (const child of this[_children]) {
+        child[$toString](buf);
+      }
+    }
+    buf.push(`</${prefix}${utf8TagName}>`);
+  }
+  [$onChild](child) {
+    if (this[$content]) {
+      const node = new XmlObject(this[$namespaceId], "#text");
+      this[$appendChild](node);
+      node[$content] = this[$content];
+      this[$content] = "";
+    }
+    this[$appendChild](child);
+    return true;
+  }
+  [$onText](str) {
+    this[$content] += str;
+  }
+  [$finalize]() {
+    if (this[$content] && this[_children].length > 0) {
+      const node = new XmlObject(this[$namespaceId], "#text");
+      this[$appendChild](node);
+      node[$content] = this[$content];
+      delete this[$content];
+    }
+  }
+  [$toHTML]() {
+    if (this[$nodeName] === "#text") {
+      return _utils.HTMLResult.success({
+        name: "#text",
+        value: this[$content]
+      });
+    }
+    return _utils.HTMLResult.EMPTY;
+  }
+  [$getChildren](name = null) {
+    if (!name) {
+      return this[_children];
+    }
+    return this[_children].filter(c => c[$nodeName] === name);
+  }
+  [$getAttributes]() {
+    return this[_attributes];
+  }
+  [$getChildrenByClass](name) {
+    const value = this[_attributes].get(name);
+    if (value !== undefined) {
+      return value;
+    }
+    return this[$getChildren](name);
+  }
+  *[$getChildrenByNameIt](name, allTransparent) {
+    const value = this[_attributes].get(name);
+    if (value) {
+      yield value;
+    }
+    for (const child of this[_children]) {
+      if (child[$nodeName] === name) {
+        yield child;
+      }
+      if (allTransparent) {
+        yield* child[$getChildrenByNameIt](name, allTransparent);
+      }
+    }
+  }
+  *[$getAttributeIt](name, skipConsumed) {
+    const value = this[_attributes].get(name);
+    if (value && (!skipConsumed || !value[$consumed])) {
+      yield value;
+    }
+    for (const child of this[_children]) {
+      yield* child[$getAttributeIt](name, skipConsumed);
+    }
+  }
+  *[$getRealChildrenByNameIt](name, allTransparent, skipConsumed) {
+    for (const child of this[_children]) {
+      if (child[$nodeName] === name && (!skipConsumed || !child[$consumed])) {
+        yield child;
+      }
+      if (allTransparent) {
+        yield* child[$getRealChildrenByNameIt](name, allTransparent, skipConsumed);
+      }
+    }
+  }
+  [$isDataValue]() {
+    if (this[_dataValue] === null) {
+      return this[_children].length === 0 || this[_children][0][$namespaceId] === _namespaces.NamespaceIds.xhtml.id;
+    }
+    return this[_dataValue];
+  }
+  [$getDataValue]() {
+    if (this[_dataValue] === null) {
+      if (this[_children].length === 0) {
+        return this[$content].trim();
+      }
+      if (this[_children][0][$namespaceId] === _namespaces.NamespaceIds.xhtml.id) {
+        return this[_children][0][$text]().trim();
+      }
+      return null;
+    }
+    return this[$content].trim();
+  }
+  [$setValue](value) {
+    value = value.value || "";
+    this[$content] = value.toString();
+  }
+  [$dump](hasNS = false) {
+    const dumped = Object.create(null);
+    if (hasNS) {
+      dumped.$ns = this[$namespaceId];
+    }
+    if (this[$content]) {
+      dumped.$content = this[$content];
+    }
+    dumped.$name = this[$nodeName];
+    dumped.children = [];
+    for (const child of this[_children]) {
+      dumped.children.push(child[$dump](hasNS));
+    }
+    dumped.attributes = Object.create(null);
+    for (const [name, value] of this[_attributes]) {
+      dumped.attributes[name] = value[$content];
+    }
+    return dumped;
+  }
+}
+exports.XmlObject = XmlObject;
+class ContentObject extends XFAObject {
+  constructor(nsId, name) {
+    super(nsId, name);
+    this[$content] = "";
+  }
+  [$onText](text) {
+    this[$content] += text;
+  }
+  [$finalize]() {}
+}
+exports.ContentObject = ContentObject;
+class OptionObject extends ContentObject {
+  constructor(nsId, name, options) {
+    super(nsId, name);
+    this[_options] = options;
+  }
+  [$finalize]() {
+    this[$content] = (0, _utils.getKeyword)({
+      data: this[$content],
+      defaultValue: this[_options][0],
+      validate: k => this[_options].includes(k)
+    });
+  }
+  [$clean](builder) {
+    super[$clean](builder);
+    delete this[_options];
+  }
+}
+exports.OptionObject = OptionObject;
+class StringObject extends ContentObject {
+  [$finalize]() {
+    this[$content] = this[$content].trim();
+  }
+}
+exports.StringObject = StringObject;
+class IntegerObject extends ContentObject {
+  constructor(nsId, name, defaultValue, validator) {
+    super(nsId, name);
+    this[_defaultValue] = defaultValue;
+    this[_validator] = validator;
+  }
+  [$finalize]() {
+    this[$content] = (0, _utils.getInteger)({
+      data: this[$content],
+      defaultValue: this[_defaultValue],
+      validate: this[_validator]
+    });
+  }
+  [$clean](builder) {
+    super[$clean](builder);
+    delete this[_defaultValue];
+    delete this[_validator];
+  }
+}
+exports.IntegerObject = IntegerObject;
+class Option01 extends IntegerObject {
+  constructor(nsId, name) {
+    super(nsId, name, 0, n => n === 1);
+  }
+}
+exports.Option01 = Option01;
+class Option10 extends IntegerObject {
+  constructor(nsId, name) {
+    super(nsId, name, 1, n => n === 0);
+  }
+}
+exports.Option10 = Option10;
+
+/***/ }),
+/* 78 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.HTMLResult = void 0;
+exports.getBBox = getBBox;
+exports.getColor = getColor;
+exports.getFloat = getFloat;
+exports.getInteger = getInteger;
+exports.getKeyword = getKeyword;
+exports.getMeasurement = getMeasurement;
+exports.getRatio = getRatio;
+exports.getRelevant = getRelevant;
+exports.getStringOption = getStringOption;
+exports.stripQuotes = stripQuotes;
+var _util = __w_pdfjs_require__(2);
+const dimConverters = {
+  pt: x => x,
+  cm: x => x / 2.54 * 72,
+  mm: x => x / (10 * 2.54) * 72,
+  in: x => x * 72,
+  px: x => x
+};
+const measurementPattern = /([+-]?\d+\.?\d*)(.*)/;
+function stripQuotes(str) {
+  if (str.startsWith("'") || str.startsWith('"')) {
+    return str.slice(1, -1);
+  }
+  return str;
+}
+function getInteger({
+  data,
+  defaultValue,
+  validate
+}) {
+  if (!data) {
+    return defaultValue;
+  }
+  data = data.trim();
+  const n = parseInt(data, 10);
+  if (!isNaN(n) && validate(n)) {
+    return n;
+  }
+  return defaultValue;
+}
+function getFloat({
+  data,
+  defaultValue,
+  validate
+}) {
+  if (!data) {
+    return defaultValue;
+  }
+  data = data.trim();
+  const n = parseFloat(data);
+  if (!isNaN(n) && validate(n)) {
+    return n;
+  }
+  return defaultValue;
+}
+function getKeyword({
+  data,
+  defaultValue,
+  validate
+}) {
+  if (!data) {
+    return defaultValue;
+  }
+  data = data.trim();
+  if (validate(data)) {
+    return data;
+  }
+  return defaultValue;
+}
+function getStringOption(data, options) {
+  return getKeyword({
+    data,
+    defaultValue: options[0],
+    validate: k => options.includes(k)
+  });
+}
+function getMeasurement(str, def = "0") {
+  def ||= "0";
+  if (!str) {
+    return getMeasurement(def);
+  }
+  const match = str.trim().match(measurementPattern);
+  if (!match) {
+    return getMeasurement(def);
+  }
+  const [, valueStr, unit] = match;
+  const value = parseFloat(valueStr);
+  if (isNaN(value)) {
+    return getMeasurement(def);
+  }
+  if (value === 0) {
+    return 0;
+  }
+  const conv = dimConverters[unit];
+  if (conv) {
+    return conv(value);
+  }
+  return value;
+}
+function getRatio(data) {
+  if (!data) {
+    return {
+      num: 1,
+      den: 1
+    };
+  }
+  const ratio = data.trim().split(/\s*:\s*/).map(x => parseFloat(x)).filter(x => !isNaN(x));
+  if (ratio.length === 1) {
+    ratio.push(1);
+  }
+  if (ratio.length === 0) {
+    return {
+      num: 1,
+      den: 1
+    };
+  }
+  const [num, den] = ratio;
+  return {
+    num,
+    den
+  };
+}
+function getRelevant(data) {
+  if (!data) {
+    return [];
+  }
+  return data.trim().split(/\s+/).map(e => {
+    return {
+      excluded: e[0] === "-",
+      viewname: e.substring(1)
+    };
+  });
+}
+function getColor(data, def = [0, 0, 0]) {
+  let [r, g, b] = def;
+  if (!data) {
+    return {
+      r,
+      g,
+      b
+    };
+  }
+  const color = data.trim().split(/\s*,\s*/).map(c => Math.min(Math.max(0, parseInt(c.trim(), 10)), 255)).map(c => isNaN(c) ? 0 : c);
+  if (color.length < 3) {
+    return {
+      r,
+      g,
+      b
+    };
+  }
+  [r, g, b] = color;
+  return {
+    r,
+    g,
+    b
+  };
+}
+function getBBox(data) {
+  const def = -1;
+  if (!data) {
+    return {
+      x: def,
+      y: def,
+      width: def,
+      height: def
+    };
+  }
+  const bbox = data.trim().split(/\s*,\s*/).map(m => getMeasurement(m, "-1"));
+  if (bbox.length < 4 || bbox[2] < 0 || bbox[3] < 0) {
+    return {
+      x: def,
+      y: def,
+      width: def,
+      height: def
+    };
+  }
+  const [x, y, width, height] = bbox;
+  return {
+    x,
+    y,
+    width,
+    height
+  };
+}
+class HTMLResult {
+  static get FAILURE() {
+    return (0, _util.shadow)(this, "FAILURE", new HTMLResult(false, null, null, null));
+  }
+  static get EMPTY() {
+    return (0, _util.shadow)(this, "EMPTY", new HTMLResult(true, null, null, null));
+  }
+  constructor(success, html, bbox, breakNode) {
+    this.success = success;
+    this.html = html;
+    this.bbox = bbox;
+    this.breakNode = breakNode;
+  }
+  isBreak() {
+    return !!this.breakNode;
+  }
+  static breakNode(node) {
+    return new HTMLResult(false, null, null, node);
+  }
+  static success(html, bbox = null) {
+    return new HTMLResult(true, html, bbox, null);
+  }
+}
+exports.HTMLResult = HTMLResult;
+
+/***/ }),
+/* 79 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.NamespaceIds = exports.$buildXFAObject = void 0;
+const $buildXFAObject = Symbol();
+exports.$buildXFAObject = $buildXFAObject;
+const NamespaceIds = {
+  config: {
+    id: 0,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xci/")
+  },
+  connectionSet: {
+    id: 1,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-connection-set/")
+  },
+  datasets: {
+    id: 2,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-data/")
+  },
+  form: {
+    id: 3,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-form/")
+  },
+  localeSet: {
+    id: 4,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-locale-set/")
+  },
+  pdf: {
+    id: 5,
+    check: ns => ns === "http://ns.adobe.com/xdp/pdf/"
+  },
+  signature: {
+    id: 6,
+    check: ns => ns === "http://www.w3.org/2000/09/xmldsig#"
+  },
+  sourceSet: {
+    id: 7,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-source-set/")
+  },
+  stylesheet: {
+    id: 8,
+    check: ns => ns === "http://www.w3.org/1999/XSL/Transform"
+  },
+  template: {
+    id: 9,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xfa-template/")
+  },
+  xdc: {
+    id: 10,
+    check: ns => ns.startsWith("http://www.xfa.org/schema/xdc/")
+  },
+  xdp: {
+    id: 11,
+    check: ns => ns === "http://ns.adobe.com/xdp/"
+  },
+  xfdf: {
+    id: 12,
+    check: ns => ns === "http://ns.adobe.com/xfdf/"
+  },
+  xhtml: {
+    id: 13,
+    check: ns => ns === "http://www.w3.org/1999/xhtml"
+  },
+  xmpmeta: {
+    id: 14,
+    check: ns => ns === "http://ns.adobe.com/xmpmeta/"
+  }
+};
+exports.NamespaceIds = NamespaceIds;
+
+/***/ }),
+/* 80 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.createDataNode = createDataNode;
+exports.searchNode = searchNode;
+var _xfa_object = __w_pdfjs_require__(77);
+var _namespaces = __w_pdfjs_require__(79);
+var _util = __w_pdfjs_require__(2);
+const namePattern = /^[^.[]+/;
+const indexPattern = /^[^\]]+/;
+const operators = {
+  dot: 0,
+  dotDot: 1,
+  dotHash: 2,
+  dotBracket: 3,
+  dotParen: 4
+};
+const shortcuts = new Map([["$data", (root, current) => root.datasets ? root.datasets.data : root], ["$record", (root, current) => (root.datasets ? root.datasets.data : root)[_xfa_object.$getChildren]()[0]], ["$template", (root, current) => root.template], ["$connectionSet", (root, current) => root.connectionSet], ["$form", (root, current) => root.form], ["$layout", (root, current) => root.layout], ["$host", (root, current) => root.host], ["$dataWindow", (root, current) => root.dataWindow], ["$event", (root, current) => root.event], ["!", (root, current) => root.datasets], ["$xfa", (root, current) => root], ["xfa", (root, current) => root], ["$", (root, current) => current]]);
+const somCache = new WeakMap();
+const NS_DATASETS = _namespaces.NamespaceIds.datasets.id;
+function parseIndex(index) {
+  index = index.trim();
+  if (index === "*") {
+    return Infinity;
+  }
+  return parseInt(index, 10) || 0;
+}
+function parseExpression(expr, dotDotAllowed, noExpr = true) {
+  let match = expr.match(namePattern);
+  if (!match) {
+    return null;
+  }
+  let [name] = match;
+  const parsed = [{
+    name,
+    cacheName: "." + name,
+    index: 0,
+    js: null,
+    formCalc: null,
+    operator: operators.dot
+  }];
+  let pos = name.length;
+  while (pos < expr.length) {
+    const spos = pos;
+    const char = expr.charAt(pos++);
+    if (char === "[") {
+      match = expr.slice(pos).match(indexPattern);
+      if (!match) {
+        (0, _util.warn)("XFA - Invalid index in SOM expression");
+        return null;
+      }
+      parsed.at(-1).index = parseIndex(match[0]);
+      pos += match[0].length + 1;
+      continue;
+    }
+    let operator;
+    switch (expr.charAt(pos)) {
+      case ".":
+        if (!dotDotAllowed) {
+          return null;
+        }
+        pos++;
+        operator = operators.dotDot;
+        break;
+      case "#":
+        pos++;
+        operator = operators.dotHash;
+        break;
+      case "[":
+        if (noExpr) {
+          (0, _util.warn)("XFA - SOM expression contains a FormCalc subexpression which is not supported for now.");
+          return null;
+        }
+        operator = operators.dotBracket;
+        break;
+      case "(":
+        if (noExpr) {
+          (0, _util.warn)("XFA - SOM expression contains a JavaScript subexpression which is not supported for now.");
+          return null;
+        }
+        operator = operators.dotParen;
+        break;
+      default:
+        operator = operators.dot;
+        break;
+    }
+    match = expr.slice(pos).match(namePattern);
+    if (!match) {
+      break;
+    }
+    [name] = match;
+    pos += name.length;
+    parsed.push({
+      name,
+      cacheName: expr.slice(spos, pos),
+      operator,
+      index: 0,
+      js: null,
+      formCalc: null
+    });
+  }
+  return parsed;
+}
+function searchNode(root, container, expr, dotDotAllowed = true, useCache = true) {
+  const parsed = parseExpression(expr, dotDotAllowed);
+  if (!parsed) {
+    return null;
+  }
+  const fn = shortcuts.get(parsed[0].name);
+  let i = 0;
+  let isQualified;
+  if (fn) {
+    isQualified = true;
+    root = [fn(root, container)];
+    i = 1;
+  } else {
+    isQualified = container === null;
+    root = [container || root];
+  }
+  for (let ii = parsed.length; i < ii; i++) {
+    const {
+      name,
+      cacheName,
+      operator,
+      index
+    } = parsed[i];
+    const nodes = [];
+    for (const node of root) {
+      if (!(node instanceof _xfa_object.XFAObject)) {
+        continue;
+      }
+      let children, cached;
+      if (useCache) {
+        cached = somCache.get(node);
+        if (!cached) {
+          cached = new Map();
+          somCache.set(node, cached);
+        }
+        children = cached.get(cacheName);
+      }
+      if (!children) {
+        switch (operator) {
+          case operators.dot:
+            children = node[_xfa_object.$getChildrenByName](name, false);
+            break;
+          case operators.dotDot:
+            children = node[_xfa_object.$getChildrenByName](name, true);
+            break;
+          case operators.dotHash:
+            children = node[_xfa_object.$getChildrenByClass](name);
+            if (children instanceof _xfa_object.XFAObjectArray) {
+              children = children.children;
+            } else {
+              children = [children];
+            }
+            break;
+          default:
+            break;
+        }
+        if (useCache) {
+          cached.set(cacheName, children);
+        }
+      }
+      if (children.length > 0) {
+        nodes.push(children);
+      }
+    }
+    if (nodes.length === 0 && !isQualified && i === 0) {
+      const parent = container[_xfa_object.$getParent]();
+      container = parent;
+      if (!container) {
+        return null;
+      }
+      i = -1;
+      root = [container];
+      continue;
+    }
+    if (isFinite(index)) {
+      root = nodes.filter(node => index < node.length).map(node => node[index]);
+    } else {
+      root = nodes.flat();
+    }
+  }
+  if (root.length === 0) {
+    return null;
+  }
+  return root;
+}
+function createNodes(root, path) {
+  let node = null;
+  for (const {
+    name,
+    index
+  } of path) {
+    for (let i = 0, ii = !isFinite(index) ? 0 : index; i <= ii; i++) {
+      const nsId = root[_xfa_object.$namespaceId] === NS_DATASETS ? -1 : root[_xfa_object.$namespaceId];
+      node = new _xfa_object.XmlObject(nsId, name);
+      root[_xfa_object.$appendChild](node);
+    }
+    root = node;
+  }
+  return node;
+}
+function createDataNode(root, container, expr) {
+  const parsed = parseExpression(expr);
+  if (!parsed) {
+    return null;
+  }
+  if (parsed.some(x => x.operator === operators.dotDot)) {
+    return null;
+  }
+  const fn = shortcuts.get(parsed[0].name);
+  let i = 0;
+  if (fn) {
+    root = fn(root, container);
+    i = 1;
+  } else {
+    root = container || root;
+  }
+  for (let ii = parsed.length; i < ii; i++) {
+    const {
+      name,
+      operator,
+      index
+    } = parsed[i];
+    if (!isFinite(index)) {
+      parsed[i].index = 0;
+      return createNodes(root, parsed.slice(i));
+    }
+    let children;
+    switch (operator) {
+      case operators.dot:
+        children = root[_xfa_object.$getChildrenByName](name, false);
+        break;
+      case operators.dotDot:
+        children = root[_xfa_object.$getChildrenByName](name, true);
+        break;
+      case operators.dotHash:
+        children = root[_xfa_object.$getChildrenByClass](name);
+        if (children instanceof _xfa_object.XFAObjectArray) {
+          children = children.children;
+        } else {
+          children = [children];
+        }
+        break;
+      default:
+        break;
+    }
+    if (children.length === 0) {
+      return createNodes(root, parsed.slice(i));
+    }
+    if (index < children.length) {
+      const child = children[index];
+      if (!(child instanceof _xfa_object.XFAObject)) {
+        (0, _util.warn)(`XFA - Cannot create a node.`);
+        return null;
+      }
+      root = child;
+    } else {
+      parsed[i].index = index - children.length;
+      return createNodes(root, parsed.slice(i));
+    }
+  }
+  return null;
+}
+
+/***/ }),
+/* 81 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Binder = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _template = __w_pdfjs_require__(82);
+var _som = __w_pdfjs_require__(80);
+var _namespaces = __w_pdfjs_require__(79);
+var _util = __w_pdfjs_require__(2);
+const NS_DATASETS = _namespaces.NamespaceIds.datasets.id;
+function createText(content) {
+  const node = new _template.Text({});
+  node[_xfa_object.$content] = content;
+  return node;
+}
+class Binder {
+  constructor(root) {
+    this.root = root;
+    this.datasets = root.datasets;
+    if (root.datasets && root.datasets.data) {
+      this.data = root.datasets.data;
+    } else {
+      this.data = new _xfa_object.XmlObject(_namespaces.NamespaceIds.datasets.id, "data");
+    }
+    this.emptyMerge = this.data[_xfa_object.$getChildren]().length === 0;
+    this.root.form = this.form = root.template[_xfa_object.$clone]();
+  }
+  _isConsumeData() {
+    return !this.emptyMerge && this._mergeMode;
+  }
+  _isMatchTemplate() {
+    return !this._isConsumeData();
+  }
+  bind() {
+    this._bindElement(this.form, this.data);
+    return this.form;
+  }
+  getData() {
+    return this.data;
+  }
+  _bindValue(formNode, data, picture) {
+    formNode[_xfa_object.$data] = data;
+    if (formNode[_xfa_object.$hasSettableValue]()) {
+      if (data[_xfa_object.$isDataValue]()) {
+        const value = data[_xfa_object.$getDataValue]();
+        formNode[_xfa_object.$setValue](createText(value));
+      } else if (formNode instanceof _template.Field && formNode.ui && formNode.ui.choiceList && formNode.ui.choiceList.open === "multiSelect") {
+        const value = data[_xfa_object.$getChildren]().map(child => child[_xfa_object.$content].trim()).join("\n");
+        formNode[_xfa_object.$setValue](createText(value));
+      } else if (this._isConsumeData()) {
+        (0, _util.warn)(`XFA - Nodes haven't the same type.`);
+      }
+    } else if (!data[_xfa_object.$isDataValue]() || this._isMatchTemplate()) {
+      this._bindElement(formNode, data);
+    } else {
+      (0, _util.warn)(`XFA - Nodes haven't the same type.`);
+    }
+  }
+  _findDataByNameToConsume(name, isValue, dataNode, global) {
+    if (!name) {
+      return null;
+    }
+    let generator, match;
+    for (let i = 0; i < 3; i++) {
+      generator = dataNode[_xfa_object.$getRealChildrenByNameIt](name, false, true);
+      while (true) {
+        match = generator.next().value;
+        if (!match) {
+          break;
+        }
+        if (isValue === match[_xfa_object.$isDataValue]()) {
+          return match;
+        }
+      }
+      if (dataNode[_xfa_object.$namespaceId] === _namespaces.NamespaceIds.datasets.id && dataNode[_xfa_object.$nodeName] === "data") {
+        break;
+      }
+      dataNode = dataNode[_xfa_object.$getParent]();
+    }
+    if (!global) {
+      return null;
+    }
+    generator = this.data[_xfa_object.$getRealChildrenByNameIt](name, true, false);
+    match = generator.next().value;
+    if (match) {
+      return match;
+    }
+    generator = this.data[_xfa_object.$getAttributeIt](name, true);
+    match = generator.next().value;
+    if (match && match[_xfa_object.$isDataValue]()) {
+      return match;
+    }
+    return null;
+  }
+  _setProperties(formNode, dataNode) {
+    if (!formNode.hasOwnProperty("setProperty")) {
+      return;
+    }
+    for (const {
+      ref,
+      target,
+      connection
+    } of formNode.setProperty.children) {
+      if (connection) {
+        continue;
+      }
+      if (!ref) {
+        continue;
+      }
+      const nodes = (0, _som.searchNode)(this.root, dataNode, ref, false, false);
+      if (!nodes) {
+        (0, _util.warn)(`XFA - Invalid reference: ${ref}.`);
+        continue;
+      }
+      const [node] = nodes;
+      if (!node[_xfa_object.$isDescendent](this.data)) {
+        (0, _util.warn)(`XFA - Invalid node: must be a data node.`);
+        continue;
+      }
+      const targetNodes = (0, _som.searchNode)(this.root, formNode, target, false, false);
+      if (!targetNodes) {
+        (0, _util.warn)(`XFA - Invalid target: ${target}.`);
+        continue;
+      }
+      const [targetNode] = targetNodes;
+      if (!targetNode[_xfa_object.$isDescendent](formNode)) {
+        (0, _util.warn)(`XFA - Invalid target: must be a property or subproperty.`);
+        continue;
+      }
+      const targetParent = targetNode[_xfa_object.$getParent]();
+      if (targetNode instanceof _template.SetProperty || targetParent instanceof _template.SetProperty) {
+        (0, _util.warn)(`XFA - Invalid target: cannot be a setProperty or one of its properties.`);
+        continue;
+      }
+      if (targetNode instanceof _template.BindItems || targetParent instanceof _template.BindItems) {
+        (0, _util.warn)(`XFA - Invalid target: cannot be a bindItems or one of its properties.`);
+        continue;
+      }
+      const content = node[_xfa_object.$text]();
+      const name = targetNode[_xfa_object.$nodeName];
+      if (targetNode instanceof _xfa_object.XFAAttribute) {
+        const attrs = Object.create(null);
+        attrs[name] = content;
+        const obj = Reflect.construct(Object.getPrototypeOf(targetParent).constructor, [attrs]);
+        targetParent[name] = obj[name];
+        continue;
+      }
+      if (!targetNode.hasOwnProperty(_xfa_object.$content)) {
+        (0, _util.warn)(`XFA - Invalid node to use in setProperty`);
+        continue;
+      }
+      targetNode[_xfa_object.$data] = node;
+      targetNode[_xfa_object.$content] = content;
+      targetNode[_xfa_object.$finalize]();
+    }
+  }
+  _bindItems(formNode, dataNode) {
+    if (!formNode.hasOwnProperty("items") || !formNode.hasOwnProperty("bindItems") || formNode.bindItems.isEmpty()) {
+      return;
+    }
+    for (const item of formNode.items.children) {
+      formNode[_xfa_object.$removeChild](item);
+    }
+    formNode.items.clear();
+    const labels = new _template.Items({});
+    const values = new _template.Items({});
+    formNode[_xfa_object.$appendChild](labels);
+    formNode.items.push(labels);
+    formNode[_xfa_object.$appendChild](values);
+    formNode.items.push(values);
+    for (const {
+      ref,
+      labelRef,
+      valueRef,
+      connection
+    } of formNode.bindItems.children) {
+      if (connection) {
+        continue;
+      }
+      if (!ref) {
+        continue;
+      }
+      const nodes = (0, _som.searchNode)(this.root, dataNode, ref, false, false);
+      if (!nodes) {
+        (0, _util.warn)(`XFA - Invalid reference: ${ref}.`);
+        continue;
+      }
+      for (const node of nodes) {
+        if (!node[_xfa_object.$isDescendent](this.datasets)) {
+          (0, _util.warn)(`XFA - Invalid ref (${ref}): must be a datasets child.`);
+          continue;
+        }
+        const labelNodes = (0, _som.searchNode)(this.root, node, labelRef, true, false);
+        if (!labelNodes) {
+          (0, _util.warn)(`XFA - Invalid label: ${labelRef}.`);
+          continue;
+        }
+        const [labelNode] = labelNodes;
+        if (!labelNode[_xfa_object.$isDescendent](this.datasets)) {
+          (0, _util.warn)(`XFA - Invalid label: must be a datasets child.`);
+          continue;
+        }
+        const valueNodes = (0, _som.searchNode)(this.root, node, valueRef, true, false);
+        if (!valueNodes) {
+          (0, _util.warn)(`XFA - Invalid value: ${valueRef}.`);
+          continue;
+        }
+        const [valueNode] = valueNodes;
+        if (!valueNode[_xfa_object.$isDescendent](this.datasets)) {
+          (0, _util.warn)(`XFA - Invalid value: must be a datasets child.`);
+          continue;
+        }
+        const label = createText(labelNode[_xfa_object.$text]());
+        const value = createText(valueNode[_xfa_object.$text]());
+        labels[_xfa_object.$appendChild](label);
+        labels.text.push(label);
+        values[_xfa_object.$appendChild](value);
+        values.text.push(value);
+      }
+    }
+  }
+  _bindOccurrences(formNode, matches, picture) {
+    let baseClone;
+    if (matches.length > 1) {
+      baseClone = formNode[_xfa_object.$clone]();
+      baseClone[_xfa_object.$removeChild](baseClone.occur);
+      baseClone.occur = null;
+    }
+    this._bindValue(formNode, matches[0], picture);
+    this._setProperties(formNode, matches[0]);
+    this._bindItems(formNode, matches[0]);
+    if (matches.length === 1) {
+      return;
+    }
+    const parent = formNode[_xfa_object.$getParent]();
+    const name = formNode[_xfa_object.$nodeName];
+    const pos = parent[_xfa_object.$indexOf](formNode);
+    for (let i = 1, ii = matches.length; i < ii; i++) {
+      const match = matches[i];
+      const clone = baseClone[_xfa_object.$clone]();
+      parent[name].push(clone);
+      parent[_xfa_object.$insertAt](pos + i, clone);
+      this._bindValue(clone, match, picture);
+      this._setProperties(clone, match);
+      this._bindItems(clone, match);
+    }
+  }
+  _createOccurrences(formNode) {
+    if (!this.emptyMerge) {
+      return;
+    }
+    const {
+      occur
+    } = formNode;
+    if (!occur || occur.initial <= 1) {
+      return;
+    }
+    const parent = formNode[_xfa_object.$getParent]();
+    const name = formNode[_xfa_object.$nodeName];
+    if (!(parent[name] instanceof _xfa_object.XFAObjectArray)) {
+      return;
+    }
+    let currentNumber;
+    if (formNode.name) {
+      currentNumber = parent[name].children.filter(e => e.name === formNode.name).length;
+    } else {
+      currentNumber = parent[name].children.length;
+    }
+    const pos = parent[_xfa_object.$indexOf](formNode) + 1;
+    const ii = occur.initial - currentNumber;
+    if (ii) {
+      const nodeClone = formNode[_xfa_object.$clone]();
+      nodeClone[_xfa_object.$removeChild](nodeClone.occur);
+      nodeClone.occur = null;
+      parent[name].push(nodeClone);
+      parent[_xfa_object.$insertAt](pos, nodeClone);
+      for (let i = 1; i < ii; i++) {
+        const clone = nodeClone[_xfa_object.$clone]();
+        parent[name].push(clone);
+        parent[_xfa_object.$insertAt](pos + i, clone);
+      }
+    }
+  }
+  _getOccurInfo(formNode) {
+    const {
+      name,
+      occur
+    } = formNode;
+    if (!occur || !name) {
+      return [1, 1];
+    }
+    const max = occur.max === -1 ? Infinity : occur.max;
+    return [occur.min, max];
+  }
+  _setAndBind(formNode, dataNode) {
+    this._setProperties(formNode, dataNode);
+    this._bindItems(formNode, dataNode);
+    this._bindElement(formNode, dataNode);
+  }
+  _bindElement(formNode, dataNode) {
+    const uselessNodes = [];
+    this._createOccurrences(formNode);
+    for (const child of formNode[_xfa_object.$getChildren]()) {
+      if (child[_xfa_object.$data]) {
+        continue;
+      }
+      if (this._mergeMode === undefined && child[_xfa_object.$nodeName] === "subform") {
+        this._mergeMode = child.mergeMode === "consumeData";
+        const dataChildren = dataNode[_xfa_object.$getChildren]();
+        if (dataChildren.length > 0) {
+          this._bindOccurrences(child, [dataChildren[0]], null);
+        } else if (this.emptyMerge) {
+          const nsId = dataNode[_xfa_object.$namespaceId] === NS_DATASETS ? -1 : dataNode[_xfa_object.$namespaceId];
+          const dataChild = child[_xfa_object.$data] = new _xfa_object.XmlObject(nsId, child.name || "root");
+          dataNode[_xfa_object.$appendChild](dataChild);
+          this._bindElement(child, dataChild);
+        }
+        continue;
+      }
+      if (!child[_xfa_object.$isBindable]()) {
+        continue;
+      }
+      let global = false;
+      let picture = null;
+      let ref = null;
+      let match = null;
+      if (child.bind) {
+        switch (child.bind.match) {
+          case "none":
+            this._setAndBind(child, dataNode);
+            continue;
+          case "global":
+            global = true;
+            break;
+          case "dataRef":
+            if (!child.bind.ref) {
+              (0, _util.warn)(`XFA - ref is empty in node ${child[_xfa_object.$nodeName]}.`);
+              this._setAndBind(child, dataNode);
+              continue;
+            }
+            ref = child.bind.ref;
+            break;
+          default:
+            break;
+        }
+        if (child.bind.picture) {
+          picture = child.bind.picture[_xfa_object.$content];
+        }
+      }
+      const [min, max] = this._getOccurInfo(child);
+      if (ref) {
+        match = (0, _som.searchNode)(this.root, dataNode, ref, true, false);
+        if (match === null) {
+          match = (0, _som.createDataNode)(this.data, dataNode, ref);
+          if (!match) {
+            continue;
+          }
+          if (this._isConsumeData()) {
+            match[_xfa_object.$consumed] = true;
+          }
+          this._setAndBind(child, match);
+          continue;
+        } else {
+          if (this._isConsumeData()) {
+            match = match.filter(node => !node[_xfa_object.$consumed]);
+          }
+          if (match.length > max) {
+            match = match.slice(0, max);
+          } else if (match.length === 0) {
+            match = null;
+          }
+          if (match && this._isConsumeData()) {
+            match.forEach(node => {
+              node[_xfa_object.$consumed] = true;
+            });
+          }
+        }
+      } else {
+        if (!child.name) {
+          this._setAndBind(child, dataNode);
+          continue;
+        }
+        if (this._isConsumeData()) {
+          const matches = [];
+          while (matches.length < max) {
+            const found = this._findDataByNameToConsume(child.name, child[_xfa_object.$hasSettableValue](), dataNode, global);
+            if (!found) {
+              break;
+            }
+            found[_xfa_object.$consumed] = true;
+            matches.push(found);
+          }
+          match = matches.length > 0 ? matches : null;
+        } else {
+          match = dataNode[_xfa_object.$getRealChildrenByNameIt](child.name, false, this.emptyMerge).next().value;
+          if (!match) {
+            if (min === 0) {
+              uselessNodes.push(child);
+              continue;
+            }
+            const nsId = dataNode[_xfa_object.$namespaceId] === NS_DATASETS ? -1 : dataNode[_xfa_object.$namespaceId];
+            match = child[_xfa_object.$data] = new _xfa_object.XmlObject(nsId, child.name);
+            if (this.emptyMerge) {
+              match[_xfa_object.$consumed] = true;
+            }
+            dataNode[_xfa_object.$appendChild](match);
+            this._setAndBind(child, match);
+            continue;
+          }
+          if (this.emptyMerge) {
+            match[_xfa_object.$consumed] = true;
+          }
+          match = [match];
+        }
+      }
+      if (match) {
+        this._bindOccurrences(child, match, picture);
+      } else if (min > 0) {
+        this._setAndBind(child, dataNode);
+      } else {
+        uselessNodes.push(child);
+      }
+    }
+    uselessNodes.forEach(node => node[_xfa_object.$getParent]()[_xfa_object.$removeChild](node));
+  }
+}
+exports.Binder = Binder;
+
+/***/ }),
+/* 82 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Value = exports.Text = exports.TemplateNamespace = exports.Template = exports.SetProperty = exports.Items = exports.Field = exports.BindItems = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _namespaces = __w_pdfjs_require__(79);
+var _layout = __w_pdfjs_require__(83);
+var _html_utils = __w_pdfjs_require__(84);
+var _utils = __w_pdfjs_require__(78);
+var _util = __w_pdfjs_require__(2);
+var _fonts = __w_pdfjs_require__(85);
+var _core_utils = __w_pdfjs_require__(3);
+var _som = __w_pdfjs_require__(80);
+const TEMPLATE_NS_ID = _namespaces.NamespaceIds.template.id;
+const SVG_NS = "http://www.w3.org/2000/svg";
+const MAX_ATTEMPTS_FOR_LRTB_LAYOUT = 2;
+const MAX_EMPTY_PAGES = 3;
+const DEFAULT_TAB_INDEX = 5000;
+const HEADING_PATTERN = /^H(\d+)$/;
+const MIMES = new Set(["image/gif", "image/jpeg", "image/jpg", "image/pjpeg", "image/png", "image/apng", "image/x-png", "image/bmp", "image/x-ms-bmp", "image/tiff", "image/tif", "application/octet-stream"]);
+const IMAGES_HEADERS = [[[0x42, 0x4d], "image/bmp"], [[0xff, 0xd8, 0xff], "image/jpeg"], [[0x49, 0x49, 0x2a, 0x00], "image/tiff"], [[0x4d, 0x4d, 0x00, 0x2a], "image/tiff"], [[0x47, 0x49, 0x46, 0x38, 0x39, 0x61], "image/gif"], [[0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a], "image/png"]];
+function getBorderDims(node) {
+  if (!node || !node.border) {
+    return {
+      w: 0,
+      h: 0
+    };
+  }
+  const borderExtra = node.border[_xfa_object.$getExtra]();
+  if (!borderExtra) {
+    return {
+      w: 0,
+      h: 0
+    };
+  }
+  return {
+    w: borderExtra.widths[0] + borderExtra.widths[2] + borderExtra.insets[0] + borderExtra.insets[2],
+    h: borderExtra.widths[1] + borderExtra.widths[3] + borderExtra.insets[1] + borderExtra.insets[3]
+  };
+}
+function hasMargin(node) {
+  return node.margin && (node.margin.topInset || node.margin.rightInset || node.margin.bottomInset || node.margin.leftInset);
+}
+function _setValue(templateNode, value) {
+  if (!templateNode.value) {
+    const nodeValue = new Value({});
+    templateNode[_xfa_object.$appendChild](nodeValue);
+    templateNode.value = nodeValue;
+  }
+  templateNode.value[_xfa_object.$setValue](value);
+}
+function* getContainedChildren(node) {
+  for (const child of node[_xfa_object.$getChildren]()) {
+    if (child instanceof SubformSet) {
+      yield* child[_xfa_object.$getContainedChildren]();
+      continue;
+    }
+    yield child;
+  }
+}
+function isRequired(node) {
+  return node.validate && node.validate.nullTest === "error";
+}
+function setTabIndex(node) {
+  while (node) {
+    if (!node.traversal) {
+      node[_xfa_object.$tabIndex] = node[_xfa_object.$getParent]()[_xfa_object.$tabIndex];
+      return;
+    }
+    if (node[_xfa_object.$tabIndex]) {
+      return;
+    }
+    let next = null;
+    for (const child of node.traversal[_xfa_object.$getChildren]()) {
+      if (child.operation === "next") {
+        next = child;
+        break;
+      }
+    }
+    if (!next || !next.ref) {
+      node[_xfa_object.$tabIndex] = node[_xfa_object.$getParent]()[_xfa_object.$tabIndex];
+      return;
+    }
+    const root = node[_xfa_object.$getTemplateRoot]();
+    node[_xfa_object.$tabIndex] = ++root[_xfa_object.$tabIndex];
+    const ref = root[_xfa_object.$searchNode](next.ref, node);
+    if (!ref) {
+      return;
+    }
+    node = ref[0];
+  }
+}
+function applyAssist(obj, attributes) {
+  const assist = obj.assist;
+  if (assist) {
+    const assistTitle = assist[_xfa_object.$toHTML]();
+    if (assistTitle) {
+      attributes.title = assistTitle;
+    }
+    const role = assist.role;
+    const match = role.match(HEADING_PATTERN);
+    if (match) {
+      const ariaRole = "heading";
+      const ariaLevel = match[1];
+      attributes.role = ariaRole;
+      attributes["aria-level"] = ariaLevel;
+    }
+  }
+  if (obj.layout === "table") {
+    attributes.role = "table";
+  } else if (obj.layout === "row") {
+    attributes.role = "row";
+  } else {
+    const parent = obj[_xfa_object.$getParent]();
+    if (parent.layout === "row") {
+      if (parent.assist && parent.assist.role === "TH") {
+        attributes.role = "columnheader";
+      } else {
+        attributes.role = "cell";
+      }
+    }
+  }
+}
+function ariaLabel(obj) {
+  if (!obj.assist) {
+    return null;
+  }
+  const assist = obj.assist;
+  if (assist.speak && assist.speak[_xfa_object.$content] !== "") {
+    return assist.speak[_xfa_object.$content];
+  }
+  if (assist.toolTip) {
+    return assist.toolTip[_xfa_object.$content];
+  }
+  return null;
+}
+function valueToHtml(value) {
+  return _utils.HTMLResult.success({
+    name: "div",
+    attributes: {
+      class: ["xfaRich"],
+      style: Object.create(null)
+    },
+    children: [{
+      name: "span",
+      attributes: {
+        style: Object.create(null)
+      },
+      value
+    }]
+  });
+}
+function setFirstUnsplittable(node) {
+  const root = node[_xfa_object.$getTemplateRoot]();
+  if (root[_xfa_object.$extra].firstUnsplittable === null) {
+    root[_xfa_object.$extra].firstUnsplittable = node;
+    root[_xfa_object.$extra].noLayoutFailure = true;
+  }
+}
+function unsetFirstUnsplittable(node) {
+  const root = node[_xfa_object.$getTemplateRoot]();
+  if (root[_xfa_object.$extra].firstUnsplittable === node) {
+    root[_xfa_object.$extra].noLayoutFailure = false;
+  }
+}
+function handleBreak(node) {
+  if (node[_xfa_object.$extra]) {
+    return false;
+  }
+  node[_xfa_object.$extra] = Object.create(null);
+  if (node.targetType === "auto") {
+    return false;
+  }
+  const root = node[_xfa_object.$getTemplateRoot]();
+  let target = null;
+  if (node.target) {
+    target = root[_xfa_object.$searchNode](node.target, node[_xfa_object.$getParent]());
+    if (!target) {
+      return false;
+    }
+    target = target[0];
+  }
+  const {
+    currentPageArea,
+    currentContentArea
+  } = root[_xfa_object.$extra];
+  if (node.targetType === "pageArea") {
+    if (!(target instanceof PageArea)) {
+      target = null;
+    }
+    if (node.startNew) {
+      node[_xfa_object.$extra].target = target || currentPageArea;
+      return true;
+    } else if (target && target !== currentPageArea) {
+      node[_xfa_object.$extra].target = target;
+      return true;
+    }
+    return false;
+  }
+  if (!(target instanceof ContentArea)) {
+    target = null;
+  }
+  const pageArea = target && target[_xfa_object.$getParent]();
+  let index;
+  let nextPageArea = pageArea;
+  if (node.startNew) {
+    if (target) {
+      const contentAreas = pageArea.contentArea.children;
+      const indexForCurrent = contentAreas.indexOf(currentContentArea);
+      const indexForTarget = contentAreas.indexOf(target);
+      if (indexForCurrent !== -1 && indexForCurrent < indexForTarget) {
+        nextPageArea = null;
+      }
+      index = indexForTarget - 1;
+    } else {
+      index = currentPageArea.contentArea.children.indexOf(currentContentArea);
+    }
+  } else if (target && target !== currentContentArea) {
+    const contentAreas = pageArea.contentArea.children;
+    index = contentAreas.indexOf(target) - 1;
+    nextPageArea = pageArea === currentPageArea ? null : pageArea;
+  } else {
+    return false;
+  }
+  node[_xfa_object.$extra].target = nextPageArea;
+  node[_xfa_object.$extra].index = index;
+  return true;
+}
+function handleOverflow(node, extraNode, space) {
+  const root = node[_xfa_object.$getTemplateRoot]();
+  const saved = root[_xfa_object.$extra].noLayoutFailure;
+  const savedMethod = extraNode[_xfa_object.$getSubformParent];
+  extraNode[_xfa_object.$getSubformParent] = () => node;
+  root[_xfa_object.$extra].noLayoutFailure = true;
+  const res = extraNode[_xfa_object.$toHTML](space);
+  node[_xfa_object.$addHTML](res.html, res.bbox);
+  root[_xfa_object.$extra].noLayoutFailure = saved;
+  extraNode[_xfa_object.$getSubformParent] = savedMethod;
+}
+class AppearanceFilter extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "appearanceFilter");
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Arc extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "arc", true);
+    this.circular = (0, _utils.getInteger)({
+      data: attributes.circular,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.hand = (0, _utils.getStringOption)(attributes.hand, ["even", "left", "right"]);
+    this.id = attributes.id || "";
+    this.startAngle = (0, _utils.getFloat)({
+      data: attributes.startAngle,
+      defaultValue: 0,
+      validate: x => true
+    });
+    this.sweepAngle = (0, _utils.getFloat)({
+      data: attributes.sweepAngle,
+      defaultValue: 360,
+      validate: x => true
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.edge = null;
+    this.fill = null;
+  }
+  [_xfa_object.$toHTML]() {
+    const edge = this.edge || new Edge({});
+    const edgeStyle = edge[_xfa_object.$toStyle]();
+    const style = Object.create(null);
+    if (this.fill && this.fill.presence === "visible") {
+      Object.assign(style, this.fill[_xfa_object.$toStyle]());
+    } else {
+      style.fill = "transparent";
+    }
+    style.strokeWidth = (0, _html_utils.measureToString)(edge.presence === "visible" ? edge.thickness : 0);
+    style.stroke = edgeStyle.color;
+    let arc;
+    const attributes = {
+      xmlns: SVG_NS,
+      style: {
+        width: "100%",
+        height: "100%",
+        overflow: "visible"
+      }
+    };
+    if (this.sweepAngle === 360) {
+      arc = {
+        name: "ellipse",
+        attributes: {
+          xmlns: SVG_NS,
+          cx: "50%",
+          cy: "50%",
+          rx: "50%",
+          ry: "50%",
+          style
+        }
+      };
+    } else {
+      const startAngle = this.startAngle * Math.PI / 180;
+      const sweepAngle = this.sweepAngle * Math.PI / 180;
+      const largeArc = this.sweepAngle > 180 ? 1 : 0;
+      const [x1, y1, x2, y2] = [50 * (1 + Math.cos(startAngle)), 50 * (1 - Math.sin(startAngle)), 50 * (1 + Math.cos(startAngle + sweepAngle)), 50 * (1 - Math.sin(startAngle + sweepAngle))];
+      arc = {
+        name: "path",
+        attributes: {
+          xmlns: SVG_NS,
+          d: `M ${x1} ${y1} A 50 50 0 ${largeArc} 0 ${x2} ${y2}`,
+          vectorEffect: "non-scaling-stroke",
+          style
+        }
+      };
+      Object.assign(attributes, {
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none"
+      });
+    }
+    const svg = {
+      name: "svg",
+      children: [arc],
+      attributes
+    };
+    const parent = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    if (hasMargin(parent)) {
+      return _utils.HTMLResult.success({
+        name: "div",
+        attributes: {
+          style: {
+            display: "inline",
+            width: "100%",
+            height: "100%"
+          }
+        },
+        children: [svg]
+      });
+    }
+    svg.attributes.style.position = "absolute";
+    return _utils.HTMLResult.success(svg);
+  }
+}
+class Area extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "area", true);
+    this.colSpan = (0, _utils.getInteger)({
+      data: attributes.colSpan,
+      defaultValue: 1,
+      validate: n => n >= 1 || n === -1
+    });
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.desc = null;
+    this.extras = null;
+    this.area = new _xfa_object.XFAObjectArray();
+    this.draw = new _xfa_object.XFAObjectArray();
+    this.exObject = new _xfa_object.XFAObjectArray();
+    this.exclGroup = new _xfa_object.XFAObjectArray();
+    this.field = new _xfa_object.XFAObjectArray();
+    this.subform = new _xfa_object.XFAObjectArray();
+    this.subformSet = new _xfa_object.XFAObjectArray();
+  }
+  *[_xfa_object.$getContainedChildren]() {
+    yield* getContainedChildren(this);
+  }
+  [_xfa_object.$isTransparent]() {
+    return true;
+  }
+  [_xfa_object.$isBindable]() {
+    return true;
+  }
+  [_xfa_object.$addHTML](html, bbox) {
+    const [x, y, w, h] = bbox;
+    this[_xfa_object.$extra].width = Math.max(this[_xfa_object.$extra].width, x + w);
+    this[_xfa_object.$extra].height = Math.max(this[_xfa_object.$extra].height, y + h);
+    this[_xfa_object.$extra].children.push(html);
+  }
+  [_xfa_object.$getAvailableSpace]() {
+    return this[_xfa_object.$extra].availableSpace;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)(this, "position");
+    const attributes = {
+      style,
+      id: this[_xfa_object.$uid],
+      class: ["xfaArea"]
+    };
+    if ((0, _html_utils.isPrintOnly)(this)) {
+      attributes.class.push("xfaPrintOnly");
+    }
+    if (this.name) {
+      attributes.xfaName = this.name;
+    }
+    const children = [];
+    this[_xfa_object.$extra] = {
+      children,
+      width: 0,
+      height: 0,
+      availableSpace
+    };
+    const result = this[_xfa_object.$childrenToHTML]({
+      filter: new Set(["area", "draw", "field", "exclGroup", "subform", "subformSet"]),
+      include: true
+    });
+    if (!result.success) {
+      if (result.isBreak()) {
+        return result;
+      }
+      delete this[_xfa_object.$extra];
+      return _utils.HTMLResult.FAILURE;
+    }
+    style.width = (0, _html_utils.measureToString)(this[_xfa_object.$extra].width);
+    style.height = (0, _html_utils.measureToString)(this[_xfa_object.$extra].height);
+    const html = {
+      name: "div",
+      attributes,
+      children
+    };
+    const bbox = [this.x, this.y, this[_xfa_object.$extra].width, this[_xfa_object.$extra].height];
+    delete this[_xfa_object.$extra];
+    return _utils.HTMLResult.success(html, bbox);
+  }
+}
+class Assist extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "assist", true);
+    this.id = attributes.id || "";
+    this.role = attributes.role || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.speak = null;
+    this.toolTip = null;
+  }
+  [_xfa_object.$toHTML]() {
+    return this.toolTip && this.toolTip[_xfa_object.$content] ? this.toolTip[_xfa_object.$content] : null;
+  }
+}
+class Barcode extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "barcode", true);
+    this.charEncoding = (0, _utils.getKeyword)({
+      data: attributes.charEncoding ? attributes.charEncoding.toLowerCase() : "",
+      defaultValue: "",
+      validate: k => ["utf-8", "big-five", "fontspecific", "gbk", "gb-18030", "gb-2312", "ksc-5601", "none", "shift-jis", "ucs-2", "utf-16"].includes(k) || k.match(/iso-8859-\d{2}/)
+    });
+    this.checksum = (0, _utils.getStringOption)(attributes.checksum, ["none", "1mod10", "1mod10_1mod11", "2mod10", "auto"]);
+    this.dataColumnCount = (0, _utils.getInteger)({
+      data: attributes.dataColumnCount,
+      defaultValue: -1,
+      validate: x => x >= 0
+    });
+    this.dataLength = (0, _utils.getInteger)({
+      data: attributes.dataLength,
+      defaultValue: -1,
+      validate: x => x >= 0
+    });
+    this.dataPrep = (0, _utils.getStringOption)(attributes.dataPrep, ["none", "flateCompress"]);
+    this.dataRowCount = (0, _utils.getInteger)({
+      data: attributes.dataRowCount,
+      defaultValue: -1,
+      validate: x => x >= 0
+    });
+    this.endChar = attributes.endChar || "";
+    this.errorCorrectionLevel = (0, _utils.getInteger)({
+      data: attributes.errorCorrectionLevel,
+      defaultValue: -1,
+      validate: x => x >= 0 && x <= 8
+    });
+    this.id = attributes.id || "";
+    this.moduleHeight = (0, _utils.getMeasurement)(attributes.moduleHeight, "5mm");
+    this.moduleWidth = (0, _utils.getMeasurement)(attributes.moduleWidth, "0.25mm");
+    this.printCheckDigit = (0, _utils.getInteger)({
+      data: attributes.printCheckDigit,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.rowColumnRatio = (0, _utils.getRatio)(attributes.rowColumnRatio);
+    this.startChar = attributes.startChar || "";
+    this.textLocation = (0, _utils.getStringOption)(attributes.textLocation, ["below", "above", "aboveEmbedded", "belowEmbedded", "none"]);
+    this.truncate = (0, _utils.getInteger)({
+      data: attributes.truncate,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.type = (0, _utils.getStringOption)(attributes.type ? attributes.type.toLowerCase() : "", ["aztec", "codabar", "code2of5industrial", "code2of5interleaved", "code2of5matrix", "code2of5standard", "code3of9", "code3of9extended", "code11", "code49", "code93", "code128", "code128a", "code128b", "code128c", "code128sscc", "datamatrix", "ean8", "ean8add2", "ean8add5", "ean13", "ean13add2", "ean13add5", "ean13pwcd", "fim", "logmars", "maxicode", "msi", "pdf417", "pdf417macro", "plessey", "postauscust2", "postauscust3", "postausreplypaid", "postausstandard", "postukrm4scc", "postusdpbc", "postusimb", "postusstandard", "postus5zip", "qrcode", "rfid", "rss14", "rss14expanded", "rss14limited", "rss14stacked", "rss14stackedomni", "rss14truncated", "telepen", "ucc128", "ucc128random", "ucc128sscc", "upca", "upcaadd2", "upcaadd5", "upcapwcd", "upce", "upceadd2", "upceadd5", "upcean2", "upcean5", "upsmaxicode"]);
+    this.upsMode = (0, _utils.getStringOption)(attributes.upsMode, ["usCarrier", "internationalCarrier", "secureSymbol", "standardSymbol"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.wideNarrowRatio = (0, _utils.getRatio)(attributes.wideNarrowRatio);
+    this.encrypt = null;
+    this.extras = null;
+  }
+}
+class Bind extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "bind", true);
+    this.match = (0, _utils.getStringOption)(attributes.match, ["once", "dataRef", "global", "none"]);
+    this.ref = attributes.ref || "";
+    this.picture = null;
+  }
+}
+class BindItems extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "bindItems");
+    this.connection = attributes.connection || "";
+    this.labelRef = attributes.labelRef || "";
+    this.ref = attributes.ref || "";
+    this.valueRef = attributes.valueRef || "";
+  }
+}
+exports.BindItems = BindItems;
+class Bookend extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "bookend");
+    this.id = attributes.id || "";
+    this.leader = attributes.leader || "";
+    this.trailer = attributes.trailer || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class BooleanElement extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "boolean");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] === 1 ? "1" : "0");
+  }
+}
+class Border extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "border", true);
+    this.break = (0, _utils.getStringOption)(attributes.break, ["close", "open"]);
+    this.hand = (0, _utils.getStringOption)(attributes.hand, ["even", "left", "right"]);
+    this.id = attributes.id || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.corner = new _xfa_object.XFAObjectArray(4);
+    this.edge = new _xfa_object.XFAObjectArray(4);
+    this.extras = null;
+    this.fill = null;
+    this.margin = null;
+  }
+  [_xfa_object.$getExtra]() {
+    if (!this[_xfa_object.$extra]) {
+      const edges = this.edge.children.slice();
+      if (edges.length < 4) {
+        const defaultEdge = edges.at(-1) || new Edge({});
+        for (let i = edges.length; i < 4; i++) {
+          edges.push(defaultEdge);
+        }
+      }
+      const widths = edges.map(edge => edge.thickness);
+      const insets = [0, 0, 0, 0];
+      if (this.margin) {
+        insets[0] = this.margin.topInset;
+        insets[1] = this.margin.rightInset;
+        insets[2] = this.margin.bottomInset;
+        insets[3] = this.margin.leftInset;
+      }
+      this[_xfa_object.$extra] = {
+        widths,
+        insets,
+        edges
+      };
+    }
+    return this[_xfa_object.$extra];
+  }
+  [_xfa_object.$toStyle]() {
+    const {
+      edges
+    } = this[_xfa_object.$getExtra]();
+    const edgeStyles = edges.map(node => {
+      const style = node[_xfa_object.$toStyle]();
+      style.color = style.color || "#000000";
+      return style;
+    });
+    const style = Object.create(null);
+    if (this.margin) {
+      Object.assign(style, this.margin[_xfa_object.$toStyle]());
+    }
+    if (this.fill && this.fill.presence === "visible") {
+      Object.assign(style, this.fill[_xfa_object.$toStyle]());
+    }
+    if (this.corner.children.some(node => node.radius !== 0)) {
+      const cornerStyles = this.corner.children.map(node => node[_xfa_object.$toStyle]());
+      if (cornerStyles.length === 2 || cornerStyles.length === 3) {
+        const last = cornerStyles.at(-1);
+        for (let i = cornerStyles.length; i < 4; i++) {
+          cornerStyles.push(last);
+        }
+      }
+      style.borderRadius = cornerStyles.map(s => s.radius).join(" ");
+    }
+    switch (this.presence) {
+      case "invisible":
+      case "hidden":
+        style.borderStyle = "";
+        break;
+      case "inactive":
+        style.borderStyle = "none";
+        break;
+      default:
+        style.borderStyle = edgeStyles.map(s => s.style).join(" ");
+        break;
+    }
+    style.borderWidth = edgeStyles.map(s => s.width).join(" ");
+    style.borderColor = edgeStyles.map(s => s.color).join(" ");
+    return style;
+  }
+}
+class Break extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "break", true);
+    this.after = (0, _utils.getStringOption)(attributes.after, ["auto", "contentArea", "pageArea", "pageEven", "pageOdd"]);
+    this.afterTarget = attributes.afterTarget || "";
+    this.before = (0, _utils.getStringOption)(attributes.before, ["auto", "contentArea", "pageArea", "pageEven", "pageOdd"]);
+    this.beforeTarget = attributes.beforeTarget || "";
+    this.bookendLeader = attributes.bookendLeader || "";
+    this.bookendTrailer = attributes.bookendTrailer || "";
+    this.id = attributes.id || "";
+    this.overflowLeader = attributes.overflowLeader || "";
+    this.overflowTarget = attributes.overflowTarget || "";
+    this.overflowTrailer = attributes.overflowTrailer || "";
+    this.startNew = (0, _utils.getInteger)({
+      data: attributes.startNew,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+}
+class BreakAfter extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "breakAfter", true);
+    this.id = attributes.id || "";
+    this.leader = attributes.leader || "";
+    this.startNew = (0, _utils.getInteger)({
+      data: attributes.startNew,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.target = attributes.target || "";
+    this.targetType = (0, _utils.getStringOption)(attributes.targetType, ["auto", "contentArea", "pageArea"]);
+    this.trailer = attributes.trailer || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.script = null;
+  }
+}
+class BreakBefore extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "breakBefore", true);
+    this.id = attributes.id || "";
+    this.leader = attributes.leader || "";
+    this.startNew = (0, _utils.getInteger)({
+      data: attributes.startNew,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.target = attributes.target || "";
+    this.targetType = (0, _utils.getStringOption)(attributes.targetType, ["auto", "contentArea", "pageArea"]);
+    this.trailer = attributes.trailer || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.script = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    this[_xfa_object.$extra] = {};
+    return _utils.HTMLResult.FAILURE;
+  }
+}
+class Button extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "button", true);
+    this.highlight = (0, _utils.getStringOption)(attributes.highlight, ["inverted", "none", "outline", "push"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const parent = this[_xfa_object.$getParent]();
+    const grandpa = parent[_xfa_object.$getParent]();
+    const htmlButton = {
+      name: "button",
+      attributes: {
+        id: this[_xfa_object.$uid],
+        class: ["xfaButton"],
+        style: {}
+      },
+      children: []
+    };
+    for (const event of grandpa.event.children) {
+      if (event.activity !== "click" || !event.script) {
+        continue;
+      }
+      const jsURL = (0, _core_utils.recoverJsURL)(event.script[_xfa_object.$content]);
+      if (!jsURL) {
+        continue;
+      }
+      const href = (0, _html_utils.fixURL)(jsURL.url);
+      if (!href) {
+        continue;
+      }
+      htmlButton.children.push({
+        name: "a",
+        attributes: {
+          id: "link" + this[_xfa_object.$uid],
+          href,
+          newWindow: jsURL.newWindow,
+          class: ["xfaLink"],
+          style: {}
+        },
+        children: []
+      });
+    }
+    return _utils.HTMLResult.success(htmlButton);
+  }
+}
+class Calculate extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "calculate", true);
+    this.id = attributes.id || "";
+    this.override = (0, _utils.getStringOption)(attributes.override, ["disabled", "error", "ignore", "warning"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.message = null;
+    this.script = null;
+  }
+}
+class Caption extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "caption", true);
+    this.id = attributes.id || "";
+    this.placement = (0, _utils.getStringOption)(attributes.placement, ["left", "bottom", "inline", "right", "top"]);
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.reserve = Math.ceil((0, _utils.getMeasurement)(attributes.reserve));
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.font = null;
+    this.margin = null;
+    this.para = null;
+    this.value = null;
+  }
+  [_xfa_object.$setValue](value) {
+    _setValue(this, value);
+  }
+  [_xfa_object.$getExtra](availableSpace) {
+    if (!this[_xfa_object.$extra]) {
+      let {
+        width,
+        height
+      } = availableSpace;
+      switch (this.placement) {
+        case "left":
+        case "right":
+        case "inline":
+          width = this.reserve <= 0 ? width : this.reserve;
+          break;
+        case "top":
+        case "bottom":
+          height = this.reserve <= 0 ? height : this.reserve;
+          break;
+      }
+      this[_xfa_object.$extra] = (0, _html_utils.layoutNode)(this, {
+        width,
+        height
+      });
+    }
+    return this[_xfa_object.$extra];
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    if (!this.value) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    this[_xfa_object.$pushPara]();
+    const value = this.value[_xfa_object.$toHTML](availableSpace).html;
+    if (!value) {
+      this[_xfa_object.$popPara]();
+      return _utils.HTMLResult.EMPTY;
+    }
+    const savedReserve = this.reserve;
+    if (this.reserve <= 0) {
+      const {
+        w,
+        h
+      } = this[_xfa_object.$getExtra](availableSpace);
+      switch (this.placement) {
+        case "left":
+        case "right":
+        case "inline":
+          this.reserve = w;
+          break;
+        case "top":
+        case "bottom":
+          this.reserve = h;
+          break;
+      }
+    }
+    const children = [];
+    if (typeof value === "string") {
+      children.push({
+        name: "#text",
+        value
+      });
+    } else {
+      children.push(value);
+    }
+    const style = (0, _html_utils.toStyle)(this, "font", "margin", "visibility");
+    switch (this.placement) {
+      case "left":
+      case "right":
+        if (this.reserve > 0) {
+          style.width = (0, _html_utils.measureToString)(this.reserve);
+        }
+        break;
+      case "top":
+      case "bottom":
+        if (this.reserve > 0) {
+          style.height = (0, _html_utils.measureToString)(this.reserve);
+        }
+        break;
+    }
+    (0, _html_utils.setPara)(this, null, value);
+    this[_xfa_object.$popPara]();
+    this.reserve = savedReserve;
+    return _utils.HTMLResult.success({
+      name: "div",
+      attributes: {
+        style,
+        class: ["xfaCaption"]
+      },
+      children
+    });
+  }
+}
+class Certificate extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "certificate");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Certificates extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "certificates", true);
+    this.credentialServerPolicy = (0, _utils.getStringOption)(attributes.credentialServerPolicy, ["optional", "required"]);
+    this.id = attributes.id || "";
+    this.url = attributes.url || "";
+    this.urlPolicy = attributes.urlPolicy || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.encryption = null;
+    this.issuers = null;
+    this.keyUsage = null;
+    this.oids = null;
+    this.signing = null;
+    this.subjectDNs = null;
+  }
+}
+class CheckButton extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "checkButton", true);
+    this.id = attributes.id || "";
+    this.mark = (0, _utils.getStringOption)(attributes.mark, ["default", "check", "circle", "cross", "diamond", "square", "star"]);
+    this.shape = (0, _utils.getStringOption)(attributes.shape, ["square", "round"]);
+    this.size = (0, _utils.getMeasurement)(attributes.size, "10pt");
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)("margin");
+    const size = (0, _html_utils.measureToString)(this.size);
+    style.width = style.height = size;
+    let type;
+    let className;
+    let groupId;
+    const field = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    const items = field.items.children.length && field.items.children[0][_xfa_object.$toHTML]().html || [];
+    const exportedValue = {
+      on: (items[0] !== undefined ? items[0] : "on").toString(),
+      off: (items[1] !== undefined ? items[1] : "off").toString()
+    };
+    const value = field.value && field.value[_xfa_object.$text]() || "off";
+    const checked = value === exportedValue.on || undefined;
+    const container = field[_xfa_object.$getSubformParent]();
+    const fieldId = field[_xfa_object.$uid];
+    let dataId;
+    if (container instanceof ExclGroup) {
+      groupId = container[_xfa_object.$uid];
+      type = "radio";
+      className = "xfaRadio";
+      dataId = container[_xfa_object.$data] && container[_xfa_object.$data][_xfa_object.$uid] || container[_xfa_object.$uid];
+    } else {
+      type = "checkbox";
+      className = "xfaCheckbox";
+      dataId = field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid];
+    }
+    const input = {
+      name: "input",
+      attributes: {
+        class: [className],
+        style,
+        fieldId,
+        dataId,
+        type,
+        checked,
+        xfaOn: exportedValue.on,
+        xfaOff: exportedValue.off,
+        "aria-label": ariaLabel(field),
+        "aria-required": false
+      }
+    };
+    if (groupId) {
+      input.attributes.name = groupId;
+    }
+    if (isRequired(field)) {
+      input.attributes["aria-required"] = true;
+      input.attributes.required = true;
+    }
+    return _utils.HTMLResult.success({
+      name: "label",
+      attributes: {
+        class: ["xfaLabel"]
+      },
+      children: [input]
+    });
+  }
+}
+class ChoiceList extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "choiceList", true);
+    this.commitOn = (0, _utils.getStringOption)(attributes.commitOn, ["select", "exit"]);
+    this.id = attributes.id || "";
+    this.open = (0, _utils.getStringOption)(attributes.open, ["userControl", "always", "multiSelect", "onEntry"]);
+    this.textEntry = (0, _utils.getInteger)({
+      data: attributes.textEntry,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)(this, "border", "margin");
+    const ui = this[_xfa_object.$getParent]();
+    const field = ui[_xfa_object.$getParent]();
+    const fontSize = field.font && field.font.size || 10;
+    const optionStyle = {
+      fontSize: `calc(${fontSize}px * var(--scale-factor))`
+    };
+    const children = [];
+    if (field.items.children.length > 0) {
+      const items = field.items;
+      let displayedIndex = 0;
+      let saveIndex = 0;
+      if (items.children.length === 2) {
+        displayedIndex = items.children[0].save;
+        saveIndex = 1 - displayedIndex;
+      }
+      const displayed = items.children[displayedIndex][_xfa_object.$toHTML]().html;
+      const values = items.children[saveIndex][_xfa_object.$toHTML]().html;
+      let selected = false;
+      const value = field.value && field.value[_xfa_object.$text]() || "";
+      for (let i = 0, ii = displayed.length; i < ii; i++) {
+        const option = {
+          name: "option",
+          attributes: {
+            value: values[i] || displayed[i],
+            style: optionStyle
+          },
+          value: displayed[i]
+        };
+        if (values[i] === value) {
+          option.attributes.selected = selected = true;
+        }
+        children.push(option);
+      }
+      if (!selected) {
+        children.splice(0, 0, {
+          name: "option",
+          attributes: {
+            hidden: true,
+            selected: true
+          },
+          value: " "
+        });
+      }
+    }
+    const selectAttributes = {
+      class: ["xfaSelect"],
+      fieldId: field[_xfa_object.$uid],
+      dataId: field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid],
+      style,
+      "aria-label": ariaLabel(field),
+      "aria-required": false
+    };
+    if (isRequired(field)) {
+      selectAttributes["aria-required"] = true;
+      selectAttributes.required = true;
+    }
+    if (this.open === "multiSelect") {
+      selectAttributes.multiple = true;
+    }
+    return _utils.HTMLResult.success({
+      name: "label",
+      attributes: {
+        class: ["xfaLabel"]
+      },
+      children: [{
+        name: "select",
+        children,
+        attributes: selectAttributes
+      }]
+    });
+  }
+}
+class Color extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "color", true);
+    this.cSpace = (0, _utils.getStringOption)(attributes.cSpace, ["SRGB"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.value = attributes.value ? (0, _utils.getColor)(attributes.value) : "";
+    this.extras = null;
+  }
+  [_xfa_object.$hasSettableValue]() {
+    return false;
+  }
+  [_xfa_object.$toStyle]() {
+    return this.value ? _util.Util.makeHexColor(this.value.r, this.value.g, this.value.b) : null;
+  }
+}
+class Comb extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "comb");
+    this.id = attributes.id || "";
+    this.numberOfCells = (0, _utils.getInteger)({
+      data: attributes.numberOfCells,
+      defaultValue: 0,
+      validate: x => x >= 0
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Connect extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "connect", true);
+    this.connection = attributes.connection || "";
+    this.id = attributes.id || "";
+    this.ref = attributes.ref || "";
+    this.usage = (0, _utils.getStringOption)(attributes.usage, ["exportAndImport", "exportOnly", "importOnly"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.picture = null;
+  }
+}
+class ContentArea extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "contentArea", true);
+    this.h = (0, _utils.getMeasurement)(attributes.h);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.w = (0, _utils.getMeasurement)(attributes.w);
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.desc = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const left = (0, _html_utils.measureToString)(this.x);
+    const top = (0, _html_utils.measureToString)(this.y);
+    const style = {
+      left,
+      top,
+      width: (0, _html_utils.measureToString)(this.w),
+      height: (0, _html_utils.measureToString)(this.h)
+    };
+    const classNames = ["xfaContentarea"];
+    if ((0, _html_utils.isPrintOnly)(this)) {
+      classNames.push("xfaPrintOnly");
+    }
+    return _utils.HTMLResult.success({
+      name: "div",
+      children: [],
+      attributes: {
+        style,
+        class: classNames,
+        id: this[_xfa_object.$uid]
+      }
+    });
+  }
+}
+class Corner extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "corner", true);
+    this.id = attributes.id || "";
+    this.inverted = (0, _utils.getInteger)({
+      data: attributes.inverted,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.join = (0, _utils.getStringOption)(attributes.join, ["square", "round"]);
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.radius = (0, _utils.getMeasurement)(attributes.radius);
+    this.stroke = (0, _utils.getStringOption)(attributes.stroke, ["solid", "dashDot", "dashDotDot", "dashed", "dotted", "embossed", "etched", "lowered", "raised"]);
+    this.thickness = (0, _utils.getMeasurement)(attributes.thickness, "0.5pt");
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle]() {
+    const style = (0, _html_utils.toStyle)(this, "visibility");
+    style.radius = (0, _html_utils.measureToString)(this.join === "square" ? 0 : this.radius);
+    return style;
+  }
+}
+class DateElement extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "date");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const date = this[_xfa_object.$content].trim();
+    this[_xfa_object.$content] = date ? new Date(date) : null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class DateTime extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "dateTime");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const date = this[_xfa_object.$content].trim();
+    this[_xfa_object.$content] = date ? new Date(date) : null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class DateTimeEdit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "dateTimeEdit", true);
+    this.hScrollPolicy = (0, _utils.getStringOption)(attributes.hScrollPolicy, ["auto", "off", "on"]);
+    this.id = attributes.id || "";
+    this.picker = (0, _utils.getStringOption)(attributes.picker, ["host", "none"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.comb = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)(this, "border", "font", "margin");
+    const field = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    const html = {
+      name: "input",
+      attributes: {
+        type: "text",
+        fieldId: field[_xfa_object.$uid],
+        dataId: field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid],
+        class: ["xfaTextfield"],
+        style,
+        "aria-label": ariaLabel(field),
+        "aria-required": false
+      }
+    };
+    if (isRequired(field)) {
+      html.attributes["aria-required"] = true;
+      html.attributes.required = true;
+    }
+    return _utils.HTMLResult.success({
+      name: "label",
+      attributes: {
+        class: ["xfaLabel"]
+      },
+      children: [html]
+    });
+  }
+}
+class Decimal extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "decimal");
+    this.fracDigits = (0, _utils.getInteger)({
+      data: attributes.fracDigits,
+      defaultValue: 2,
+      validate: x => true
+    });
+    this.id = attributes.id || "";
+    this.leadDigits = (0, _utils.getInteger)({
+      data: attributes.leadDigits,
+      defaultValue: -1,
+      validate: x => true
+    });
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const number = parseFloat(this[_xfa_object.$content].trim());
+    this[_xfa_object.$content] = isNaN(number) ? null : number;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] !== null ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class DefaultUi extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "defaultUi", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+}
+class Desc extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "desc", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+  }
+}
+class DigestMethod extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "digestMethod", ["", "SHA1", "SHA256", "SHA512", "RIPEMD160"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class DigestMethods extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "digestMethods", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.digestMethod = new _xfa_object.XFAObjectArray();
+  }
+}
+class Draw extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "draw", true);
+    this.anchorType = (0, _utils.getStringOption)(attributes.anchorType, ["topLeft", "bottomCenter", "bottomLeft", "bottomRight", "middleCenter", "middleLeft", "middleRight", "topCenter", "topRight"]);
+    this.colSpan = (0, _utils.getInteger)({
+      data: attributes.colSpan,
+      defaultValue: 1,
+      validate: n => n >= 1 || n === -1
+    });
+    this.h = attributes.h ? (0, _utils.getMeasurement)(attributes.h) : "";
+    this.hAlign = (0, _utils.getStringOption)(attributes.hAlign, ["left", "center", "justify", "justifyAll", "radix", "right"]);
+    this.id = attributes.id || "";
+    this.locale = attributes.locale || "";
+    this.maxH = (0, _utils.getMeasurement)(attributes.maxH, "0pt");
+    this.maxW = (0, _utils.getMeasurement)(attributes.maxW, "0pt");
+    this.minH = (0, _utils.getMeasurement)(attributes.minH, "0pt");
+    this.minW = (0, _utils.getMeasurement)(attributes.minW, "0pt");
+    this.name = attributes.name || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.rotate = (0, _utils.getInteger)({
+      data: attributes.rotate,
+      defaultValue: 0,
+      validate: x => x % 90 === 0
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.w = attributes.w ? (0, _utils.getMeasurement)(attributes.w) : "";
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.assist = null;
+    this.border = null;
+    this.caption = null;
+    this.desc = null;
+    this.extras = null;
+    this.font = null;
+    this.keep = null;
+    this.margin = null;
+    this.para = null;
+    this.traversal = null;
+    this.ui = null;
+    this.value = null;
+    this.setProperty = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$setValue](value) {
+    _setValue(this, value);
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    setTabIndex(this);
+    if (this.presence === "hidden" || this.presence === "inactive") {
+      return _utils.HTMLResult.EMPTY;
+    }
+    (0, _html_utils.fixDimensions)(this);
+    this[_xfa_object.$pushPara]();
+    const savedW = this.w;
+    const savedH = this.h;
+    const {
+      w,
+      h,
+      isBroken
+    } = (0, _html_utils.layoutNode)(this, availableSpace);
+    if (w && this.w === "") {
+      if (isBroken && this[_xfa_object.$getSubformParent]()[_xfa_object.$isThereMoreWidth]()) {
+        this[_xfa_object.$popPara]();
+        return _utils.HTMLResult.FAILURE;
+      }
+      this.w = w;
+    }
+    if (h && this.h === "") {
+      this.h = h;
+    }
+    setFirstUnsplittable(this);
+    if (!(0, _layout.checkDimensions)(this, availableSpace)) {
+      this.w = savedW;
+      this.h = savedH;
+      this[_xfa_object.$popPara]();
+      return _utils.HTMLResult.FAILURE;
+    }
+    unsetFirstUnsplittable(this);
+    const style = (0, _html_utils.toStyle)(this, "font", "hAlign", "dimensions", "position", "presence", "rotate", "anchorType", "border", "margin");
+    (0, _html_utils.setMinMaxDimensions)(this, style);
+    if (style.margin) {
+      style.padding = style.margin;
+      delete style.margin;
+    }
+    const classNames = ["xfaDraw"];
+    if (this.font) {
+      classNames.push("xfaFont");
+    }
+    if ((0, _html_utils.isPrintOnly)(this)) {
+      classNames.push("xfaPrintOnly");
+    }
+    const attributes = {
+      style,
+      id: this[_xfa_object.$uid],
+      class: classNames
+    };
+    if (this.name) {
+      attributes.xfaName = this.name;
+    }
+    const html = {
+      name: "div",
+      attributes,
+      children: []
+    };
+    applyAssist(this, attributes);
+    const bbox = (0, _html_utils.computeBbox)(this, html, availableSpace);
+    const value = this.value ? this.value[_xfa_object.$toHTML](availableSpace).html : null;
+    if (value === null) {
+      this.w = savedW;
+      this.h = savedH;
+      this[_xfa_object.$popPara]();
+      return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+    }
+    html.children.push(value);
+    (0, _html_utils.setPara)(this, style, value);
+    this.w = savedW;
+    this.h = savedH;
+    this[_xfa_object.$popPara]();
+    return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+  }
+}
+class Edge extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "edge", true);
+    this.cap = (0, _utils.getStringOption)(attributes.cap, ["square", "butt", "round"]);
+    this.id = attributes.id || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.stroke = (0, _utils.getStringOption)(attributes.stroke, ["solid", "dashDot", "dashDotDot", "dashed", "dotted", "embossed", "etched", "lowered", "raised"]);
+    this.thickness = (0, _utils.getMeasurement)(attributes.thickness, "0.5pt");
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle]() {
+    const style = (0, _html_utils.toStyle)(this, "visibility");
+    Object.assign(style, {
+      linecap: this.cap,
+      width: (0, _html_utils.measureToString)(this.thickness),
+      color: this.color ? this.color[_xfa_object.$toStyle]() : "#000000",
+      style: ""
+    });
+    if (this.presence !== "visible") {
+      style.style = "none";
+    } else {
+      switch (this.stroke) {
+        case "solid":
+          style.style = "solid";
+          break;
+        case "dashDot":
+          style.style = "dashed";
+          break;
+        case "dashDotDot":
+          style.style = "dashed";
+          break;
+        case "dashed":
+          style.style = "dashed";
+          break;
+        case "dotted":
+          style.style = "dotted";
+          break;
+        case "embossed":
+          style.style = "ridge";
+          break;
+        case "etched":
+          style.style = "groove";
+          break;
+        case "lowered":
+          style.style = "inset";
+          break;
+        case "raised":
+          style.style = "outset";
+          break;
+      }
+    }
+    return style;
+  }
+}
+class Encoding extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encoding", ["adbe.x509.rsa_sha1", "adbe.pkcs7.detached", "adbe.pkcs7.sha1"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Encodings extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encodings", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.encoding = new _xfa_object.XFAObjectArray();
+  }
+}
+class Encrypt extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encrypt", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.certificate = null;
+  }
+}
+class EncryptData extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encryptData", true);
+    this.id = attributes.id || "";
+    this.operation = (0, _utils.getStringOption)(attributes.operation, ["encrypt", "decrypt"]);
+    this.target = attributes.target || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.filter = null;
+    this.manifest = null;
+  }
+}
+class Encryption extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encryption", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.certificate = new _xfa_object.XFAObjectArray();
+  }
+}
+class EncryptionMethod extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encryptionMethod", ["", "AES256-CBC", "TRIPLEDES-CBC", "AES128-CBC", "AES192-CBC"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class EncryptionMethods extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "encryptionMethods", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.encryptionMethod = new _xfa_object.XFAObjectArray();
+  }
+}
+class Event extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "event", true);
+    this.activity = (0, _utils.getStringOption)(attributes.activity, ["click", "change", "docClose", "docReady", "enter", "exit", "full", "indexChange", "initialize", "mouseDown", "mouseEnter", "mouseExit", "mouseUp", "postExecute", "postOpen", "postPrint", "postSave", "postSign", "postSubmit", "preExecute", "preOpen", "prePrint", "preSave", "preSign", "preSubmit", "ready", "validationState"]);
+    this.id = attributes.id || "";
+    this.listen = (0, _utils.getStringOption)(attributes.listen, ["refOnly", "refAndDescendents"]);
+    this.name = attributes.name || "";
+    this.ref = attributes.ref || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.encryptData = null;
+    this.execute = null;
+    this.script = null;
+    this.signData = null;
+    this.submit = null;
+  }
+}
+class ExData extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "exData");
+    this.contentType = attributes.contentType || "";
+    this.href = attributes.href || "";
+    this.id = attributes.id || "";
+    this.maxLength = (0, _utils.getInteger)({
+      data: attributes.maxLength,
+      defaultValue: -1,
+      validate: x => x >= -1
+    });
+    this.name = attributes.name || "";
+    this.rid = attributes.rid || "";
+    this.transferEncoding = (0, _utils.getStringOption)(attributes.transferEncoding, ["none", "base64", "package"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$isCDATAXml]() {
+    return this.contentType === "text/html";
+  }
+  [_xfa_object.$onChild](child) {
+    if (this.contentType === "text/html" && child[_xfa_object.$namespaceId] === _namespaces.NamespaceIds.xhtml.id) {
+      this[_xfa_object.$content] = child;
+      return true;
+    }
+    if (this.contentType === "text/xml") {
+      this[_xfa_object.$content] = child;
+      return true;
+    }
+    return false;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    if (this.contentType !== "text/html" || !this[_xfa_object.$content]) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    return this[_xfa_object.$content][_xfa_object.$toHTML](availableSpace);
+  }
+}
+class ExObject extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "exObject", true);
+    this.archive = attributes.archive || "";
+    this.classId = attributes.classId || "";
+    this.codeBase = attributes.codeBase || "";
+    this.codeType = attributes.codeType || "";
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.exObject = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+  }
+}
+class ExclGroup extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "exclGroup", true);
+    this.access = (0, _utils.getStringOption)(attributes.access, ["open", "nonInteractive", "protected", "readOnly"]);
+    this.accessKey = attributes.accessKey || "";
+    this.anchorType = (0, _utils.getStringOption)(attributes.anchorType, ["topLeft", "bottomCenter", "bottomLeft", "bottomRight", "middleCenter", "middleLeft", "middleRight", "topCenter", "topRight"]);
+    this.colSpan = (0, _utils.getInteger)({
+      data: attributes.colSpan,
+      defaultValue: 1,
+      validate: n => n >= 1 || n === -1
+    });
+    this.h = attributes.h ? (0, _utils.getMeasurement)(attributes.h) : "";
+    this.hAlign = (0, _utils.getStringOption)(attributes.hAlign, ["left", "center", "justify", "justifyAll", "radix", "right"]);
+    this.id = attributes.id || "";
+    this.layout = (0, _utils.getStringOption)(attributes.layout, ["position", "lr-tb", "rl-row", "rl-tb", "row", "table", "tb"]);
+    this.maxH = (0, _utils.getMeasurement)(attributes.maxH, "0pt");
+    this.maxW = (0, _utils.getMeasurement)(attributes.maxW, "0pt");
+    this.minH = (0, _utils.getMeasurement)(attributes.minH, "0pt");
+    this.minW = (0, _utils.getMeasurement)(attributes.minW, "0pt");
+    this.name = attributes.name || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.w = attributes.w ? (0, _utils.getMeasurement)(attributes.w) : "";
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.assist = null;
+    this.bind = null;
+    this.border = null;
+    this.calculate = null;
+    this.caption = null;
+    this.desc = null;
+    this.extras = null;
+    this.margin = null;
+    this.para = null;
+    this.traversal = null;
+    this.validate = null;
+    this.connect = new _xfa_object.XFAObjectArray();
+    this.event = new _xfa_object.XFAObjectArray();
+    this.field = new _xfa_object.XFAObjectArray();
+    this.setProperty = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$isBindable]() {
+    return true;
+  }
+  [_xfa_object.$hasSettableValue]() {
+    return true;
+  }
+  [_xfa_object.$setValue](value) {
+    for (const field of this.field.children) {
+      if (!field.value) {
+        const nodeValue = new Value({});
+        field[_xfa_object.$appendChild](nodeValue);
+        field.value = nodeValue;
+      }
+      field.value[_xfa_object.$setValue](value);
+    }
+  }
+  [_xfa_object.$isThereMoreWidth]() {
+    return this.layout.endsWith("-tb") && this[_xfa_object.$extra].attempt === 0 && this[_xfa_object.$extra].numberInLine > 0 || this[_xfa_object.$getParent]()[_xfa_object.$isThereMoreWidth]();
+  }
+  [_xfa_object.$isSplittable]() {
+    const parent = this[_xfa_object.$getSubformParent]();
+    if (!parent[_xfa_object.$isSplittable]()) {
+      return false;
+    }
+    if (this[_xfa_object.$extra]._isSplittable !== undefined) {
+      return this[_xfa_object.$extra]._isSplittable;
+    }
+    if (this.layout === "position" || this.layout.includes("row")) {
+      this[_xfa_object.$extra]._isSplittable = false;
+      return false;
+    }
+    if (parent.layout && parent.layout.endsWith("-tb") && parent[_xfa_object.$extra].numberInLine !== 0) {
+      return false;
+    }
+    this[_xfa_object.$extra]._isSplittable = true;
+    return true;
+  }
+  [_xfa_object.$flushHTML]() {
+    return (0, _layout.flushHTML)(this);
+  }
+  [_xfa_object.$addHTML](html, bbox) {
+    (0, _layout.addHTML)(this, html, bbox);
+  }
+  [_xfa_object.$getAvailableSpace]() {
+    return (0, _layout.getAvailableSpace)(this);
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    setTabIndex(this);
+    if (this.presence === "hidden" || this.presence === "inactive" || this.h === 0 || this.w === 0) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    (0, _html_utils.fixDimensions)(this);
+    const children = [];
+    const attributes = {
+      id: this[_xfa_object.$uid],
+      class: []
+    };
+    (0, _html_utils.setAccess)(this, attributes.class);
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = Object.create(null);
+    }
+    Object.assign(this[_xfa_object.$extra], {
+      children,
+      attributes,
+      attempt: 0,
+      line: null,
+      numberInLine: 0,
+      availableSpace: {
+        width: Math.min(this.w || Infinity, availableSpace.width),
+        height: Math.min(this.h || Infinity, availableSpace.height)
+      },
+      width: 0,
+      height: 0,
+      prevHeight: 0,
+      currentWidth: 0
+    });
+    const isSplittable = this[_xfa_object.$isSplittable]();
+    if (!isSplittable) {
+      setFirstUnsplittable(this);
+    }
+    if (!(0, _layout.checkDimensions)(this, availableSpace)) {
+      return _utils.HTMLResult.FAILURE;
+    }
+    const filter = new Set(["field"]);
+    if (this.layout.includes("row")) {
+      const columnWidths = this[_xfa_object.$getSubformParent]().columnWidths;
+      if (Array.isArray(columnWidths) && columnWidths.length > 0) {
+        this[_xfa_object.$extra].columnWidths = columnWidths;
+        this[_xfa_object.$extra].currentColumn = 0;
+      }
+    }
+    const style = (0, _html_utils.toStyle)(this, "anchorType", "dimensions", "position", "presence", "border", "margin", "hAlign");
+    const classNames = ["xfaExclgroup"];
+    const cl = (0, _html_utils.layoutClass)(this);
+    if (cl) {
+      classNames.push(cl);
+    }
+    if ((0, _html_utils.isPrintOnly)(this)) {
+      classNames.push("xfaPrintOnly");
+    }
+    attributes.style = style;
+    attributes.class = classNames;
+    if (this.name) {
+      attributes.xfaName = this.name;
+    }
+    this[_xfa_object.$pushPara]();
+    const isLrTb = this.layout === "lr-tb" || this.layout === "rl-tb";
+    const maxRun = isLrTb ? MAX_ATTEMPTS_FOR_LRTB_LAYOUT : 1;
+    for (; this[_xfa_object.$extra].attempt < maxRun; this[_xfa_object.$extra].attempt++) {
+      if (isLrTb && this[_xfa_object.$extra].attempt === MAX_ATTEMPTS_FOR_LRTB_LAYOUT - 1) {
+        this[_xfa_object.$extra].numberInLine = 0;
+      }
+      const result = this[_xfa_object.$childrenToHTML]({
+        filter,
+        include: true
+      });
+      if (result.success) {
+        break;
+      }
+      if (result.isBreak()) {
+        this[_xfa_object.$popPara]();
+        return result;
+      }
+      if (isLrTb && this[_xfa_object.$extra].attempt === 0 && this[_xfa_object.$extra].numberInLine === 0 && !this[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+        this[_xfa_object.$extra].attempt = maxRun;
+        break;
+      }
+    }
+    this[_xfa_object.$popPara]();
+    if (!isSplittable) {
+      unsetFirstUnsplittable(this);
+    }
+    if (this[_xfa_object.$extra].attempt === maxRun) {
+      if (!isSplittable) {
+        delete this[_xfa_object.$extra];
+      }
+      return _utils.HTMLResult.FAILURE;
+    }
+    let marginH = 0;
+    let marginV = 0;
+    if (this.margin) {
+      marginH = this.margin.leftInset + this.margin.rightInset;
+      marginV = this.margin.topInset + this.margin.bottomInset;
+    }
+    const width = Math.max(this[_xfa_object.$extra].width + marginH, this.w || 0);
+    const height = Math.max(this[_xfa_object.$extra].height + marginV, this.h || 0);
+    const bbox = [this.x, this.y, width, height];
+    if (this.w === "") {
+      style.width = (0, _html_utils.measureToString)(width);
+    }
+    if (this.h === "") {
+      style.height = (0, _html_utils.measureToString)(height);
+    }
+    const html = {
+      name: "div",
+      attributes,
+      children
+    };
+    applyAssist(this, attributes);
+    delete this[_xfa_object.$extra];
+    return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+  }
+}
+class Execute extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "execute");
+    this.connection = attributes.connection || "";
+    this.executeType = (0, _utils.getStringOption)(attributes.executeType, ["import", "remerge"]);
+    this.id = attributes.id || "";
+    this.runAt = (0, _utils.getStringOption)(attributes.runAt, ["client", "both", "server"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Extras extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "extras", true);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.extras = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+  }
+}
+class Field extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "field", true);
+    this.access = (0, _utils.getStringOption)(attributes.access, ["open", "nonInteractive", "protected", "readOnly"]);
+    this.accessKey = attributes.accessKey || "";
+    this.anchorType = (0, _utils.getStringOption)(attributes.anchorType, ["topLeft", "bottomCenter", "bottomLeft", "bottomRight", "middleCenter", "middleLeft", "middleRight", "topCenter", "topRight"]);
+    this.colSpan = (0, _utils.getInteger)({
+      data: attributes.colSpan,
+      defaultValue: 1,
+      validate: n => n >= 1 || n === -1
+    });
+    this.h = attributes.h ? (0, _utils.getMeasurement)(attributes.h) : "";
+    this.hAlign = (0, _utils.getStringOption)(attributes.hAlign, ["left", "center", "justify", "justifyAll", "radix", "right"]);
+    this.id = attributes.id || "";
+    this.locale = attributes.locale || "";
+    this.maxH = (0, _utils.getMeasurement)(attributes.maxH, "0pt");
+    this.maxW = (0, _utils.getMeasurement)(attributes.maxW, "0pt");
+    this.minH = (0, _utils.getMeasurement)(attributes.minH, "0pt");
+    this.minW = (0, _utils.getMeasurement)(attributes.minW, "0pt");
+    this.name = attributes.name || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.rotate = (0, _utils.getInteger)({
+      data: attributes.rotate,
+      defaultValue: 0,
+      validate: x => x % 90 === 0
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.w = attributes.w ? (0, _utils.getMeasurement)(attributes.w) : "";
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.assist = null;
+    this.bind = null;
+    this.border = null;
+    this.calculate = null;
+    this.caption = null;
+    this.desc = null;
+    this.extras = null;
+    this.font = null;
+    this.format = null;
+    this.items = new _xfa_object.XFAObjectArray(2);
+    this.keep = null;
+    this.margin = null;
+    this.para = null;
+    this.traversal = null;
+    this.ui = null;
+    this.validate = null;
+    this.value = null;
+    this.bindItems = new _xfa_object.XFAObjectArray();
+    this.connect = new _xfa_object.XFAObjectArray();
+    this.event = new _xfa_object.XFAObjectArray();
+    this.setProperty = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$isBindable]() {
+    return true;
+  }
+  [_xfa_object.$setValue](value) {
+    _setValue(this, value);
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    setTabIndex(this);
+    if (!this.ui) {
+      this.ui = new Ui({});
+      this.ui[_xfa_object.$globalData] = this[_xfa_object.$globalData];
+      this[_xfa_object.$appendChild](this.ui);
+      let node;
+      switch (this.items.children.length) {
+        case 0:
+          node = new TextEdit({});
+          this.ui.textEdit = node;
+          break;
+        case 1:
+          node = new CheckButton({});
+          this.ui.checkButton = node;
+          break;
+        case 2:
+          node = new ChoiceList({});
+          this.ui.choiceList = node;
+          break;
+      }
+      this.ui[_xfa_object.$appendChild](node);
+    }
+    if (!this.ui || this.presence === "hidden" || this.presence === "inactive" || this.h === 0 || this.w === 0) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    if (this.caption) {
+      delete this.caption[_xfa_object.$extra];
+    }
+    this[_xfa_object.$pushPara]();
+    const caption = this.caption ? this.caption[_xfa_object.$toHTML](availableSpace).html : null;
+    const savedW = this.w;
+    const savedH = this.h;
+    let marginH = 0;
+    let marginV = 0;
+    if (this.margin) {
+      marginH = this.margin.leftInset + this.margin.rightInset;
+      marginV = this.margin.topInset + this.margin.bottomInset;
+    }
+    let borderDims = null;
+    if (this.w === "" || this.h === "") {
+      let width = null;
+      let height = null;
+      let uiW = 0;
+      let uiH = 0;
+      if (this.ui.checkButton) {
+        uiW = uiH = this.ui.checkButton.size;
+      } else {
+        const {
+          w,
+          h
+        } = (0, _html_utils.layoutNode)(this, availableSpace);
+        if (w !== null) {
+          uiW = w;
+          uiH = h;
+        } else {
+          uiH = (0, _fonts.getMetrics)(this.font, true).lineNoGap;
+        }
+      }
+      borderDims = getBorderDims(this.ui[_xfa_object.$getExtra]());
+      uiW += borderDims.w;
+      uiH += borderDims.h;
+      if (this.caption) {
+        const {
+          w,
+          h,
+          isBroken
+        } = this.caption[_xfa_object.$getExtra](availableSpace);
+        if (isBroken && this[_xfa_object.$getSubformParent]()[_xfa_object.$isThereMoreWidth]()) {
+          this[_xfa_object.$popPara]();
+          return _utils.HTMLResult.FAILURE;
+        }
+        width = w;
+        height = h;
+        switch (this.caption.placement) {
+          case "left":
+          case "right":
+          case "inline":
+            width += uiW;
+            break;
+          case "top":
+          case "bottom":
+            height += uiH;
+            break;
+        }
+      } else {
+        width = uiW;
+        height = uiH;
+      }
+      if (width && this.w === "") {
+        width += marginH;
+        this.w = Math.min(this.maxW <= 0 ? Infinity : this.maxW, this.minW + 1 < width ? width : this.minW);
+      }
+      if (height && this.h === "") {
+        height += marginV;
+        this.h = Math.min(this.maxH <= 0 ? Infinity : this.maxH, this.minH + 1 < height ? height : this.minH);
+      }
+    }
+    this[_xfa_object.$popPara]();
+    (0, _html_utils.fixDimensions)(this);
+    setFirstUnsplittable(this);
+    if (!(0, _layout.checkDimensions)(this, availableSpace)) {
+      this.w = savedW;
+      this.h = savedH;
+      this[_xfa_object.$popPara]();
+      return _utils.HTMLResult.FAILURE;
+    }
+    unsetFirstUnsplittable(this);
+    const style = (0, _html_utils.toStyle)(this, "font", "dimensions", "position", "rotate", "anchorType", "presence", "margin", "hAlign");
+    (0, _html_utils.setMinMaxDimensions)(this, style);
+    const classNames = ["xfaField"];
+    if (this.font) {
+      classNames.push("xfaFont");
+    }
+    if ((0, _html_utils.isPrintOnly)(this)) {
+      classNames.push("xfaPrintOnly");
+    }
+    const attributes = {
+      style,
+      id: this[_xfa_object.$uid],
+      class: classNames
+    };
+    if (style.margin) {
+      style.padding = style.margin;
+      delete style.margin;
+    }
+    (0, _html_utils.setAccess)(this, classNames);
+    if (this.name) {
+      attributes.xfaName = this.name;
+    }
+    const children = [];
+    const html = {
+      name: "div",
+      attributes,
+      children
+    };
+    applyAssist(this, attributes);
+    const borderStyle = this.border ? this.border[_xfa_object.$toStyle]() : null;
+    const bbox = (0, _html_utils.computeBbox)(this, html, availableSpace);
+    const ui = this.ui[_xfa_object.$toHTML]().html;
+    if (!ui) {
+      Object.assign(style, borderStyle);
+      return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+    }
+    if (this[_xfa_object.$tabIndex]) {
+      if (ui.children && ui.children[0]) {
+        ui.children[0].attributes.tabindex = this[_xfa_object.$tabIndex];
+      } else {
+        ui.attributes.tabindex = this[_xfa_object.$tabIndex];
+      }
+    }
+    if (!ui.attributes.style) {
+      ui.attributes.style = Object.create(null);
+    }
+    let aElement = null;
+    if (this.ui.button) {
+      if (ui.children.length === 1) {
+        [aElement] = ui.children.splice(0, 1);
+      }
+      Object.assign(ui.attributes.style, borderStyle);
+    } else {
+      Object.assign(style, borderStyle);
+    }
+    children.push(ui);
+    if (this.value) {
+      if (this.ui.imageEdit) {
+        ui.children.push(this.value[_xfa_object.$toHTML]().html);
+      } else if (!this.ui.button) {
+        let value = "";
+        if (this.value.exData) {
+          value = this.value.exData[_xfa_object.$text]();
+        } else if (this.value.text) {
+          value = this.value.text[_xfa_object.$getExtra]();
+        } else {
+          const htmlValue = this.value[_xfa_object.$toHTML]().html;
+          if (htmlValue !== null) {
+            value = htmlValue.children[0].value;
+          }
+        }
+        if (this.ui.textEdit && this.value.text && this.value.text.maxChars) {
+          ui.children[0].attributes.maxLength = this.value.text.maxChars;
+        }
+        if (value) {
+          if (this.ui.numericEdit) {
+            value = parseFloat(value);
+            value = isNaN(value) ? "" : value.toString();
+          }
+          if (ui.children[0].name === "textarea") {
+            ui.children[0].attributes.textContent = value;
+          } else {
+            ui.children[0].attributes.value = value;
+          }
+        }
+      }
+    }
+    if (!this.ui.imageEdit && ui.children && ui.children[0] && this.h) {
+      borderDims = borderDims || getBorderDims(this.ui[_xfa_object.$getExtra]());
+      let captionHeight = 0;
+      if (this.caption && ["top", "bottom"].includes(this.caption.placement)) {
+        captionHeight = this.caption.reserve;
+        if (captionHeight <= 0) {
+          captionHeight = this.caption[_xfa_object.$getExtra](availableSpace).h;
+        }
+        const inputHeight = this.h - captionHeight - marginV - borderDims.h;
+        ui.children[0].attributes.style.height = (0, _html_utils.measureToString)(inputHeight);
+      } else {
+        ui.children[0].attributes.style.height = "100%";
+      }
+    }
+    if (aElement) {
+      ui.children.push(aElement);
+    }
+    if (!caption) {
+      if (ui.attributes.class) {
+        ui.attributes.class.push("xfaLeft");
+      }
+      this.w = savedW;
+      this.h = savedH;
+      return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+    }
+    if (this.ui.button) {
+      if (style.padding) {
+        delete style.padding;
+      }
+      if (caption.name === "div") {
+        caption.name = "span";
+      }
+      ui.children.push(caption);
+      return _utils.HTMLResult.success(html, bbox);
+    } else if (this.ui.checkButton) {
+      caption.attributes.class[0] = "xfaCaptionForCheckButton";
+    }
+    if (!ui.attributes.class) {
+      ui.attributes.class = [];
+    }
+    ui.children.splice(0, 0, caption);
+    switch (this.caption.placement) {
+      case "left":
+        ui.attributes.class.push("xfaLeft");
+        break;
+      case "right":
+        ui.attributes.class.push("xfaRight");
+        break;
+      case "top":
+        ui.attributes.class.push("xfaTop");
+        break;
+      case "bottom":
+        ui.attributes.class.push("xfaBottom");
+        break;
+      case "inline":
+        ui.attributes.class.push("xfaLeft");
+        break;
+    }
+    this.w = savedW;
+    this.h = savedH;
+    return _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+  }
+}
+exports.Field = Field;
+class Fill extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "fill", true);
+    this.id = attributes.id || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+    this.linear = null;
+    this.pattern = null;
+    this.radial = null;
+    this.solid = null;
+    this.stipple = null;
+  }
+  [_xfa_object.$toStyle]() {
+    const parent = this[_xfa_object.$getParent]();
+    const grandpa = parent[_xfa_object.$getParent]();
+    const ggrandpa = grandpa[_xfa_object.$getParent]();
+    const style = Object.create(null);
+    let propName = "color";
+    let altPropName = propName;
+    if (parent instanceof Border) {
+      propName = "background-color";
+      altPropName = "background";
+      if (ggrandpa instanceof Ui) {
+        style.backgroundColor = "white";
+      }
+    }
+    if (parent instanceof Rectangle || parent instanceof Arc) {
+      propName = altPropName = "fill";
+      style.fill = "white";
+    }
+    for (const name of Object.getOwnPropertyNames(this)) {
+      if (name === "extras" || name === "color") {
+        continue;
+      }
+      const obj = this[name];
+      if (!(obj instanceof _xfa_object.XFAObject)) {
+        continue;
+      }
+      const color = obj[_xfa_object.$toStyle](this.color);
+      if (color) {
+        style[color.startsWith("#") ? propName : altPropName] = color;
+      }
+      return style;
+    }
+    if (this.color && this.color.value) {
+      const color = this.color[_xfa_object.$toStyle]();
+      style[color.startsWith("#") ? propName : altPropName] = color;
+    }
+    return style;
+  }
+}
+class Filter extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "filter", true);
+    this.addRevocationInfo = (0, _utils.getStringOption)(attributes.addRevocationInfo, ["", "required", "optional", "none"]);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.version = (0, _utils.getInteger)({
+      data: this.version,
+      defaultValue: 5,
+      validate: x => x >= 1 && x <= 5
+    });
+    this.appearanceFilter = null;
+    this.certificates = null;
+    this.digestMethods = null;
+    this.encodings = null;
+    this.encryptionMethods = null;
+    this.handler = null;
+    this.lockDocument = null;
+    this.mdp = null;
+    this.reasons = null;
+    this.timeStamp = null;
+  }
+}
+class Float extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "float");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const number = parseFloat(this[_xfa_object.$content].trim());
+    this[_xfa_object.$content] = isNaN(number) ? null : number;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] !== null ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class Font extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "font", true);
+    this.baselineShift = (0, _utils.getMeasurement)(attributes.baselineShift);
+    this.fontHorizontalScale = (0, _utils.getFloat)({
+      data: attributes.fontHorizontalScale,
+      defaultValue: 100,
+      validate: x => x >= 0
+    });
+    this.fontVerticalScale = (0, _utils.getFloat)({
+      data: attributes.fontVerticalScale,
+      defaultValue: 100,
+      validate: x => x >= 0
+    });
+    this.id = attributes.id || "";
+    this.kerningMode = (0, _utils.getStringOption)(attributes.kerningMode, ["none", "pair"]);
+    this.letterSpacing = (0, _utils.getMeasurement)(attributes.letterSpacing, "0");
+    this.lineThrough = (0, _utils.getInteger)({
+      data: attributes.lineThrough,
+      defaultValue: 0,
+      validate: x => x === 1 || x === 2
+    });
+    this.lineThroughPeriod = (0, _utils.getStringOption)(attributes.lineThroughPeriod, ["all", "word"]);
+    this.overline = (0, _utils.getInteger)({
+      data: attributes.overline,
+      defaultValue: 0,
+      validate: x => x === 1 || x === 2
+    });
+    this.overlinePeriod = (0, _utils.getStringOption)(attributes.overlinePeriod, ["all", "word"]);
+    this.posture = (0, _utils.getStringOption)(attributes.posture, ["normal", "italic"]);
+    this.size = (0, _utils.getMeasurement)(attributes.size, "10pt");
+    this.typeface = attributes.typeface || "Courier";
+    this.underline = (0, _utils.getInteger)({
+      data: attributes.underline,
+      defaultValue: 0,
+      validate: x => x === 1 || x === 2
+    });
+    this.underlinePeriod = (0, _utils.getStringOption)(attributes.underlinePeriod, ["all", "word"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.weight = (0, _utils.getStringOption)(attributes.weight, ["normal", "bold"]);
+    this.extras = null;
+    this.fill = null;
+  }
+  [_xfa_object.$clean](builder) {
+    super[_xfa_object.$clean](builder);
+    this[_xfa_object.$globalData].usedTypefaces.add(this.typeface);
+  }
+  [_xfa_object.$toStyle]() {
+    const style = (0, _html_utils.toStyle)(this, "fill");
+    const color = style.color;
+    if (color) {
+      if (color === "#000000") {
+        delete style.color;
+      } else if (!color.startsWith("#")) {
+        style.background = color;
+        style.backgroundClip = "text";
+        style.color = "transparent";
+      }
+    }
+    if (this.baselineShift) {
+      style.verticalAlign = (0, _html_utils.measureToString)(this.baselineShift);
+    }
+    style.fontKerning = this.kerningMode === "none" ? "none" : "normal";
+    style.letterSpacing = (0, _html_utils.measureToString)(this.letterSpacing);
+    if (this.lineThrough !== 0) {
+      style.textDecoration = "line-through";
+      if (this.lineThrough === 2) {
+        style.textDecorationStyle = "double";
+      }
+    }
+    if (this.overline !== 0) {
+      style.textDecoration = "overline";
+      if (this.overline === 2) {
+        style.textDecorationStyle = "double";
+      }
+    }
+    style.fontStyle = this.posture;
+    style.fontSize = (0, _html_utils.measureToString)(0.99 * this.size);
+    (0, _html_utils.setFontFamily)(this, this, this[_xfa_object.$globalData].fontFinder, style);
+    if (this.underline !== 0) {
+      style.textDecoration = "underline";
+      if (this.underline === 2) {
+        style.textDecorationStyle = "double";
+      }
+    }
+    style.fontWeight = this.weight;
+    return style;
+  }
+}
+class Format extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "format", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.picture = null;
+  }
+}
+class Handler extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "handler");
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Hyphenation extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "hyphenation");
+    this.excludeAllCaps = (0, _utils.getInteger)({
+      data: attributes.excludeAllCaps,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.excludeInitialCap = (0, _utils.getInteger)({
+      data: attributes.excludeInitialCap,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.hyphenate = (0, _utils.getInteger)({
+      data: attributes.hyphenate,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.id = attributes.id || "";
+    this.pushCharacterCount = (0, _utils.getInteger)({
+      data: attributes.pushCharacterCount,
+      defaultValue: 3,
+      validate: x => x >= 0
+    });
+    this.remainCharacterCount = (0, _utils.getInteger)({
+      data: attributes.remainCharacterCount,
+      defaultValue: 3,
+      validate: x => x >= 0
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.wordCharacterCount = (0, _utils.getInteger)({
+      data: attributes.wordCharacterCount,
+      defaultValue: 7,
+      validate: x => x >= 0
+    });
+  }
+}
+class Image extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "image");
+    this.aspect = (0, _utils.getStringOption)(attributes.aspect, ["fit", "actual", "height", "none", "width"]);
+    this.contentType = attributes.contentType || "";
+    this.href = attributes.href || "";
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.transferEncoding = (0, _utils.getStringOption)(attributes.transferEncoding, ["base64", "none", "package"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$toHTML]() {
+    if (this.contentType && !MIMES.has(this.contentType.toLowerCase())) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    let buffer = this[_xfa_object.$globalData].images && this[_xfa_object.$globalData].images.get(this.href);
+    if (!buffer && (this.href || !this[_xfa_object.$content])) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    if (!buffer && this.transferEncoding === "base64") {
+      buffer = (0, _util.stringToBytes)(atob(this[_xfa_object.$content]));
+    }
+    if (!buffer) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    if (!this.contentType) {
+      for (const [header, type] of IMAGES_HEADERS) {
+        if (buffer.length > header.length && header.every((x, i) => x === buffer[i])) {
+          this.contentType = type;
+          break;
+        }
+      }
+      if (!this.contentType) {
+        return _utils.HTMLResult.EMPTY;
+      }
+    }
+    const blob = new Blob([buffer], {
+      type: this.contentType
+    });
+    let style;
+    switch (this.aspect) {
+      case "fit":
+      case "actual":
+        break;
+      case "height":
+        style = {
+          height: "100%",
+          objectFit: "fill"
+        };
+        break;
+      case "none":
+        style = {
+          width: "100%",
+          height: "100%",
+          objectFit: "fill"
+        };
+        break;
+      case "width":
+        style = {
+          width: "100%",
+          objectFit: "fill"
+        };
+        break;
+    }
+    const parent = this[_xfa_object.$getParent]();
+    return _utils.HTMLResult.success({
+      name: "img",
+      attributes: {
+        class: ["xfaImage"],
+        style,
+        src: URL.createObjectURL(blob),
+        alt: parent ? ariaLabel(parent[_xfa_object.$getParent]()) : null
+      }
+    });
+  }
+}
+class ImageEdit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "imageEdit", true);
+    this.data = (0, _utils.getStringOption)(attributes.data, ["link", "embed"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    if (this.data === "embed") {
+      return _utils.HTMLResult.success({
+        name: "div",
+        children: [],
+        attributes: {}
+      });
+    }
+    return _utils.HTMLResult.EMPTY;
+  }
+}
+class Integer extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "integer");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const number = parseInt(this[_xfa_object.$content].trim(), 10);
+    this[_xfa_object.$content] = isNaN(number) ? null : number;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] !== null ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class Issuers extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "issuers", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.certificate = new _xfa_object.XFAObjectArray();
+  }
+}
+class Items extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "items", true);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.ref = attributes.ref || "";
+    this.save = (0, _utils.getInteger)({
+      data: attributes.save,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$toHTML]() {
+    const output = [];
+    for (const child of this[_xfa_object.$getChildren]()) {
+      output.push(child[_xfa_object.$text]());
+    }
+    return _utils.HTMLResult.success(output);
+  }
+}
+exports.Items = Items;
+class Keep extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "keep", true);
+    this.id = attributes.id || "";
+    const options = ["none", "contentArea", "pageArea"];
+    this.intact = (0, _utils.getStringOption)(attributes.intact, options);
+    this.next = (0, _utils.getStringOption)(attributes.next, options);
+    this.previous = (0, _utils.getStringOption)(attributes.previous, options);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+}
+class KeyUsage extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "keyUsage");
+    const options = ["", "yes", "no"];
+    this.crlSign = (0, _utils.getStringOption)(attributes.crlSign, options);
+    this.dataEncipherment = (0, _utils.getStringOption)(attributes.dataEncipherment, options);
+    this.decipherOnly = (0, _utils.getStringOption)(attributes.decipherOnly, options);
+    this.digitalSignature = (0, _utils.getStringOption)(attributes.digitalSignature, options);
+    this.encipherOnly = (0, _utils.getStringOption)(attributes.encipherOnly, options);
+    this.id = attributes.id || "";
+    this.keyAgreement = (0, _utils.getStringOption)(attributes.keyAgreement, options);
+    this.keyCertSign = (0, _utils.getStringOption)(attributes.keyCertSign, options);
+    this.keyEncipherment = (0, _utils.getStringOption)(attributes.keyEncipherment, options);
+    this.nonRepudiation = (0, _utils.getStringOption)(attributes.nonRepudiation, options);
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Line extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "line", true);
+    this.hand = (0, _utils.getStringOption)(attributes.hand, ["even", "left", "right"]);
+    this.id = attributes.id || "";
+    this.slope = (0, _utils.getStringOption)(attributes.slope, ["\\", "/"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.edge = null;
+  }
+  [_xfa_object.$toHTML]() {
+    const parent = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    const edge = this.edge || new Edge({});
+    const edgeStyle = edge[_xfa_object.$toStyle]();
+    const style = Object.create(null);
+    const thickness = edge.presence === "visible" ? edge.thickness : 0;
+    style.strokeWidth = (0, _html_utils.measureToString)(thickness);
+    style.stroke = edgeStyle.color;
+    let x1, y1, x2, y2;
+    let width = "100%";
+    let height = "100%";
+    if (parent.w <= thickness) {
+      [x1, y1, x2, y2] = ["50%", 0, "50%", "100%"];
+      width = style.strokeWidth;
+    } else if (parent.h <= thickness) {
+      [x1, y1, x2, y2] = [0, "50%", "100%", "50%"];
+      height = style.strokeWidth;
+    } else {
+      if (this.slope === "\\") {
+        [x1, y1, x2, y2] = [0, 0, "100%", "100%"];
+      } else {
+        [x1, y1, x2, y2] = [0, "100%", "100%", 0];
+      }
+    }
+    const line = {
+      name: "line",
+      attributes: {
+        xmlns: SVG_NS,
+        x1,
+        y1,
+        x2,
+        y2,
+        style
+      }
+    };
+    const svg = {
+      name: "svg",
+      children: [line],
+      attributes: {
+        xmlns: SVG_NS,
+        width,
+        height,
+        style: {
+          overflow: "visible"
+        }
+      }
+    };
+    if (hasMargin(parent)) {
+      return _utils.HTMLResult.success({
+        name: "div",
+        attributes: {
+          style: {
+            display: "inline",
+            width: "100%",
+            height: "100%"
+          }
+        },
+        children: [svg]
+      });
+    }
+    svg.attributes.style.position = "absolute";
+    return _utils.HTMLResult.success(svg);
+  }
+}
+class Linear extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "linear", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["toRight", "toBottom", "toLeft", "toTop"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle](startColor) {
+    startColor = startColor ? startColor[_xfa_object.$toStyle]() : "#FFFFFF";
+    const transf = this.type.replace(/([RBLT])/, " $1").toLowerCase();
+    const endColor = this.color ? this.color[_xfa_object.$toStyle]() : "#000000";
+    return `linear-gradient(${transf}, ${startColor}, ${endColor})`;
+  }
+}
+class LockDocument extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "lockDocument");
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = (0, _utils.getStringOption)(this[_xfa_object.$content], ["auto", "0", "1"]);
+  }
+}
+class Manifest extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "manifest", true);
+    this.action = (0, _utils.getStringOption)(attributes.action, ["include", "all", "exclude"]);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.ref = new _xfa_object.XFAObjectArray();
+  }
+}
+class Margin extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "margin", true);
+    this.bottomInset = (0, _utils.getMeasurement)(attributes.bottomInset, "0");
+    this.id = attributes.id || "";
+    this.leftInset = (0, _utils.getMeasurement)(attributes.leftInset, "0");
+    this.rightInset = (0, _utils.getMeasurement)(attributes.rightInset, "0");
+    this.topInset = (0, _utils.getMeasurement)(attributes.topInset, "0");
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle]() {
+    return {
+      margin: (0, _html_utils.measureToString)(this.topInset) + " " + (0, _html_utils.measureToString)(this.rightInset) + " " + (0, _html_utils.measureToString)(this.bottomInset) + " " + (0, _html_utils.measureToString)(this.leftInset)
+    };
+  }
+}
+class Mdp extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "mdp");
+    this.id = attributes.id || "";
+    this.permissions = (0, _utils.getInteger)({
+      data: attributes.permissions,
+      defaultValue: 2,
+      validate: x => x === 1 || x === 3
+    });
+    this.signatureType = (0, _utils.getStringOption)(attributes.signatureType, ["filler", "author"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Medium extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "medium");
+    this.id = attributes.id || "";
+    this.imagingBBox = (0, _utils.getBBox)(attributes.imagingBBox);
+    this.long = (0, _utils.getMeasurement)(attributes.long);
+    this.orientation = (0, _utils.getStringOption)(attributes.orientation, ["portrait", "landscape"]);
+    this.short = (0, _utils.getMeasurement)(attributes.short);
+    this.stock = attributes.stock || "";
+    this.trayIn = (0, _utils.getStringOption)(attributes.trayIn, ["auto", "delegate", "pageFront"]);
+    this.trayOut = (0, _utils.getStringOption)(attributes.trayOut, ["auto", "delegate"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Message extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "message", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.text = new _xfa_object.XFAObjectArray();
+  }
+}
+class NumericEdit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "numericEdit", true);
+    this.hScrollPolicy = (0, _utils.getStringOption)(attributes.hScrollPolicy, ["auto", "off", "on"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.comb = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)(this, "border", "font", "margin");
+    const field = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    const html = {
+      name: "input",
+      attributes: {
+        type: "text",
+        fieldId: field[_xfa_object.$uid],
+        dataId: field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid],
+        class: ["xfaTextfield"],
+        style,
+        "aria-label": ariaLabel(field),
+        "aria-required": false
+      }
+    };
+    if (isRequired(field)) {
+      html.attributes["aria-required"] = true;
+      html.attributes.required = true;
+    }
+    return _utils.HTMLResult.success({
+      name: "label",
+      attributes: {
+        class: ["xfaLabel"]
+      },
+      children: [html]
+    });
+  }
+}
+class Occur extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "occur", true);
+    this.id = attributes.id || "";
+    this.initial = attributes.initial !== "" ? (0, _utils.getInteger)({
+      data: attributes.initial,
+      defaultValue: "",
+      validate: x => true
+    }) : "";
+    this.max = attributes.max !== "" ? (0, _utils.getInteger)({
+      data: attributes.max,
+      defaultValue: 1,
+      validate: x => true
+    }) : "";
+    this.min = attributes.min !== "" ? (0, _utils.getInteger)({
+      data: attributes.min,
+      defaultValue: 1,
+      validate: x => true
+    }) : "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+  [_xfa_object.$clean]() {
+    const parent = this[_xfa_object.$getParent]();
+    const originalMin = this.min;
+    if (this.min === "") {
+      this.min = parent instanceof PageArea || parent instanceof PageSet ? 0 : 1;
+    }
+    if (this.max === "") {
+      if (originalMin === "") {
+        this.max = parent instanceof PageArea || parent instanceof PageSet ? -1 : 1;
+      } else {
+        this.max = this.min;
+      }
+    }
+    if (this.max !== -1 && this.max < this.min) {
+      this.max = this.min;
+    }
+    if (this.initial === "") {
+      this.initial = parent instanceof Template ? 1 : this.min;
+    }
+  }
+}
+class Oid extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "oid");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Oids extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "oids", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.oid = new _xfa_object.XFAObjectArray();
+  }
+}
+class Overflow extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "overflow");
+    this.id = attributes.id || "";
+    this.leader = attributes.leader || "";
+    this.target = attributes.target || "";
+    this.trailer = attributes.trailer || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$getExtra]() {
+    if (!this[_xfa_object.$extra]) {
+      const parent = this[_xfa_object.$getParent]();
+      const root = this[_xfa_object.$getTemplateRoot]();
+      const target = root[_xfa_object.$searchNode](this.target, parent);
+      const leader = root[_xfa_object.$searchNode](this.leader, parent);
+      const trailer = root[_xfa_object.$searchNode](this.trailer, parent);
+      this[_xfa_object.$extra] = {
+        target: target && target[0] || null,
+        leader: leader && leader[0] || null,
+        trailer: trailer && trailer[0] || null,
+        addLeader: false,
+        addTrailer: false
+      };
+    }
+    return this[_xfa_object.$extra];
+  }
+}
+class PageArea extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "pageArea", true);
+    this.blankOrNotBlank = (0, _utils.getStringOption)(attributes.blankOrNotBlank, ["any", "blank", "notBlank"]);
+    this.id = attributes.id || "";
+    this.initialNumber = (0, _utils.getInteger)({
+      data: attributes.initialNumber,
+      defaultValue: 1,
+      validate: x => true
+    });
+    this.name = attributes.name || "";
+    this.numbered = (0, _utils.getInteger)({
+      data: attributes.numbered,
+      defaultValue: 1,
+      validate: x => true
+    });
+    this.oddOrEven = (0, _utils.getStringOption)(attributes.oddOrEven, ["any", "even", "odd"]);
+    this.pagePosition = (0, _utils.getStringOption)(attributes.pagePosition, ["any", "first", "last", "only", "rest"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.desc = null;
+    this.extras = null;
+    this.medium = null;
+    this.occur = null;
+    this.area = new _xfa_object.XFAObjectArray();
+    this.contentArea = new _xfa_object.XFAObjectArray();
+    this.draw = new _xfa_object.XFAObjectArray();
+    this.exclGroup = new _xfa_object.XFAObjectArray();
+    this.field = new _xfa_object.XFAObjectArray();
+    this.subform = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$isUsable]() {
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = {
+        numberOfUse: 0
+      };
+      return true;
+    }
+    return !this.occur || this.occur.max === -1 || this[_xfa_object.$extra].numberOfUse < this.occur.max;
+  }
+  [_xfa_object.$cleanPage]() {
+    delete this[_xfa_object.$extra];
+  }
+  [_xfa_object.$getNextPage]() {
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = {
+        numberOfUse: 0
+      };
+    }
+    const parent = this[_xfa_object.$getParent]();
+    if (parent.relation === "orderedOccurrence") {
+      if (this[_xfa_object.$isUsable]()) {
+        this[_xfa_object.$extra].numberOfUse += 1;
+        return this;
+      }
+    }
+    return parent[_xfa_object.$getNextPage]();
+  }
+  [_xfa_object.$getAvailableSpace]() {
+    return this[_xfa_object.$extra].space || {
+      width: 0,
+      height: 0
+    };
+  }
+  [_xfa_object.$toHTML]() {
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = {
+        numberOfUse: 1
+      };
+    }
+    const children = [];
+    this[_xfa_object.$extra].children = children;
+    const style = Object.create(null);
+    if (this.medium && this.medium.short && this.medium.long) {
+      style.width = (0, _html_utils.measureToString)(this.medium.short);
+      style.height = (0, _html_utils.measureToString)(this.medium.long);
+      this[_xfa_object.$extra].space = {
+        width: this.medium.short,
+        height: this.medium.long
+      };
+      if (this.medium.orientation === "landscape") {
+        const x = style.width;
+        style.width = style.height;
+        style.height = x;
+        this[_xfa_object.$extra].space = {
+          width: this.medium.long,
+          height: this.medium.short
+        };
+      }
+    } else {
+      (0, _util.warn)("XFA - No medium specified in pageArea: please file a bug.");
+    }
+    this[_xfa_object.$childrenToHTML]({
+      filter: new Set(["area", "draw", "field", "subform"]),
+      include: true
+    });
+    this[_xfa_object.$childrenToHTML]({
+      filter: new Set(["contentArea"]),
+      include: true
+    });
+    return _utils.HTMLResult.success({
+      name: "div",
+      children,
+      attributes: {
+        class: ["xfaPage"],
+        id: this[_xfa_object.$uid],
+        style,
+        xfaName: this.name
+      }
+    });
+  }
+}
+class PageSet extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "pageSet", true);
+    this.duplexImposition = (0, _utils.getStringOption)(attributes.duplexImposition, ["longEdge", "shortEdge"]);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.relation = (0, _utils.getStringOption)(attributes.relation, ["orderedOccurrence", "duplexPaginated", "simplexPaginated"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.occur = null;
+    this.pageArea = new _xfa_object.XFAObjectArray();
+    this.pageSet = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$cleanPage]() {
+    for (const page of this.pageArea.children) {
+      page[_xfa_object.$cleanPage]();
+    }
+    for (const page of this.pageSet.children) {
+      page[_xfa_object.$cleanPage]();
+    }
+  }
+  [_xfa_object.$isUsable]() {
+    return !this.occur || this.occur.max === -1 || this[_xfa_object.$extra].numberOfUse < this.occur.max;
+  }
+  [_xfa_object.$getNextPage]() {
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = {
+        numberOfUse: 1,
+        pageIndex: -1,
+        pageSetIndex: -1
+      };
+    }
+    if (this.relation === "orderedOccurrence") {
+      if (this[_xfa_object.$extra].pageIndex + 1 < this.pageArea.children.length) {
+        this[_xfa_object.$extra].pageIndex += 1;
+        const pageArea = this.pageArea.children[this[_xfa_object.$extra].pageIndex];
+        return pageArea[_xfa_object.$getNextPage]();
+      }
+      if (this[_xfa_object.$extra].pageSetIndex + 1 < this.pageSet.children.length) {
+        this[_xfa_object.$extra].pageSetIndex += 1;
+        return this.pageSet.children[this[_xfa_object.$extra].pageSetIndex][_xfa_object.$getNextPage]();
+      }
+      if (this[_xfa_object.$isUsable]()) {
+        this[_xfa_object.$extra].numberOfUse += 1;
+        this[_xfa_object.$extra].pageIndex = -1;
+        this[_xfa_object.$extra].pageSetIndex = -1;
+        return this[_xfa_object.$getNextPage]();
+      }
+      const parent = this[_xfa_object.$getParent]();
+      if (parent instanceof PageSet) {
+        return parent[_xfa_object.$getNextPage]();
+      }
+      this[_xfa_object.$cleanPage]();
+      return this[_xfa_object.$getNextPage]();
+    }
+    const pageNumber = this[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].pageNumber;
+    const parity = pageNumber % 2 === 0 ? "even" : "odd";
+    const position = pageNumber === 0 ? "first" : "rest";
+    let page = this.pageArea.children.find(p => p.oddOrEven === parity && p.pagePosition === position);
+    if (page) {
+      return page;
+    }
+    page = this.pageArea.children.find(p => p.oddOrEven === "any" && p.pagePosition === position);
+    if (page) {
+      return page;
+    }
+    page = this.pageArea.children.find(p => p.oddOrEven === "any" && p.pagePosition === "any");
+    if (page) {
+      return page;
+    }
+    return this.pageArea.children[0];
+  }
+}
+class Para extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "para", true);
+    this.hAlign = (0, _utils.getStringOption)(attributes.hAlign, ["left", "center", "justify", "justifyAll", "radix", "right"]);
+    this.id = attributes.id || "";
+    this.lineHeight = attributes.lineHeight ? (0, _utils.getMeasurement)(attributes.lineHeight, "0pt") : "";
+    this.marginLeft = attributes.marginLeft ? (0, _utils.getMeasurement)(attributes.marginLeft, "0pt") : "";
+    this.marginRight = attributes.marginRight ? (0, _utils.getMeasurement)(attributes.marginRight, "0pt") : "";
+    this.orphans = (0, _utils.getInteger)({
+      data: attributes.orphans,
+      defaultValue: 0,
+      validate: x => x >= 0
+    });
+    this.preserve = attributes.preserve || "";
+    this.radixOffset = attributes.radixOffset ? (0, _utils.getMeasurement)(attributes.radixOffset, "0pt") : "";
+    this.spaceAbove = attributes.spaceAbove ? (0, _utils.getMeasurement)(attributes.spaceAbove, "0pt") : "";
+    this.spaceBelow = attributes.spaceBelow ? (0, _utils.getMeasurement)(attributes.spaceBelow, "0pt") : "";
+    this.tabDefault = attributes.tabDefault ? (0, _utils.getMeasurement)(this.tabDefault) : "";
+    this.tabStops = (attributes.tabStops || "").trim().split(/\s+/).map((x, i) => i % 2 === 1 ? (0, _utils.getMeasurement)(x) : x);
+    this.textIndent = attributes.textIndent ? (0, _utils.getMeasurement)(attributes.textIndent, "0pt") : "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.vAlign = (0, _utils.getStringOption)(attributes.vAlign, ["top", "bottom", "middle"]);
+    this.widows = (0, _utils.getInteger)({
+      data: attributes.widows,
+      defaultValue: 0,
+      validate: x => x >= 0
+    });
+    this.hyphenation = null;
+  }
+  [_xfa_object.$toStyle]() {
+    const style = (0, _html_utils.toStyle)(this, "hAlign");
+    if (this.marginLeft !== "") {
+      style.paddingLeft = (0, _html_utils.measureToString)(this.marginLeft);
+    }
+    if (this.marginRight !== "") {
+      style.paddingight = (0, _html_utils.measureToString)(this.marginRight);
+    }
+    if (this.spaceAbove !== "") {
+      style.paddingTop = (0, _html_utils.measureToString)(this.spaceAbove);
+    }
+    if (this.spaceBelow !== "") {
+      style.paddingBottom = (0, _html_utils.measureToString)(this.spaceBelow);
+    }
+    if (this.textIndent !== "") {
+      style.textIndent = (0, _html_utils.measureToString)(this.textIndent);
+      (0, _html_utils.fixTextIndent)(style);
+    }
+    if (this.lineHeight > 0) {
+      style.lineHeight = (0, _html_utils.measureToString)(this.lineHeight);
+    }
+    if (this.tabDefault !== "") {
+      style.tabSize = (0, _html_utils.measureToString)(this.tabDefault);
+    }
+    if (this.tabStops.length > 0) {}
+    if (this.hyphenatation) {
+      Object.assign(style, this.hyphenatation[_xfa_object.$toStyle]());
+    }
+    return style;
+  }
+}
+class PasswordEdit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "passwordEdit", true);
+    this.hScrollPolicy = (0, _utils.getStringOption)(attributes.hScrollPolicy, ["auto", "off", "on"]);
+    this.id = attributes.id || "";
+    this.passwordChar = attributes.passwordChar || "*";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.extras = null;
+    this.margin = null;
+  }
+}
+class Pattern extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "pattern", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["crossHatch", "crossDiagonal", "diagonalLeft", "diagonalRight", "horizontal", "vertical"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle](startColor) {
+    startColor = startColor ? startColor[_xfa_object.$toStyle]() : "#FFFFFF";
+    const endColor = this.color ? this.color[_xfa_object.$toStyle]() : "#000000";
+    const width = 5;
+    const cmd = "repeating-linear-gradient";
+    const colors = `${startColor},${startColor} ${width}px,${endColor} ${width}px,${endColor} ${2 * width}px`;
+    switch (this.type) {
+      case "crossHatch":
+        return `${cmd}(to top,${colors}) ${cmd}(to right,${colors})`;
+      case "crossDiagonal":
+        return `${cmd}(45deg,${colors}) ${cmd}(-45deg,${colors})`;
+      case "diagonalLeft":
+        return `${cmd}(45deg,${colors})`;
+      case "diagonalRight":
+        return `${cmd}(-45deg,${colors})`;
+      case "horizontal":
+        return `${cmd}(to top,${colors})`;
+      case "vertical":
+        return `${cmd}(to right,${colors})`;
+    }
+    return "";
+  }
+}
+class Picture extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "picture");
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Proto extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "proto", true);
+    this.appearanceFilter = new _xfa_object.XFAObjectArray();
+    this.arc = new _xfa_object.XFAObjectArray();
+    this.area = new _xfa_object.XFAObjectArray();
+    this.assist = new _xfa_object.XFAObjectArray();
+    this.barcode = new _xfa_object.XFAObjectArray();
+    this.bindItems = new _xfa_object.XFAObjectArray();
+    this.bookend = new _xfa_object.XFAObjectArray();
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.border = new _xfa_object.XFAObjectArray();
+    this.break = new _xfa_object.XFAObjectArray();
+    this.breakAfter = new _xfa_object.XFAObjectArray();
+    this.breakBefore = new _xfa_object.XFAObjectArray();
+    this.button = new _xfa_object.XFAObjectArray();
+    this.calculate = new _xfa_object.XFAObjectArray();
+    this.caption = new _xfa_object.XFAObjectArray();
+    this.certificate = new _xfa_object.XFAObjectArray();
+    this.certificates = new _xfa_object.XFAObjectArray();
+    this.checkButton = new _xfa_object.XFAObjectArray();
+    this.choiceList = new _xfa_object.XFAObjectArray();
+    this.color = new _xfa_object.XFAObjectArray();
+    this.comb = new _xfa_object.XFAObjectArray();
+    this.connect = new _xfa_object.XFAObjectArray();
+    this.contentArea = new _xfa_object.XFAObjectArray();
+    this.corner = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.dateTimeEdit = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.defaultUi = new _xfa_object.XFAObjectArray();
+    this.desc = new _xfa_object.XFAObjectArray();
+    this.digestMethod = new _xfa_object.XFAObjectArray();
+    this.digestMethods = new _xfa_object.XFAObjectArray();
+    this.draw = new _xfa_object.XFAObjectArray();
+    this.edge = new _xfa_object.XFAObjectArray();
+    this.encoding = new _xfa_object.XFAObjectArray();
+    this.encodings = new _xfa_object.XFAObjectArray();
+    this.encrypt = new _xfa_object.XFAObjectArray();
+    this.encryptData = new _xfa_object.XFAObjectArray();
+    this.encryption = new _xfa_object.XFAObjectArray();
+    this.encryptionMethod = new _xfa_object.XFAObjectArray();
+    this.encryptionMethods = new _xfa_object.XFAObjectArray();
+    this.event = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.exObject = new _xfa_object.XFAObjectArray();
+    this.exclGroup = new _xfa_object.XFAObjectArray();
+    this.execute = new _xfa_object.XFAObjectArray();
+    this.extras = new _xfa_object.XFAObjectArray();
+    this.field = new _xfa_object.XFAObjectArray();
+    this.fill = new _xfa_object.XFAObjectArray();
+    this.filter = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.font = new _xfa_object.XFAObjectArray();
+    this.format = new _xfa_object.XFAObjectArray();
+    this.handler = new _xfa_object.XFAObjectArray();
+    this.hyphenation = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.imageEdit = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.issuers = new _xfa_object.XFAObjectArray();
+    this.items = new _xfa_object.XFAObjectArray();
+    this.keep = new _xfa_object.XFAObjectArray();
+    this.keyUsage = new _xfa_object.XFAObjectArray();
+    this.line = new _xfa_object.XFAObjectArray();
+    this.linear = new _xfa_object.XFAObjectArray();
+    this.lockDocument = new _xfa_object.XFAObjectArray();
+    this.manifest = new _xfa_object.XFAObjectArray();
+    this.margin = new _xfa_object.XFAObjectArray();
+    this.mdp = new _xfa_object.XFAObjectArray();
+    this.medium = new _xfa_object.XFAObjectArray();
+    this.message = new _xfa_object.XFAObjectArray();
+    this.numericEdit = new _xfa_object.XFAObjectArray();
+    this.occur = new _xfa_object.XFAObjectArray();
+    this.oid = new _xfa_object.XFAObjectArray();
+    this.oids = new _xfa_object.XFAObjectArray();
+    this.overflow = new _xfa_object.XFAObjectArray();
+    this.pageArea = new _xfa_object.XFAObjectArray();
+    this.pageSet = new _xfa_object.XFAObjectArray();
+    this.para = new _xfa_object.XFAObjectArray();
+    this.passwordEdit = new _xfa_object.XFAObjectArray();
+    this.pattern = new _xfa_object.XFAObjectArray();
+    this.picture = new _xfa_object.XFAObjectArray();
+    this.radial = new _xfa_object.XFAObjectArray();
+    this.reason = new _xfa_object.XFAObjectArray();
+    this.reasons = new _xfa_object.XFAObjectArray();
+    this.rectangle = new _xfa_object.XFAObjectArray();
+    this.ref = new _xfa_object.XFAObjectArray();
+    this.script = new _xfa_object.XFAObjectArray();
+    this.setProperty = new _xfa_object.XFAObjectArray();
+    this.signData = new _xfa_object.XFAObjectArray();
+    this.signature = new _xfa_object.XFAObjectArray();
+    this.signing = new _xfa_object.XFAObjectArray();
+    this.solid = new _xfa_object.XFAObjectArray();
+    this.speak = new _xfa_object.XFAObjectArray();
+    this.stipple = new _xfa_object.XFAObjectArray();
+    this.subform = new _xfa_object.XFAObjectArray();
+    this.subformSet = new _xfa_object.XFAObjectArray();
+    this.subjectDN = new _xfa_object.XFAObjectArray();
+    this.subjectDNs = new _xfa_object.XFAObjectArray();
+    this.submit = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.textEdit = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+    this.timeStamp = new _xfa_object.XFAObjectArray();
+    this.toolTip = new _xfa_object.XFAObjectArray();
+    this.traversal = new _xfa_object.XFAObjectArray();
+    this.traverse = new _xfa_object.XFAObjectArray();
+    this.ui = new _xfa_object.XFAObjectArray();
+    this.validate = new _xfa_object.XFAObjectArray();
+    this.value = new _xfa_object.XFAObjectArray();
+    this.variables = new _xfa_object.XFAObjectArray();
+  }
+}
+class Radial extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "radial", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["toEdge", "toCenter"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle](startColor) {
+    startColor = startColor ? startColor[_xfa_object.$toStyle]() : "#FFFFFF";
+    const endColor = this.color ? this.color[_xfa_object.$toStyle]() : "#000000";
+    const colors = this.type === "toEdge" ? `${startColor},${endColor}` : `${endColor},${startColor}`;
+    return `radial-gradient(circle at center, ${colors})`;
+  }
+}
+class Reason extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "reason");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Reasons extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "reasons", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.reason = new _xfa_object.XFAObjectArray();
+  }
+}
+class Rectangle extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "rectangle", true);
+    this.hand = (0, _utils.getStringOption)(attributes.hand, ["even", "left", "right"]);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.corner = new _xfa_object.XFAObjectArray(4);
+    this.edge = new _xfa_object.XFAObjectArray(4);
+    this.fill = null;
+  }
+  [_xfa_object.$toHTML]() {
+    const edge = this.edge.children.length ? this.edge.children[0] : new Edge({});
+    const edgeStyle = edge[_xfa_object.$toStyle]();
+    const style = Object.create(null);
+    if (this.fill && this.fill.presence === "visible") {
+      Object.assign(style, this.fill[_xfa_object.$toStyle]());
+    } else {
+      style.fill = "transparent";
+    }
+    style.strokeWidth = (0, _html_utils.measureToString)(edge.presence === "visible" ? edge.thickness : 0);
+    style.stroke = edgeStyle.color;
+    const corner = this.corner.children.length ? this.corner.children[0] : new Corner({});
+    const cornerStyle = corner[_xfa_object.$toStyle]();
+    const rect = {
+      name: "rect",
+      attributes: {
+        xmlns: SVG_NS,
+        width: "100%",
+        height: "100%",
+        x: 0,
+        y: 0,
+        rx: cornerStyle.radius,
+        ry: cornerStyle.radius,
+        style
+      }
+    };
+    const svg = {
+      name: "svg",
+      children: [rect],
+      attributes: {
+        xmlns: SVG_NS,
+        style: {
+          overflow: "visible"
+        },
+        width: "100%",
+        height: "100%"
+      }
+    };
+    const parent = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    if (hasMargin(parent)) {
+      return _utils.HTMLResult.success({
+        name: "div",
+        attributes: {
+          style: {
+            display: "inline",
+            width: "100%",
+            height: "100%"
+          }
+        },
+        children: [svg]
+      });
+    }
+    svg.attributes.style.position = "absolute";
+    return _utils.HTMLResult.success(svg);
+  }
+}
+class RefElement extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "ref");
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Script extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "script");
+    this.binding = attributes.binding || "";
+    this.contentType = attributes.contentType || "";
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.runAt = (0, _utils.getStringOption)(attributes.runAt, ["client", "both", "server"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class SetProperty extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "setProperty");
+    this.connection = attributes.connection || "";
+    this.ref = attributes.ref || "";
+    this.target = attributes.target || "";
+  }
+}
+exports.SetProperty = SetProperty;
+class SignData extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "signData", true);
+    this.id = attributes.id || "";
+    this.operation = (0, _utils.getStringOption)(attributes.operation, ["sign", "clear", "verify"]);
+    this.ref = attributes.ref || "";
+    this.target = attributes.target || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.filter = null;
+    this.manifest = null;
+  }
+}
+class Signature extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "signature", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["PDF1.3", "PDF1.6"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.border = null;
+    this.extras = null;
+    this.filter = null;
+    this.manifest = null;
+    this.margin = null;
+  }
+}
+class Signing extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "signing", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.certificate = new _xfa_object.XFAObjectArray();
+  }
+}
+class Solid extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "solid", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle](startColor) {
+    return startColor ? startColor[_xfa_object.$toStyle]() : "#FFFFFF";
+  }
+}
+class Speak extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "speak");
+    this.disable = (0, _utils.getInteger)({
+      data: attributes.disable,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.id = attributes.id || "";
+    this.priority = (0, _utils.getStringOption)(attributes.priority, ["custom", "caption", "name", "toolTip"]);
+    this.rid = attributes.rid || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Stipple extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "stipple", true);
+    this.id = attributes.id || "";
+    this.rate = (0, _utils.getInteger)({
+      data: attributes.rate,
+      defaultValue: 50,
+      validate: x => x >= 0 && x <= 100
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.color = null;
+    this.extras = null;
+  }
+  [_xfa_object.$toStyle](bgColor) {
+    const alpha = this.rate / 100;
+    return _util.Util.makeHexColor(Math.round(bgColor.value.r * (1 - alpha) + this.value.r * alpha), Math.round(bgColor.value.g * (1 - alpha) + this.value.g * alpha), Math.round(bgColor.value.b * (1 - alpha) + this.value.b * alpha));
+  }
+}
+class Subform extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "subform", true);
+    this.access = (0, _utils.getStringOption)(attributes.access, ["open", "nonInteractive", "protected", "readOnly"]);
+    this.allowMacro = (0, _utils.getInteger)({
+      data: attributes.allowMacro,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.anchorType = (0, _utils.getStringOption)(attributes.anchorType, ["topLeft", "bottomCenter", "bottomLeft", "bottomRight", "middleCenter", "middleLeft", "middleRight", "topCenter", "topRight"]);
+    this.colSpan = (0, _utils.getInteger)({
+      data: attributes.colSpan,
+      defaultValue: 1,
+      validate: n => n >= 1 || n === -1
+    });
+    this.columnWidths = (attributes.columnWidths || "").trim().split(/\s+/).map(x => x === "-1" ? -1 : (0, _utils.getMeasurement)(x));
+    this.h = attributes.h ? (0, _utils.getMeasurement)(attributes.h) : "";
+    this.hAlign = (0, _utils.getStringOption)(attributes.hAlign, ["left", "center", "justify", "justifyAll", "radix", "right"]);
+    this.id = attributes.id || "";
+    this.layout = (0, _utils.getStringOption)(attributes.layout, ["position", "lr-tb", "rl-row", "rl-tb", "row", "table", "tb"]);
+    this.locale = attributes.locale || "";
+    this.maxH = (0, _utils.getMeasurement)(attributes.maxH, "0pt");
+    this.maxW = (0, _utils.getMeasurement)(attributes.maxW, "0pt");
+    this.mergeMode = (0, _utils.getStringOption)(attributes.mergeMode, ["consumeData", "matchTemplate"]);
+    this.minH = (0, _utils.getMeasurement)(attributes.minH, "0pt");
+    this.minW = (0, _utils.getMeasurement)(attributes.minW, "0pt");
+    this.name = attributes.name || "";
+    this.presence = (0, _utils.getStringOption)(attributes.presence, ["visible", "hidden", "inactive", "invisible"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.restoreState = (0, _utils.getStringOption)(attributes.restoreState, ["manual", "auto"]);
+    this.scope = (0, _utils.getStringOption)(attributes.scope, ["name", "none"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.w = attributes.w ? (0, _utils.getMeasurement)(attributes.w) : "";
+    this.x = (0, _utils.getMeasurement)(attributes.x, "0pt");
+    this.y = (0, _utils.getMeasurement)(attributes.y, "0pt");
+    this.assist = null;
+    this.bind = null;
+    this.bookend = null;
+    this.border = null;
+    this.break = null;
+    this.calculate = null;
+    this.desc = null;
+    this.extras = null;
+    this.keep = null;
+    this.margin = null;
+    this.occur = null;
+    this.overflow = null;
+    this.pageSet = null;
+    this.para = null;
+    this.traversal = null;
+    this.validate = null;
+    this.variables = null;
+    this.area = new _xfa_object.XFAObjectArray();
+    this.breakAfter = new _xfa_object.XFAObjectArray();
+    this.breakBefore = new _xfa_object.XFAObjectArray();
+    this.connect = new _xfa_object.XFAObjectArray();
+    this.draw = new _xfa_object.XFAObjectArray();
+    this.event = new _xfa_object.XFAObjectArray();
+    this.exObject = new _xfa_object.XFAObjectArray();
+    this.exclGroup = new _xfa_object.XFAObjectArray();
+    this.field = new _xfa_object.XFAObjectArray();
+    this.proto = new _xfa_object.XFAObjectArray();
+    this.setProperty = new _xfa_object.XFAObjectArray();
+    this.subform = new _xfa_object.XFAObjectArray();
+    this.subformSet = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$getSubformParent]() {
+    const parent = this[_xfa_object.$getParent]();
+    if (parent instanceof SubformSet) {
+      return parent[_xfa_object.$getSubformParent]();
+    }
+    return parent;
+  }
+  [_xfa_object.$isBindable]() {
+    return true;
+  }
+  [_xfa_object.$isThereMoreWidth]() {
+    return this.layout.endsWith("-tb") && this[_xfa_object.$extra].attempt === 0 && this[_xfa_object.$extra].numberInLine > 0 || this[_xfa_object.$getParent]()[_xfa_object.$isThereMoreWidth]();
+  }
+  *[_xfa_object.$getContainedChildren]() {
+    yield* getContainedChildren(this);
+  }
+  [_xfa_object.$flushHTML]() {
+    return (0, _layout.flushHTML)(this);
+  }
+  [_xfa_object.$addHTML](html, bbox) {
+    (0, _layout.addHTML)(this, html, bbox);
+  }
+  [_xfa_object.$getAvailableSpace]() {
+    return (0, _layout.getAvailableSpace)(this);
+  }
+  [_xfa_object.$isSplittable]() {
+    const parent = this[_xfa_object.$getSubformParent]();
+    if (!parent[_xfa_object.$isSplittable]()) {
+      return false;
+    }
+    if (this[_xfa_object.$extra]._isSplittable !== undefined) {
+      return this[_xfa_object.$extra]._isSplittable;
+    }
+    if (this.layout === "position" || this.layout.includes("row")) {
+      this[_xfa_object.$extra]._isSplittable = false;
+      return false;
+    }
+    if (this.keep && this.keep.intact !== "none") {
+      this[_xfa_object.$extra]._isSplittable = false;
+      return false;
+    }
+    if (parent.layout && parent.layout.endsWith("-tb") && parent[_xfa_object.$extra].numberInLine !== 0) {
+      return false;
+    }
+    this[_xfa_object.$extra]._isSplittable = true;
+    return true;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    setTabIndex(this);
+    if (this.break) {
+      if (this.break.after !== "auto" || this.break.afterTarget !== "") {
+        const node = new BreakAfter({
+          targetType: this.break.after,
+          target: this.break.afterTarget,
+          startNew: this.break.startNew.toString()
+        });
+        node[_xfa_object.$globalData] = this[_xfa_object.$globalData];
+        this[_xfa_object.$appendChild](node);
+        this.breakAfter.push(node);
+      }
+      if (this.break.before !== "auto" || this.break.beforeTarget !== "") {
+        const node = new BreakBefore({
+          targetType: this.break.before,
+          target: this.break.beforeTarget,
+          startNew: this.break.startNew.toString()
+        });
+        node[_xfa_object.$globalData] = this[_xfa_object.$globalData];
+        this[_xfa_object.$appendChild](node);
+        this.breakBefore.push(node);
+      }
+      if (this.break.overflowTarget !== "") {
+        const node = new Overflow({
+          target: this.break.overflowTarget,
+          leader: this.break.overflowLeader,
+          trailer: this.break.overflowTrailer
+        });
+        node[_xfa_object.$globalData] = this[_xfa_object.$globalData];
+        this[_xfa_object.$appendChild](node);
+        this.overflow.push(node);
+      }
+      this[_xfa_object.$removeChild](this.break);
+      this.break = null;
+    }
+    if (this.presence === "hidden" || this.presence === "inactive") {
+      return _utils.HTMLResult.EMPTY;
+    }
+    if (this.breakBefore.children.length > 1 || this.breakAfter.children.length > 1) {
+      (0, _util.warn)("XFA - Several breakBefore or breakAfter in subforms: please file a bug.");
+    }
+    if (this.breakBefore.children.length >= 1) {
+      const breakBefore = this.breakBefore.children[0];
+      if (handleBreak(breakBefore)) {
+        return _utils.HTMLResult.breakNode(breakBefore);
+      }
+    }
+    if (this[_xfa_object.$extra] && this[_xfa_object.$extra].afterBreakAfter) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    (0, _html_utils.fixDimensions)(this);
+    const children = [];
+    const attributes = {
+      id: this[_xfa_object.$uid],
+      class: []
+    };
+    (0, _html_utils.setAccess)(this, attributes.class);
+    if (!this[_xfa_object.$extra]) {
+      this[_xfa_object.$extra] = Object.create(null);
+    }
+    Object.assign(this[_xfa_object.$extra], {
+      children,
+      line: null,
+      attributes,
+      attempt: 0,
+      numberInLine: 0,
+      availableSpace: {
+        width: Math.min(this.w || Infinity, availableSpace.width),
+        height: Math.min(this.h || Infinity, availableSpace.height)
+      },
+      width: 0,
+      height: 0,
+      prevHeight: 0,
+      currentWidth: 0
+    });
+    const root = this[_xfa_object.$getTemplateRoot]();
+    const savedNoLayoutFailure = root[_xfa_object.$extra].noLayoutFailure;
+    const isSplittable = this[_xfa_object.$isSplittable]();
+    if (!isSplittable) {
+      setFirstUnsplittable(this);
+    }
+    if (!(0, _layout.checkDimensions)(this, availableSpace)) {
+      return _utils.HTMLResult.FAILURE;
+    }
+    const filter = new Set(["area", "draw", "exclGroup", "field", "subform", "subformSet"]);
+    if (this.layout.includes("row")) {
+      const columnWidths = this[_xfa_object.$getSubformParent]().columnWidths;
+      if (Array.isArray(columnWidths) && columnWidths.length > 0) {
+        this[_xfa_object.$extra].columnWidths = columnWidths;
+        this[_xfa_object.$extra].currentColumn = 0;
+      }
+    }
+    const style = (0, _html_utils.toStyle)(this, "anchorType", "dimensions", "position", "presence", "border", "margin", "hAlign");
+    const classNames = ["xfaSubform"];
+    const cl = (0, _html_utils.layoutClass)(this);
+    if (cl) {
+      classNames.push(cl);
+    }
+    attributes.style = style;
+    attributes.class = classNames;
+    if (this.name) {
+      attributes.xfaName = this.name;
+    }
+    if (this.overflow) {
+      const overflowExtra = this.overflow[_xfa_object.$getExtra]();
+      if (overflowExtra.addLeader) {
+        overflowExtra.addLeader = false;
+        handleOverflow(this, overflowExtra.leader, availableSpace);
+      }
+    }
+    this[_xfa_object.$pushPara]();
+    const isLrTb = this.layout === "lr-tb" || this.layout === "rl-tb";
+    const maxRun = isLrTb ? MAX_ATTEMPTS_FOR_LRTB_LAYOUT : 1;
+    for (; this[_xfa_object.$extra].attempt < maxRun; this[_xfa_object.$extra].attempt++) {
+      if (isLrTb && this[_xfa_object.$extra].attempt === MAX_ATTEMPTS_FOR_LRTB_LAYOUT - 1) {
+        this[_xfa_object.$extra].numberInLine = 0;
+      }
+      const result = this[_xfa_object.$childrenToHTML]({
+        filter,
+        include: true
+      });
+      if (result.success) {
+        break;
+      }
+      if (result.isBreak()) {
+        this[_xfa_object.$popPara]();
+        return result;
+      }
+      if (isLrTb && this[_xfa_object.$extra].attempt === 0 && this[_xfa_object.$extra].numberInLine === 0 && !root[_xfa_object.$extra].noLayoutFailure) {
+        this[_xfa_object.$extra].attempt = maxRun;
+        break;
+      }
+    }
+    this[_xfa_object.$popPara]();
+    if (!isSplittable) {
+      unsetFirstUnsplittable(this);
+    }
+    root[_xfa_object.$extra].noLayoutFailure = savedNoLayoutFailure;
+    if (this[_xfa_object.$extra].attempt === maxRun) {
+      if (this.overflow) {
+        this[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].overflowNode = this.overflow;
+      }
+      if (!isSplittable) {
+        delete this[_xfa_object.$extra];
+      }
+      return _utils.HTMLResult.FAILURE;
+    }
+    if (this.overflow) {
+      const overflowExtra = this.overflow[_xfa_object.$getExtra]();
+      if (overflowExtra.addTrailer) {
+        overflowExtra.addTrailer = false;
+        handleOverflow(this, overflowExtra.trailer, availableSpace);
+      }
+    }
+    let marginH = 0;
+    let marginV = 0;
+    if (this.margin) {
+      marginH = this.margin.leftInset + this.margin.rightInset;
+      marginV = this.margin.topInset + this.margin.bottomInset;
+    }
+    const width = Math.max(this[_xfa_object.$extra].width + marginH, this.w || 0);
+    const height = Math.max(this[_xfa_object.$extra].height + marginV, this.h || 0);
+    const bbox = [this.x, this.y, width, height];
+    if (this.w === "") {
+      style.width = (0, _html_utils.measureToString)(width);
+    }
+    if (this.h === "") {
+      style.height = (0, _html_utils.measureToString)(height);
+    }
+    if ((style.width === "0px" || style.height === "0px") && children.length === 0) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    const html = {
+      name: "div",
+      attributes,
+      children
+    };
+    applyAssist(this, attributes);
+    const result = _utils.HTMLResult.success((0, _html_utils.createWrapper)(this, html), bbox);
+    if (this.breakAfter.children.length >= 1) {
+      const breakAfter = this.breakAfter.children[0];
+      if (handleBreak(breakAfter)) {
+        this[_xfa_object.$extra].afterBreakAfter = result;
+        return _utils.HTMLResult.breakNode(breakAfter);
+      }
+    }
+    delete this[_xfa_object.$extra];
+    return result;
+  }
+}
+class SubformSet extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "subformSet", true);
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.relation = (0, _utils.getStringOption)(attributes.relation, ["ordered", "choice", "unordered"]);
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.bookend = null;
+    this.break = null;
+    this.desc = null;
+    this.extras = null;
+    this.occur = null;
+    this.overflow = null;
+    this.breakAfter = new _xfa_object.XFAObjectArray();
+    this.breakBefore = new _xfa_object.XFAObjectArray();
+    this.subform = new _xfa_object.XFAObjectArray();
+    this.subformSet = new _xfa_object.XFAObjectArray();
+  }
+  *[_xfa_object.$getContainedChildren]() {
+    yield* getContainedChildren(this);
+  }
+  [_xfa_object.$getSubformParent]() {
+    let parent = this[_xfa_object.$getParent]();
+    while (!(parent instanceof Subform)) {
+      parent = parent[_xfa_object.$getParent]();
+    }
+    return parent;
+  }
+  [_xfa_object.$isBindable]() {
+    return true;
+  }
+}
+class SubjectDN extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "subjectDN");
+    this.delimiter = attributes.delimiter || ",";
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = new Map(this[_xfa_object.$content].split(this.delimiter).map(kv => {
+      kv = kv.split("=", 2);
+      kv[0] = kv[0].trim();
+      return kv;
+    }));
+  }
+}
+class SubjectDNs extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "subjectDNs", true);
+    this.id = attributes.id || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.subjectDN = new _xfa_object.XFAObjectArray();
+  }
+}
+class Submit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "submit", true);
+    this.embedPDF = (0, _utils.getInteger)({
+      data: attributes.embedPDF,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.format = (0, _utils.getStringOption)(attributes.format, ["xdp", "formdata", "pdf", "urlencoded", "xfd", "xml"]);
+    this.id = attributes.id || "";
+    this.target = attributes.target || "";
+    this.textEncoding = (0, _utils.getKeyword)({
+      data: attributes.textEncoding ? attributes.textEncoding.toLowerCase() : "",
+      defaultValue: "",
+      validate: k => ["utf-8", "big-five", "fontspecific", "gbk", "gb-18030", "gb-2312", "ksc-5601", "none", "shift-jis", "ucs-2", "utf-16"].includes(k) || k.match(/iso-8859-\d{2}/)
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.xdpContent = attributes.xdpContent || "";
+    this.encrypt = null;
+    this.encryptData = new _xfa_object.XFAObjectArray();
+    this.signData = new _xfa_object.XFAObjectArray();
+  }
+}
+class Template extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "template", true);
+    this.baseProfile = (0, _utils.getStringOption)(attributes.baseProfile, ["full", "interactiveForms"]);
+    this.extras = null;
+    this.subform = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$finalize]() {
+    if (this.subform.children.length === 0) {
+      (0, _util.warn)("XFA - No subforms in template node.");
+    }
+    if (this.subform.children.length >= 2) {
+      (0, _util.warn)("XFA - Several subforms in template node: please file a bug.");
+    }
+    this[_xfa_object.$tabIndex] = DEFAULT_TAB_INDEX;
+  }
+  [_xfa_object.$isSplittable]() {
+    return true;
+  }
+  [_xfa_object.$searchNode](expr, container) {
+    if (expr.startsWith("#")) {
+      return [this[_xfa_object.$ids].get(expr.slice(1))];
+    }
+    return (0, _som.searchNode)(this, container, expr, true, true);
+  }
+  *[_xfa_object.$toPages]() {
+    if (!this.subform.children.length) {
+      return _utils.HTMLResult.success({
+        name: "div",
+        children: []
+      });
+    }
+    this[_xfa_object.$extra] = {
+      overflowNode: null,
+      firstUnsplittable: null,
+      currentContentArea: null,
+      currentPageArea: null,
+      noLayoutFailure: false,
+      pageNumber: 1,
+      pagePosition: "first",
+      oddOrEven: "odd",
+      blankOrNotBlank: "nonBlank",
+      paraStack: []
+    };
+    const root = this.subform.children[0];
+    root.pageSet[_xfa_object.$cleanPage]();
+    const pageAreas = root.pageSet.pageArea.children;
+    const mainHtml = {
+      name: "div",
+      children: []
+    };
+    let pageArea = null;
+    let breakBefore = null;
+    let breakBeforeTarget = null;
+    if (root.breakBefore.children.length >= 1) {
+      breakBefore = root.breakBefore.children[0];
+      breakBeforeTarget = breakBefore.target;
+    } else if (root.subform.children.length >= 1 && root.subform.children[0].breakBefore.children.length >= 1) {
+      breakBefore = root.subform.children[0].breakBefore.children[0];
+      breakBeforeTarget = breakBefore.target;
+    } else if (root.break && root.break.beforeTarget) {
+      breakBefore = root.break;
+      breakBeforeTarget = breakBefore.beforeTarget;
+    } else if (root.subform.children.length >= 1 && root.subform.children[0].break && root.subform.children[0].break.beforeTarget) {
+      breakBefore = root.subform.children[0].break;
+      breakBeforeTarget = breakBefore.beforeTarget;
+    }
+    if (breakBefore) {
+      const target = this[_xfa_object.$searchNode](breakBeforeTarget, breakBefore[_xfa_object.$getParent]());
+      if (target instanceof PageArea) {
+        pageArea = target;
+        breakBefore[_xfa_object.$extra] = {};
+      }
+    }
+    if (!pageArea) {
+      pageArea = pageAreas[0];
+    }
+    pageArea[_xfa_object.$extra] = {
+      numberOfUse: 1
+    };
+    const pageAreaParent = pageArea[_xfa_object.$getParent]();
+    pageAreaParent[_xfa_object.$extra] = {
+      numberOfUse: 1,
+      pageIndex: pageAreaParent.pageArea.children.indexOf(pageArea),
+      pageSetIndex: 0
+    };
+    let targetPageArea;
+    let leader = null;
+    let trailer = null;
+    let hasSomething = true;
+    let hasSomethingCounter = 0;
+    let startIndex = 0;
+    while (true) {
+      if (!hasSomething) {
+        mainHtml.children.pop();
+        if (++hasSomethingCounter === MAX_EMPTY_PAGES) {
+          (0, _util.warn)("XFA - Something goes wrong: please file a bug.");
+          return mainHtml;
+        }
+      } else {
+        hasSomethingCounter = 0;
+      }
+      targetPageArea = null;
+      this[_xfa_object.$extra].currentPageArea = pageArea;
+      const page = pageArea[_xfa_object.$toHTML]().html;
+      mainHtml.children.push(page);
+      if (leader) {
+        this[_xfa_object.$extra].noLayoutFailure = true;
+        page.children.push(leader[_xfa_object.$toHTML](pageArea[_xfa_object.$extra].space).html);
+        leader = null;
+      }
+      if (trailer) {
+        this[_xfa_object.$extra].noLayoutFailure = true;
+        page.children.push(trailer[_xfa_object.$toHTML](pageArea[_xfa_object.$extra].space).html);
+        trailer = null;
+      }
+      const contentAreas = pageArea.contentArea.children;
+      const htmlContentAreas = page.children.filter(node => node.attributes.class.includes("xfaContentarea"));
+      hasSomething = false;
+      this[_xfa_object.$extra].firstUnsplittable = null;
+      this[_xfa_object.$extra].noLayoutFailure = false;
+      const flush = index => {
+        const html = root[_xfa_object.$flushHTML]();
+        if (html) {
+          hasSomething ||= !!html.children && html.children.length !== 0;
+          htmlContentAreas[index].children.push(html);
+        }
+      };
+      for (let i = startIndex, ii = contentAreas.length; i < ii; i++) {
+        const contentArea = this[_xfa_object.$extra].currentContentArea = contentAreas[i];
+        const space = {
+          width: contentArea.w,
+          height: contentArea.h
+        };
+        startIndex = 0;
+        if (leader) {
+          htmlContentAreas[i].children.push(leader[_xfa_object.$toHTML](space).html);
+          leader = null;
+        }
+        if (trailer) {
+          htmlContentAreas[i].children.push(trailer[_xfa_object.$toHTML](space).html);
+          trailer = null;
+        }
+        const html = root[_xfa_object.$toHTML](space);
+        if (html.success) {
+          if (html.html) {
+            hasSomething ||= !!html.html.children && html.html.children.length !== 0;
+            htmlContentAreas[i].children.push(html.html);
+          } else if (!hasSomething && mainHtml.children.length > 1) {
+            mainHtml.children.pop();
+          }
+          return mainHtml;
+        }
+        if (html.isBreak()) {
+          const node = html.breakNode;
+          flush(i);
+          if (node.targetType === "auto") {
+            continue;
+          }
+          if (node.leader) {
+            leader = this[_xfa_object.$searchNode](node.leader, node[_xfa_object.$getParent]());
+            leader = leader ? leader[0] : null;
+          }
+          if (node.trailer) {
+            trailer = this[_xfa_object.$searchNode](node.trailer, node[_xfa_object.$getParent]());
+            trailer = trailer ? trailer[0] : null;
+          }
+          if (node.targetType === "pageArea") {
+            targetPageArea = node[_xfa_object.$extra].target;
+            i = Infinity;
+          } else if (!node[_xfa_object.$extra].target) {
+            i = node[_xfa_object.$extra].index;
+          } else {
+            targetPageArea = node[_xfa_object.$extra].target;
+            startIndex = node[_xfa_object.$extra].index + 1;
+            i = Infinity;
+          }
+          continue;
+        }
+        if (this[_xfa_object.$extra].overflowNode) {
+          const node = this[_xfa_object.$extra].overflowNode;
+          this[_xfa_object.$extra].overflowNode = null;
+          const overflowExtra = node[_xfa_object.$getExtra]();
+          const target = overflowExtra.target;
+          overflowExtra.addLeader = overflowExtra.leader !== null;
+          overflowExtra.addTrailer = overflowExtra.trailer !== null;
+          flush(i);
+          const currentIndex = i;
+          i = Infinity;
+          if (target instanceof PageArea) {
+            targetPageArea = target;
+          } else if (target instanceof ContentArea) {
+            const index = contentAreas.indexOf(target);
+            if (index !== -1) {
+              if (index > currentIndex) {
+                i = index - 1;
+              } else {
+                startIndex = index;
+              }
+            } else {
+              targetPageArea = target[_xfa_object.$getParent]();
+              startIndex = targetPageArea.contentArea.children.indexOf(target);
+            }
+          }
+          continue;
+        }
+        flush(i);
+      }
+      this[_xfa_object.$extra].pageNumber += 1;
+      if (targetPageArea) {
+        if (targetPageArea[_xfa_object.$isUsable]()) {
+          targetPageArea[_xfa_object.$extra].numberOfUse += 1;
+        } else {
+          targetPageArea = null;
+        }
+      }
+      pageArea = targetPageArea || pageArea[_xfa_object.$getNextPage]();
+      yield null;
+    }
+  }
+}
+exports.Template = Template;
+class Text extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "text");
+    this.id = attributes.id || "";
+    this.maxChars = (0, _utils.getInteger)({
+      data: attributes.maxChars,
+      defaultValue: 0,
+      validate: x => x >= 0
+    });
+    this.name = attributes.name || "";
+    this.rid = attributes.rid || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$acceptWhitespace]() {
+    return true;
+  }
+  [_xfa_object.$onChild](child) {
+    if (child[_xfa_object.$namespaceId] === _namespaces.NamespaceIds.xhtml.id) {
+      this[_xfa_object.$content] = child;
+      return true;
+    }
+    (0, _util.warn)(`XFA - Invalid content in Text: ${child[_xfa_object.$nodeName]}.`);
+    return false;
+  }
+  [_xfa_object.$onText](str) {
+    if (this[_xfa_object.$content] instanceof _xfa_object.XFAObject) {
+      return;
+    }
+    super[_xfa_object.$onText](str);
+  }
+  [_xfa_object.$finalize]() {
+    if (typeof this[_xfa_object.$content] === "string") {
+      this[_xfa_object.$content] = this[_xfa_object.$content].replaceAll("\r\n", "\n");
+    }
+  }
+  [_xfa_object.$getExtra]() {
+    if (typeof this[_xfa_object.$content] === "string") {
+      return this[_xfa_object.$content].split(/[\u2029\u2028\n]/).reduce((acc, line) => {
+        if (line) {
+          acc.push(line);
+        }
+        return acc;
+      }, []).join("\n");
+    }
+    return this[_xfa_object.$content][_xfa_object.$text]();
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    if (typeof this[_xfa_object.$content] === "string") {
+      const html = valueToHtml(this[_xfa_object.$content]).html;
+      if (this[_xfa_object.$content].includes("\u2029")) {
+        html.name = "div";
+        html.children = [];
+        this[_xfa_object.$content].split("\u2029").map(para => para.split(/[\u2028\n]/).reduce((acc, line) => {
+          acc.push({
+            name: "span",
+            value: line
+          }, {
+            name: "br"
+          });
+          return acc;
+        }, [])).forEach(lines => {
+          html.children.push({
+            name: "p",
+            children: lines
+          });
+        });
+      } else if (/[\u2028\n]/.test(this[_xfa_object.$content])) {
+        html.name = "div";
+        html.children = [];
+        this[_xfa_object.$content].split(/[\u2028\n]/).forEach(line => {
+          html.children.push({
+            name: "span",
+            value: line
+          }, {
+            name: "br"
+          });
+        });
+      }
+      return _utils.HTMLResult.success(html);
+    }
+    return this[_xfa_object.$content][_xfa_object.$toHTML](availableSpace);
+  }
+}
+exports.Text = Text;
+class TextEdit extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "textEdit", true);
+    this.allowRichText = (0, _utils.getInteger)({
+      data: attributes.allowRichText,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.hScrollPolicy = (0, _utils.getStringOption)(attributes.hScrollPolicy, ["auto", "off", "on"]);
+    this.id = attributes.id || "";
+    this.multiLine = (0, _utils.getInteger)({
+      data: attributes.multiLine,
+      defaultValue: "",
+      validate: x => x === 0 || x === 1
+    });
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.vScrollPolicy = (0, _utils.getStringOption)(attributes.vScrollPolicy, ["auto", "off", "on"]);
+    this.border = null;
+    this.comb = null;
+    this.extras = null;
+    this.margin = null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const style = (0, _html_utils.toStyle)(this, "border", "font", "margin");
+    let html;
+    const field = this[_xfa_object.$getParent]()[_xfa_object.$getParent]();
+    if (this.multiLine === "") {
+      this.multiLine = field instanceof Draw ? 1 : 0;
+    }
+    if (this.multiLine === 1) {
+      html = {
+        name: "textarea",
+        attributes: {
+          dataId: field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid],
+          fieldId: field[_xfa_object.$uid],
+          class: ["xfaTextfield"],
+          style,
+          "aria-label": ariaLabel(field),
+          "aria-required": false
+        }
+      };
+    } else {
+      html = {
+        name: "input",
+        attributes: {
+          type: "text",
+          dataId: field[_xfa_object.$data] && field[_xfa_object.$data][_xfa_object.$uid] || field[_xfa_object.$uid],
+          fieldId: field[_xfa_object.$uid],
+          class: ["xfaTextfield"],
+          style,
+          "aria-label": ariaLabel(field),
+          "aria-required": false
+        }
+      };
+    }
+    if (isRequired(field)) {
+      html.attributes["aria-required"] = true;
+      html.attributes.required = true;
+    }
+    return _utils.HTMLResult.success({
+      name: "label",
+      attributes: {
+        class: ["xfaLabel"]
+      },
+      children: [html]
+    });
+  }
+}
+class Time extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "time");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+  [_xfa_object.$finalize]() {
+    const date = this[_xfa_object.$content].trim();
+    this[_xfa_object.$content] = date ? new Date(date) : null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return valueToHtml(this[_xfa_object.$content] ? this[_xfa_object.$content].toString() : "");
+  }
+}
+class TimeStamp extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "timeStamp");
+    this.id = attributes.id || "";
+    this.server = attributes.server || "";
+    this.type = (0, _utils.getStringOption)(attributes.type, ["optional", "required"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class ToolTip extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "toolTip");
+    this.id = attributes.id || "";
+    this.rid = attributes.rid || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Traversal extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "traversal", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.traverse = new _xfa_object.XFAObjectArray();
+  }
+}
+class Traverse extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "traverse", true);
+    this.id = attributes.id || "";
+    this.operation = (0, _utils.getStringOption)(attributes.operation, ["next", "back", "down", "first", "left", "right", "up"]);
+    this.ref = attributes.ref || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.script = null;
+  }
+  get name() {
+    return this.operation;
+  }
+  [_xfa_object.$isTransparent]() {
+    return false;
+  }
+}
+class Ui extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "ui", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.picture = null;
+    this.barcode = null;
+    this.button = null;
+    this.checkButton = null;
+    this.choiceList = null;
+    this.dateTimeEdit = null;
+    this.defaultUi = null;
+    this.imageEdit = null;
+    this.numericEdit = null;
+    this.passwordEdit = null;
+    this.signature = null;
+    this.textEdit = null;
+  }
+  [_xfa_object.$getExtra]() {
+    if (this[_xfa_object.$extra] === undefined) {
+      for (const name of Object.getOwnPropertyNames(this)) {
+        if (name === "extras" || name === "picture") {
+          continue;
+        }
+        const obj = this[name];
+        if (!(obj instanceof _xfa_object.XFAObject)) {
+          continue;
+        }
+        this[_xfa_object.$extra] = obj;
+        return obj;
+      }
+      this[_xfa_object.$extra] = null;
+    }
+    return this[_xfa_object.$extra];
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const obj = this[_xfa_object.$getExtra]();
+    if (obj) {
+      return obj[_xfa_object.$toHTML](availableSpace);
+    }
+    return _utils.HTMLResult.EMPTY;
+  }
+}
+class Validate extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "validate", true);
+    this.formatTest = (0, _utils.getStringOption)(attributes.formatTest, ["warning", "disabled", "error"]);
+    this.id = attributes.id || "";
+    this.nullTest = (0, _utils.getStringOption)(attributes.nullTest, ["disabled", "error", "warning"]);
+    this.scriptTest = (0, _utils.getStringOption)(attributes.scriptTest, ["error", "disabled", "warning"]);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.extras = null;
+    this.message = null;
+    this.picture = null;
+    this.script = null;
+  }
+}
+class Value extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "value", true);
+    this.id = attributes.id || "";
+    this.override = (0, _utils.getInteger)({
+      data: attributes.override,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.relevant = (0, _utils.getRelevant)(attributes.relevant);
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.arc = null;
+    this.boolean = null;
+    this.date = null;
+    this.dateTime = null;
+    this.decimal = null;
+    this.exData = null;
+    this.float = null;
+    this.image = null;
+    this.integer = null;
+    this.line = null;
+    this.rectangle = null;
+    this.text = null;
+    this.time = null;
+  }
+  [_xfa_object.$setValue](value) {
+    const parent = this[_xfa_object.$getParent]();
+    if (parent instanceof Field) {
+      if (parent.ui && parent.ui.imageEdit) {
+        if (!this.image) {
+          this.image = new Image({});
+          this[_xfa_object.$appendChild](this.image);
+        }
+        this.image[_xfa_object.$content] = value[_xfa_object.$content];
+        return;
+      }
+    }
+    const valueName = value[_xfa_object.$nodeName];
+    if (this[valueName] !== null) {
+      this[valueName][_xfa_object.$content] = value[_xfa_object.$content];
+      return;
+    }
+    for (const name of Object.getOwnPropertyNames(this)) {
+      const obj = this[name];
+      if (obj instanceof _xfa_object.XFAObject) {
+        this[name] = null;
+        this[_xfa_object.$removeChild](obj);
+      }
+    }
+    this[value[_xfa_object.$nodeName]] = value;
+    this[_xfa_object.$appendChild](value);
+  }
+  [_xfa_object.$text]() {
+    if (this.exData) {
+      if (typeof this.exData[_xfa_object.$content] === "string") {
+        return this.exData[_xfa_object.$content].trim();
+      }
+      return this.exData[_xfa_object.$content][_xfa_object.$text]().trim();
+    }
+    for (const name of Object.getOwnPropertyNames(this)) {
+      if (name === "image") {
+        continue;
+      }
+      const obj = this[name];
+      if (obj instanceof _xfa_object.XFAObject) {
+        return (obj[_xfa_object.$content] || "").toString().trim();
+      }
+    }
+    return null;
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    for (const name of Object.getOwnPropertyNames(this)) {
+      const obj = this[name];
+      if (!(obj instanceof _xfa_object.XFAObject)) {
+        continue;
+      }
+      return obj[_xfa_object.$toHTML](availableSpace);
+    }
+    return _utils.HTMLResult.EMPTY;
+  }
+}
+exports.Value = Value;
+class Variables extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(TEMPLATE_NS_ID, "variables", true);
+    this.id = attributes.id || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+    this.boolean = new _xfa_object.XFAObjectArray();
+    this.date = new _xfa_object.XFAObjectArray();
+    this.dateTime = new _xfa_object.XFAObjectArray();
+    this.decimal = new _xfa_object.XFAObjectArray();
+    this.exData = new _xfa_object.XFAObjectArray();
+    this.float = new _xfa_object.XFAObjectArray();
+    this.image = new _xfa_object.XFAObjectArray();
+    this.integer = new _xfa_object.XFAObjectArray();
+    this.manifest = new _xfa_object.XFAObjectArray();
+    this.script = new _xfa_object.XFAObjectArray();
+    this.text = new _xfa_object.XFAObjectArray();
+    this.time = new _xfa_object.XFAObjectArray();
+  }
+  [_xfa_object.$isTransparent]() {
+    return true;
+  }
+}
+class TemplateNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (TemplateNamespace.hasOwnProperty(name)) {
+      const node = TemplateNamespace[name](attributes);
+      node[_xfa_object.$setSetAttributes](attributes);
+      return node;
+    }
+    return undefined;
+  }
+  static appearanceFilter(attrs) {
+    return new AppearanceFilter(attrs);
+  }
+  static arc(attrs) {
+    return new Arc(attrs);
+  }
+  static area(attrs) {
+    return new Area(attrs);
+  }
+  static assist(attrs) {
+    return new Assist(attrs);
+  }
+  static barcode(attrs) {
+    return new Barcode(attrs);
+  }
+  static bind(attrs) {
+    return new Bind(attrs);
+  }
+  static bindItems(attrs) {
+    return new BindItems(attrs);
+  }
+  static bookend(attrs) {
+    return new Bookend(attrs);
+  }
+  static boolean(attrs) {
+    return new BooleanElement(attrs);
+  }
+  static border(attrs) {
+    return new Border(attrs);
+  }
+  static break(attrs) {
+    return new Break(attrs);
+  }
+  static breakAfter(attrs) {
+    return new BreakAfter(attrs);
+  }
+  static breakBefore(attrs) {
+    return new BreakBefore(attrs);
+  }
+  static button(attrs) {
+    return new Button(attrs);
+  }
+  static calculate(attrs) {
+    return new Calculate(attrs);
+  }
+  static caption(attrs) {
+    return new Caption(attrs);
+  }
+  static certificate(attrs) {
+    return new Certificate(attrs);
+  }
+  static certificates(attrs) {
+    return new Certificates(attrs);
+  }
+  static checkButton(attrs) {
+    return new CheckButton(attrs);
+  }
+  static choiceList(attrs) {
+    return new ChoiceList(attrs);
+  }
+  static color(attrs) {
+    return new Color(attrs);
+  }
+  static comb(attrs) {
+    return new Comb(attrs);
+  }
+  static connect(attrs) {
+    return new Connect(attrs);
+  }
+  static contentArea(attrs) {
+    return new ContentArea(attrs);
+  }
+  static corner(attrs) {
+    return new Corner(attrs);
+  }
+  static date(attrs) {
+    return new DateElement(attrs);
+  }
+  static dateTime(attrs) {
+    return new DateTime(attrs);
+  }
+  static dateTimeEdit(attrs) {
+    return new DateTimeEdit(attrs);
+  }
+  static decimal(attrs) {
+    return new Decimal(attrs);
+  }
+  static defaultUi(attrs) {
+    return new DefaultUi(attrs);
+  }
+  static desc(attrs) {
+    return new Desc(attrs);
+  }
+  static digestMethod(attrs) {
+    return new DigestMethod(attrs);
+  }
+  static digestMethods(attrs) {
+    return new DigestMethods(attrs);
+  }
+  static draw(attrs) {
+    return new Draw(attrs);
+  }
+  static edge(attrs) {
+    return new Edge(attrs);
+  }
+  static encoding(attrs) {
+    return new Encoding(attrs);
+  }
+  static encodings(attrs) {
+    return new Encodings(attrs);
+  }
+  static encrypt(attrs) {
+    return new Encrypt(attrs);
+  }
+  static encryptData(attrs) {
+    return new EncryptData(attrs);
+  }
+  static encryption(attrs) {
+    return new Encryption(attrs);
+  }
+  static encryptionMethod(attrs) {
+    return new EncryptionMethod(attrs);
+  }
+  static encryptionMethods(attrs) {
+    return new EncryptionMethods(attrs);
+  }
+  static event(attrs) {
+    return new Event(attrs);
+  }
+  static exData(attrs) {
+    return new ExData(attrs);
+  }
+  static exObject(attrs) {
+    return new ExObject(attrs);
+  }
+  static exclGroup(attrs) {
+    return new ExclGroup(attrs);
+  }
+  static execute(attrs) {
+    return new Execute(attrs);
+  }
+  static extras(attrs) {
+    return new Extras(attrs);
+  }
+  static field(attrs) {
+    return new Field(attrs);
+  }
+  static fill(attrs) {
+    return new Fill(attrs);
+  }
+  static filter(attrs) {
+    return new Filter(attrs);
+  }
+  static float(attrs) {
+    return new Float(attrs);
+  }
+  static font(attrs) {
+    return new Font(attrs);
+  }
+  static format(attrs) {
+    return new Format(attrs);
+  }
+  static handler(attrs) {
+    return new Handler(attrs);
+  }
+  static hyphenation(attrs) {
+    return new Hyphenation(attrs);
+  }
+  static image(attrs) {
+    return new Image(attrs);
+  }
+  static imageEdit(attrs) {
+    return new ImageEdit(attrs);
+  }
+  static integer(attrs) {
+    return new Integer(attrs);
+  }
+  static issuers(attrs) {
+    return new Issuers(attrs);
+  }
+  static items(attrs) {
+    return new Items(attrs);
+  }
+  static keep(attrs) {
+    return new Keep(attrs);
+  }
+  static keyUsage(attrs) {
+    return new KeyUsage(attrs);
+  }
+  static line(attrs) {
+    return new Line(attrs);
+  }
+  static linear(attrs) {
+    return new Linear(attrs);
+  }
+  static lockDocument(attrs) {
+    return new LockDocument(attrs);
+  }
+  static manifest(attrs) {
+    return new Manifest(attrs);
+  }
+  static margin(attrs) {
+    return new Margin(attrs);
+  }
+  static mdp(attrs) {
+    return new Mdp(attrs);
+  }
+  static medium(attrs) {
+    return new Medium(attrs);
+  }
+  static message(attrs) {
+    return new Message(attrs);
+  }
+  static numericEdit(attrs) {
+    return new NumericEdit(attrs);
+  }
+  static occur(attrs) {
+    return new Occur(attrs);
+  }
+  static oid(attrs) {
+    return new Oid(attrs);
+  }
+  static oids(attrs) {
+    return new Oids(attrs);
+  }
+  static overflow(attrs) {
+    return new Overflow(attrs);
+  }
+  static pageArea(attrs) {
+    return new PageArea(attrs);
+  }
+  static pageSet(attrs) {
+    return new PageSet(attrs);
+  }
+  static para(attrs) {
+    return new Para(attrs);
+  }
+  static passwordEdit(attrs) {
+    return new PasswordEdit(attrs);
+  }
+  static pattern(attrs) {
+    return new Pattern(attrs);
+  }
+  static picture(attrs) {
+    return new Picture(attrs);
+  }
+  static proto(attrs) {
+    return new Proto(attrs);
+  }
+  static radial(attrs) {
+    return new Radial(attrs);
+  }
+  static reason(attrs) {
+    return new Reason(attrs);
+  }
+  static reasons(attrs) {
+    return new Reasons(attrs);
+  }
+  static rectangle(attrs) {
+    return new Rectangle(attrs);
+  }
+  static ref(attrs) {
+    return new RefElement(attrs);
+  }
+  static script(attrs) {
+    return new Script(attrs);
+  }
+  static setProperty(attrs) {
+    return new SetProperty(attrs);
+  }
+  static signData(attrs) {
+    return new SignData(attrs);
+  }
+  static signature(attrs) {
+    return new Signature(attrs);
+  }
+  static signing(attrs) {
+    return new Signing(attrs);
+  }
+  static solid(attrs) {
+    return new Solid(attrs);
+  }
+  static speak(attrs) {
+    return new Speak(attrs);
+  }
+  static stipple(attrs) {
+    return new Stipple(attrs);
+  }
+  static subform(attrs) {
+    return new Subform(attrs);
+  }
+  static subformSet(attrs) {
+    return new SubformSet(attrs);
+  }
+  static subjectDN(attrs) {
+    return new SubjectDN(attrs);
+  }
+  static subjectDNs(attrs) {
+    return new SubjectDNs(attrs);
+  }
+  static submit(attrs) {
+    return new Submit(attrs);
+  }
+  static template(attrs) {
+    return new Template(attrs);
+  }
+  static text(attrs) {
+    return new Text(attrs);
+  }
+  static textEdit(attrs) {
+    return new TextEdit(attrs);
+  }
+  static time(attrs) {
+    return new Time(attrs);
+  }
+  static timeStamp(attrs) {
+    return new TimeStamp(attrs);
+  }
+  static toolTip(attrs) {
+    return new ToolTip(attrs);
+  }
+  static traversal(attrs) {
+    return new Traversal(attrs);
+  }
+  static traverse(attrs) {
+    return new Traverse(attrs);
+  }
+  static ui(attrs) {
+    return new Ui(attrs);
+  }
+  static validate(attrs) {
+    return new Validate(attrs);
+  }
+  static value(attrs) {
+    return new Value(attrs);
+  }
+  static variables(attrs) {
+    return new Variables(attrs);
+  }
+}
+exports.TemplateNamespace = TemplateNamespace;
+
+/***/ }),
+/* 83 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.addHTML = addHTML;
+exports.checkDimensions = checkDimensions;
+exports.flushHTML = flushHTML;
+exports.getAvailableSpace = getAvailableSpace;
+var _xfa_object = __w_pdfjs_require__(77);
+var _html_utils = __w_pdfjs_require__(84);
+function createLine(node, children) {
+  return {
+    name: "div",
+    attributes: {
+      class: [node.layout === "lr-tb" ? "xfaLr" : "xfaRl"]
+    },
+    children
+  };
+}
+function flushHTML(node) {
+  if (!node[_xfa_object.$extra]) {
+    return null;
+  }
+  const attributes = node[_xfa_object.$extra].attributes;
+  const html = {
+    name: "div",
+    attributes,
+    children: node[_xfa_object.$extra].children
+  };
+  if (node[_xfa_object.$extra].failingNode) {
+    const htmlFromFailing = node[_xfa_object.$extra].failingNode[_xfa_object.$flushHTML]();
+    if (htmlFromFailing) {
+      if (node.layout.endsWith("-tb")) {
+        html.children.push(createLine(node, [htmlFromFailing]));
+      } else {
+        html.children.push(htmlFromFailing);
+      }
+    }
+  }
+  if (html.children.length === 0) {
+    return null;
+  }
+  return html;
+}
+function addHTML(node, html, bbox) {
+  const extra = node[_xfa_object.$extra];
+  const availableSpace = extra.availableSpace;
+  const [x, y, w, h] = bbox;
+  switch (node.layout) {
+    case "position":
+      {
+        extra.width = Math.max(extra.width, x + w);
+        extra.height = Math.max(extra.height, y + h);
+        extra.children.push(html);
+        break;
+      }
+    case "lr-tb":
+    case "rl-tb":
+      if (!extra.line || extra.attempt === 1) {
+        extra.line = createLine(node, []);
+        extra.children.push(extra.line);
+        extra.numberInLine = 0;
+      }
+      extra.numberInLine += 1;
+      extra.line.children.push(html);
+      if (extra.attempt === 0) {
+        extra.currentWidth += w;
+        extra.height = Math.max(extra.height, extra.prevHeight + h);
+      } else {
+        extra.currentWidth = w;
+        extra.prevHeight = extra.height;
+        extra.height += h;
+        extra.attempt = 0;
+      }
+      extra.width = Math.max(extra.width, extra.currentWidth);
+      break;
+    case "rl-row":
+    case "row":
+      {
+        extra.children.push(html);
+        extra.width += w;
+        extra.height = Math.max(extra.height, h);
+        const height = (0, _html_utils.measureToString)(extra.height);
+        for (const child of extra.children) {
+          child.attributes.style.height = height;
+        }
+        break;
+      }
+    case "table":
+      {
+        extra.width = Math.min(availableSpace.width, Math.max(extra.width, w));
+        extra.height += h;
+        extra.children.push(html);
+        break;
+      }
+    case "tb":
+      {
+        extra.width = Math.min(availableSpace.width, Math.max(extra.width, w));
+        extra.height += h;
+        extra.children.push(html);
+        break;
+      }
+  }
+}
+function getAvailableSpace(node) {
+  const availableSpace = node[_xfa_object.$extra].availableSpace;
+  const marginV = node.margin ? node.margin.topInset + node.margin.bottomInset : 0;
+  const marginH = node.margin ? node.margin.leftInset + node.margin.rightInset : 0;
+  switch (node.layout) {
+    case "lr-tb":
+    case "rl-tb":
+      if (node[_xfa_object.$extra].attempt === 0) {
+        return {
+          width: availableSpace.width - marginH - node[_xfa_object.$extra].currentWidth,
+          height: availableSpace.height - marginV - node[_xfa_object.$extra].prevHeight
+        };
+      }
+      return {
+        width: availableSpace.width - marginH,
+        height: availableSpace.height - marginV - node[_xfa_object.$extra].height
+      };
+    case "rl-row":
+    case "row":
+      const width = node[_xfa_object.$extra].columnWidths.slice(node[_xfa_object.$extra].currentColumn).reduce((a, x) => a + x);
+      return {
+        width,
+        height: availableSpace.height - marginH
+      };
+    case "table":
+    case "tb":
+      return {
+        width: availableSpace.width - marginH,
+        height: availableSpace.height - marginV - node[_xfa_object.$extra].height
+      };
+    case "position":
+    default:
+      return availableSpace;
+  }
+}
+function getTransformedBBox(node) {
+  let w = node.w === "" ? NaN : node.w;
+  let h = node.h === "" ? NaN : node.h;
+  let [centerX, centerY] = [0, 0];
+  switch (node.anchorType || "") {
+    case "bottomCenter":
+      [centerX, centerY] = [w / 2, h];
+      break;
+    case "bottomLeft":
+      [centerX, centerY] = [0, h];
+      break;
+    case "bottomRight":
+      [centerX, centerY] = [w, h];
+      break;
+    case "middleCenter":
+      [centerX, centerY] = [w / 2, h / 2];
+      break;
+    case "middleLeft":
+      [centerX, centerY] = [0, h / 2];
+      break;
+    case "middleRight":
+      [centerX, centerY] = [w, h / 2];
+      break;
+    case "topCenter":
+      [centerX, centerY] = [w / 2, 0];
+      break;
+    case "topRight":
+      [centerX, centerY] = [w, 0];
+      break;
+  }
+  let x, y;
+  switch (node.rotate || 0) {
+    case 0:
+      [x, y] = [-centerX, -centerY];
+      break;
+    case 90:
+      [x, y] = [-centerY, centerX];
+      [w, h] = [h, -w];
+      break;
+    case 180:
+      [x, y] = [centerX, centerY];
+      [w, h] = [-w, -h];
+      break;
+    case 270:
+      [x, y] = [centerY, -centerX];
+      [w, h] = [-h, w];
+      break;
+  }
+  return [node.x + x + Math.min(0, w), node.y + y + Math.min(0, h), Math.abs(w), Math.abs(h)];
+}
+function checkDimensions(node, space) {
+  if (node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].firstUnsplittable === null) {
+    return true;
+  }
+  if (node.w === 0 || node.h === 0) {
+    return true;
+  }
+  const ERROR = 2;
+  const parent = node[_xfa_object.$getSubformParent]();
+  const attempt = parent[_xfa_object.$extra] && parent[_xfa_object.$extra].attempt || 0;
+  const [, y, w, h] = getTransformedBBox(node);
+  switch (parent.layout) {
+    case "lr-tb":
+    case "rl-tb":
+      if (attempt === 0) {
+        if (!node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+          if (node.h !== "" && Math.round(h - space.height) > ERROR) {
+            return false;
+          }
+          if (node.w !== "") {
+            if (Math.round(w - space.width) <= ERROR) {
+              return true;
+            }
+            if (parent[_xfa_object.$extra].numberInLine === 0) {
+              return space.height > ERROR;
+            }
+            return false;
+          }
+          return space.width > ERROR;
+        }
+        if (node.w !== "") {
+          return Math.round(w - space.width) <= ERROR;
+        }
+        return space.width > ERROR;
+      }
+      if (node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+        return true;
+      }
+      if (node.h !== "" && Math.round(h - space.height) > ERROR) {
+        return false;
+      }
+      if (node.w === "" || Math.round(w - space.width) <= ERROR) {
+        return space.height > ERROR;
+      }
+      if (parent[_xfa_object.$isThereMoreWidth]()) {
+        return false;
+      }
+      return space.height > ERROR;
+    case "table":
+    case "tb":
+      if (node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+        return true;
+      }
+      if (node.h !== "" && !node[_xfa_object.$isSplittable]()) {
+        return Math.round(h - space.height) <= ERROR;
+      }
+      if (node.w === "" || Math.round(w - space.width) <= ERROR) {
+        return space.height > ERROR;
+      }
+      if (parent[_xfa_object.$isThereMoreWidth]()) {
+        return false;
+      }
+      return space.height > ERROR;
+    case "position":
+      if (node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+        return true;
+      }
+      if (node.h === "" || Math.round(h + y - space.height) <= ERROR) {
+        return true;
+      }
+      const area = node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].currentContentArea;
+      return h + y > area.h;
+    case "rl-row":
+    case "row":
+      if (node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].noLayoutFailure) {
+        return true;
+      }
+      if (node.h !== "") {
+        return Math.round(h - space.height) <= ERROR;
+      }
+      return true;
+    default:
+      return true;
+  }
+}
+
+/***/ }),
+/* 84 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.computeBbox = computeBbox;
+exports.createWrapper = createWrapper;
+exports.fixDimensions = fixDimensions;
+exports.fixTextIndent = fixTextIndent;
+exports.fixURL = fixURL;
+exports.isPrintOnly = isPrintOnly;
+exports.layoutClass = layoutClass;
+exports.layoutNode = layoutNode;
+exports.measureToString = measureToString;
+exports.setAccess = setAccess;
+exports.setFontFamily = setFontFamily;
+exports.setMinMaxDimensions = setMinMaxDimensions;
+exports.setPara = setPara;
+exports.toStyle = toStyle;
+var _xfa_object = __w_pdfjs_require__(77);
+var _util = __w_pdfjs_require__(2);
+var _utils = __w_pdfjs_require__(78);
+var _fonts = __w_pdfjs_require__(85);
+var _text = __w_pdfjs_require__(86);
+function measureToString(m) {
+  if (typeof m === "string") {
+    return "0px";
+  }
+  return Number.isInteger(m) ? `${m}px` : `${m.toFixed(2)}px`;
+}
+const converters = {
+  anchorType(node, style) {
+    const parent = node[_xfa_object.$getSubformParent]();
+    if (!parent || parent.layout && parent.layout !== "position") {
+      return;
+    }
+    if (!("transform" in style)) {
+      style.transform = "";
+    }
+    switch (node.anchorType) {
+      case "bottomCenter":
+        style.transform += "translate(-50%, -100%)";
+        break;
+      case "bottomLeft":
+        style.transform += "translate(0,-100%)";
+        break;
+      case "bottomRight":
+        style.transform += "translate(-100%,-100%)";
+        break;
+      case "middleCenter":
+        style.transform += "translate(-50%,-50%)";
+        break;
+      case "middleLeft":
+        style.transform += "translate(0,-50%)";
+        break;
+      case "middleRight":
+        style.transform += "translate(-100%,-50%)";
+        break;
+      case "topCenter":
+        style.transform += "translate(-50%,0)";
+        break;
+      case "topRight":
+        style.transform += "translate(-100%,0)";
+        break;
+    }
+  },
+  dimensions(node, style) {
+    const parent = node[_xfa_object.$getSubformParent]();
+    let width = node.w;
+    const height = node.h;
+    if (parent.layout && parent.layout.includes("row")) {
+      const extra = parent[_xfa_object.$extra];
+      const colSpan = node.colSpan;
+      let w;
+      if (colSpan === -1) {
+        w = extra.columnWidths.slice(extra.currentColumn).reduce((a, x) => a + x, 0);
+        extra.currentColumn = 0;
+      } else {
+        w = extra.columnWidths.slice(extra.currentColumn, extra.currentColumn + colSpan).reduce((a, x) => a + x, 0);
+        extra.currentColumn = (extra.currentColumn + node.colSpan) % extra.columnWidths.length;
+      }
+      if (!isNaN(w)) {
+        width = node.w = w;
+      }
+    }
+    if (width !== "") {
+      style.width = measureToString(width);
+    } else {
+      style.width = "auto";
+    }
+    if (height !== "") {
+      style.height = measureToString(height);
+    } else {
+      style.height = "auto";
+    }
+  },
+  position(node, style) {
+    const parent = node[_xfa_object.$getSubformParent]();
+    if (parent && parent.layout && parent.layout !== "position") {
+      return;
+    }
+    style.position = "absolute";
+    style.left = measureToString(node.x);
+    style.top = measureToString(node.y);
+  },
+  rotate(node, style) {
+    if (node.rotate) {
+      if (!("transform" in style)) {
+        style.transform = "";
+      }
+      style.transform += `rotate(-${node.rotate}deg)`;
+      style.transformOrigin = "top left";
+    }
+  },
+  presence(node, style) {
+    switch (node.presence) {
+      case "invisible":
+        style.visibility = "hidden";
+        break;
+      case "hidden":
+      case "inactive":
+        style.display = "none";
+        break;
+    }
+  },
+  hAlign(node, style) {
+    if (node[_xfa_object.$nodeName] === "para") {
+      switch (node.hAlign) {
+        case "justifyAll":
+          style.textAlign = "justify-all";
+          break;
+        case "radix":
+          style.textAlign = "left";
+          break;
+        default:
+          style.textAlign = node.hAlign;
+      }
+    } else {
+      switch (node.hAlign) {
+        case "left":
+          style.alignSelf = "start";
+          break;
+        case "center":
+          style.alignSelf = "center";
+          break;
+        case "right":
+          style.alignSelf = "end";
+          break;
+      }
+    }
+  },
+  margin(node, style) {
+    if (node.margin) {
+      style.margin = node.margin[_xfa_object.$toStyle]().margin;
+    }
+  }
+};
+function setMinMaxDimensions(node, style) {
+  const parent = node[_xfa_object.$getSubformParent]();
+  if (parent.layout === "position") {
+    if (node.minW > 0) {
+      style.minWidth = measureToString(node.minW);
+    }
+    if (node.maxW > 0) {
+      style.maxWidth = measureToString(node.maxW);
+    }
+    if (node.minH > 0) {
+      style.minHeight = measureToString(node.minH);
+    }
+    if (node.maxH > 0) {
+      style.maxHeight = measureToString(node.maxH);
+    }
+  }
+}
+function layoutText(text, xfaFont, margin, lineHeight, fontFinder, width) {
+  const measure = new _text.TextMeasure(xfaFont, margin, lineHeight, fontFinder);
+  if (typeof text === "string") {
+    measure.addString(text);
+  } else {
+    text[_xfa_object.$pushGlyphs](measure);
+  }
+  return measure.compute(width);
+}
+function layoutNode(node, availableSpace) {
+  let height = null;
+  let width = null;
+  let isBroken = false;
+  if ((!node.w || !node.h) && node.value) {
+    let marginH = 0;
+    let marginV = 0;
+    if (node.margin) {
+      marginH = node.margin.leftInset + node.margin.rightInset;
+      marginV = node.margin.topInset + node.margin.bottomInset;
+    }
+    let lineHeight = null;
+    let margin = null;
+    if (node.para) {
+      margin = Object.create(null);
+      lineHeight = node.para.lineHeight === "" ? null : node.para.lineHeight;
+      margin.top = node.para.spaceAbove === "" ? 0 : node.para.spaceAbove;
+      margin.bottom = node.para.spaceBelow === "" ? 0 : node.para.spaceBelow;
+      margin.left = node.para.marginLeft === "" ? 0 : node.para.marginLeft;
+      margin.right = node.para.marginRight === "" ? 0 : node.para.marginRight;
+    }
+    let font = node.font;
+    if (!font) {
+      const root = node[_xfa_object.$getTemplateRoot]();
+      let parent = node[_xfa_object.$getParent]();
+      while (parent && parent !== root) {
+        if (parent.font) {
+          font = parent.font;
+          break;
+        }
+        parent = parent[_xfa_object.$getParent]();
+      }
+    }
+    const maxWidth = (node.w || availableSpace.width) - marginH;
+    const fontFinder = node[_xfa_object.$globalData].fontFinder;
+    if (node.value.exData && node.value.exData[_xfa_object.$content] && node.value.exData.contentType === "text/html") {
+      const res = layoutText(node.value.exData[_xfa_object.$content], font, margin, lineHeight, fontFinder, maxWidth);
+      width = res.width;
+      height = res.height;
+      isBroken = res.isBroken;
+    } else {
+      const text = node.value[_xfa_object.$text]();
+      if (text) {
+        const res = layoutText(text, font, margin, lineHeight, fontFinder, maxWidth);
+        width = res.width;
+        height = res.height;
+        isBroken = res.isBroken;
+      }
+    }
+    if (width !== null && !node.w) {
+      width += marginH;
+    }
+    if (height !== null && !node.h) {
+      height += marginV;
+    }
+  }
+  return {
+    w: width,
+    h: height,
+    isBroken
+  };
+}
+function computeBbox(node, html, availableSpace) {
+  let bbox;
+  if (node.w !== "" && node.h !== "") {
+    bbox = [node.x, node.y, node.w, node.h];
+  } else {
+    if (!availableSpace) {
+      return null;
+    }
+    let width = node.w;
+    if (width === "") {
+      if (node.maxW === 0) {
+        const parent = node[_xfa_object.$getSubformParent]();
+        if (parent.layout === "position" && parent.w !== "") {
+          width = 0;
+        } else {
+          width = node.minW;
+        }
+      } else {
+        width = Math.min(node.maxW, availableSpace.width);
+      }
+      html.attributes.style.width = measureToString(width);
+    }
+    let height = node.h;
+    if (height === "") {
+      if (node.maxH === 0) {
+        const parent = node[_xfa_object.$getSubformParent]();
+        if (parent.layout === "position" && parent.h !== "") {
+          height = 0;
+        } else {
+          height = node.minH;
+        }
+      } else {
+        height = Math.min(node.maxH, availableSpace.height);
+      }
+      html.attributes.style.height = measureToString(height);
+    }
+    bbox = [node.x, node.y, width, height];
+  }
+  return bbox;
+}
+function fixDimensions(node) {
+  const parent = node[_xfa_object.$getSubformParent]();
+  if (parent.layout && parent.layout.includes("row")) {
+    const extra = parent[_xfa_object.$extra];
+    const colSpan = node.colSpan;
+    let width;
+    if (colSpan === -1) {
+      width = extra.columnWidths.slice(extra.currentColumn).reduce((a, w) => a + w, 0);
+    } else {
+      width = extra.columnWidths.slice(extra.currentColumn, extra.currentColumn + colSpan).reduce((a, w) => a + w, 0);
+    }
+    if (!isNaN(width)) {
+      node.w = width;
+    }
+  }
+  if (parent.layout && parent.layout !== "position") {
+    node.x = node.y = 0;
+  }
+  if (node.layout === "table") {
+    if (node.w === "" && Array.isArray(node.columnWidths)) {
+      node.w = node.columnWidths.reduce((a, x) => a + x, 0);
+    }
+  }
+}
+function layoutClass(node) {
+  switch (node.layout) {
+    case "position":
+      return "xfaPosition";
+    case "lr-tb":
+      return "xfaLrTb";
+    case "rl-row":
+      return "xfaRlRow";
+    case "rl-tb":
+      return "xfaRlTb";
+    case "row":
+      return "xfaRow";
+    case "table":
+      return "xfaTable";
+    case "tb":
+      return "xfaTb";
+    default:
+      return "xfaPosition";
+  }
+}
+function toStyle(node, ...names) {
+  const style = Object.create(null);
+  for (const name of names) {
+    const value = node[name];
+    if (value === null) {
+      continue;
+    }
+    if (converters.hasOwnProperty(name)) {
+      converters[name](node, style);
+      continue;
+    }
+    if (value instanceof _xfa_object.XFAObject) {
+      const newStyle = value[_xfa_object.$toStyle]();
+      if (newStyle) {
+        Object.assign(style, newStyle);
+      } else {
+        (0, _util.warn)(`(DEBUG) - XFA - style for ${name} not implemented yet`);
+      }
+    }
+  }
+  return style;
+}
+function createWrapper(node, html) {
+  const {
+    attributes
+  } = html;
+  const {
+    style
+  } = attributes;
+  const wrapper = {
+    name: "div",
+    attributes: {
+      class: ["xfaWrapper"],
+      style: Object.create(null)
+    },
+    children: []
+  };
+  attributes.class.push("xfaWrapped");
+  if (node.border) {
+    const {
+      widths,
+      insets
+    } = node.border[_xfa_object.$extra];
+    let width, height;
+    let top = insets[0];
+    let left = insets[3];
+    const insetsH = insets[0] + insets[2];
+    const insetsW = insets[1] + insets[3];
+    switch (node.border.hand) {
+      case "even":
+        top -= widths[0] / 2;
+        left -= widths[3] / 2;
+        width = `calc(100% + ${(widths[1] + widths[3]) / 2 - insetsW}px)`;
+        height = `calc(100% + ${(widths[0] + widths[2]) / 2 - insetsH}px)`;
+        break;
+      case "left":
+        top -= widths[0];
+        left -= widths[3];
+        width = `calc(100% + ${widths[1] + widths[3] - insetsW}px)`;
+        height = `calc(100% + ${widths[0] + widths[2] - insetsH}px)`;
+        break;
+      case "right":
+        width = insetsW ? `calc(100% - ${insetsW}px)` : "100%";
+        height = insetsH ? `calc(100% - ${insetsH}px)` : "100%";
+        break;
+    }
+    const classNames = ["xfaBorder"];
+    if (isPrintOnly(node.border)) {
+      classNames.push("xfaPrintOnly");
+    }
+    const border = {
+      name: "div",
+      attributes: {
+        class: classNames,
+        style: {
+          top: `${top}px`,
+          left: `${left}px`,
+          width,
+          height
+        }
+      },
+      children: []
+    };
+    for (const key of ["border", "borderWidth", "borderColor", "borderRadius", "borderStyle"]) {
+      if (style[key] !== undefined) {
+        border.attributes.style[key] = style[key];
+        delete style[key];
+      }
+    }
+    wrapper.children.push(border, html);
+  } else {
+    wrapper.children.push(html);
+  }
+  for (const key of ["background", "backgroundClip", "top", "left", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "transform", "transformOrigin", "visibility"]) {
+    if (style[key] !== undefined) {
+      wrapper.attributes.style[key] = style[key];
+      delete style[key];
+    }
+  }
+  if (style.position === "absolute") {
+    wrapper.attributes.style.position = "absolute";
+  } else {
+    wrapper.attributes.style.position = "relative";
+  }
+  delete style.position;
+  if (style.alignSelf) {
+    wrapper.attributes.style.alignSelf = style.alignSelf;
+    delete style.alignSelf;
+  }
+  return wrapper;
+}
+function fixTextIndent(styles) {
+  const indent = (0, _utils.getMeasurement)(styles.textIndent, "0px");
+  if (indent >= 0) {
+    return;
+  }
+  const align = styles.textAlign === "right" ? "right" : "left";
+  const name = "padding" + (align === "left" ? "Left" : "Right");
+  const padding = (0, _utils.getMeasurement)(styles[name], "0px");
+  styles[name] = `${padding - indent}px`;
+}
+function setAccess(node, classNames) {
+  switch (node.access) {
+    case "nonInteractive":
+      classNames.push("xfaNonInteractive");
+      break;
+    case "readOnly":
+      classNames.push("xfaReadOnly");
+      break;
+    case "protected":
+      classNames.push("xfaDisabled");
+      break;
+  }
+}
+function isPrintOnly(node) {
+  return node.relevant.length > 0 && !node.relevant[0].excluded && node.relevant[0].viewname === "print";
+}
+function getCurrentPara(node) {
+  const stack = node[_xfa_object.$getTemplateRoot]()[_xfa_object.$extra].paraStack;
+  return stack.length ? stack.at(-1) : null;
+}
+function setPara(node, nodeStyle, value) {
+  if (value.attributes.class && value.attributes.class.includes("xfaRich")) {
+    if (nodeStyle) {
+      if (node.h === "") {
+        nodeStyle.height = "auto";
+      }
+      if (node.w === "") {
+        nodeStyle.width = "auto";
+      }
+    }
+    const para = getCurrentPara(node);
+    if (para) {
+      const valueStyle = value.attributes.style;
+      valueStyle.display = "flex";
+      valueStyle.flexDirection = "column";
+      switch (para.vAlign) {
+        case "top":
+          valueStyle.justifyContent = "start";
+          break;
+        case "bottom":
+          valueStyle.justifyContent = "end";
+          break;
+        case "middle":
+          valueStyle.justifyContent = "center";
+          break;
+      }
+      const paraStyle = para[_xfa_object.$toStyle]();
+      for (const [key, val] of Object.entries(paraStyle)) {
+        if (!(key in valueStyle)) {
+          valueStyle[key] = val;
+        }
+      }
+    }
+  }
+}
+function setFontFamily(xfaFont, node, fontFinder, style) {
+  if (!fontFinder) {
+    delete style.fontFamily;
+    return;
+  }
+  const name = (0, _utils.stripQuotes)(xfaFont.typeface);
+  style.fontFamily = `"${name}"`;
+  const typeface = fontFinder.find(name);
+  if (typeface) {
+    const {
+      fontFamily
+    } = typeface.regular.cssFontInfo;
+    if (fontFamily !== name) {
+      style.fontFamily = `"${fontFamily}"`;
+    }
+    const para = getCurrentPara(node);
+    if (para && para.lineHeight !== "") {
+      return;
+    }
+    if (style.lineHeight) {
+      return;
+    }
+    const pdfFont = (0, _fonts.selectFont)(xfaFont, typeface);
+    if (pdfFont) {
+      style.lineHeight = Math.max(1.2, pdfFont.lineHeight);
+    }
+  }
+}
+function fixURL(str) {
+  const absoluteUrl = (0, _util.createValidAbsoluteUrl)(str, null, {
+    addDefaultProtocol: true,
+    tryConvertEncoding: true
+  });
+  return absoluteUrl ? absoluteUrl.href : null;
+}
+
+/***/ }),
+/* 85 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.FontFinder = void 0;
+exports.getMetrics = getMetrics;
+exports.selectFont = selectFont;
+var _xfa_object = __w_pdfjs_require__(77);
+var _utils = __w_pdfjs_require__(78);
+var _util = __w_pdfjs_require__(2);
+class FontFinder {
+  constructor(pdfFonts) {
+    this.fonts = new Map();
+    this.cache = new Map();
+    this.warned = new Set();
+    this.defaultFont = null;
+    this.add(pdfFonts);
+  }
+  add(pdfFonts, reallyMissingFonts = null) {
+    for (const pdfFont of pdfFonts) {
+      this.addPdfFont(pdfFont);
+    }
+    for (const pdfFont of this.fonts.values()) {
+      if (!pdfFont.regular) {
+        pdfFont.regular = pdfFont.italic || pdfFont.bold || pdfFont.bolditalic;
+      }
+    }
+    if (!reallyMissingFonts || reallyMissingFonts.size === 0) {
+      return;
+    }
+    const myriad = this.fonts.get("PdfJS-Fallback-PdfJS-XFA");
+    for (const missing of reallyMissingFonts) {
+      this.fonts.set(missing, myriad);
+    }
+  }
+  addPdfFont(pdfFont) {
+    const cssFontInfo = pdfFont.cssFontInfo;
+    const name = cssFontInfo.fontFamily;
+    let font = this.fonts.get(name);
+    if (!font) {
+      font = Object.create(null);
+      this.fonts.set(name, font);
+      if (!this.defaultFont) {
+        this.defaultFont = font;
+      }
+    }
+    let property = "";
+    const fontWeight = parseFloat(cssFontInfo.fontWeight);
+    if (parseFloat(cssFontInfo.italicAngle) !== 0) {
+      property = fontWeight >= 700 ? "bolditalic" : "italic";
+    } else if (fontWeight >= 700) {
+      property = "bold";
+    }
+    if (!property) {
+      if (pdfFont.name.includes("Bold") || pdfFont.psName && pdfFont.psName.includes("Bold")) {
+        property = "bold";
+      }
+      if (pdfFont.name.includes("Italic") || pdfFont.name.endsWith("It") || pdfFont.psName && (pdfFont.psName.includes("Italic") || pdfFont.psName.endsWith("It"))) {
+        property += "italic";
+      }
+    }
+    if (!property) {
+      property = "regular";
+    }
+    font[property] = pdfFont;
+  }
+  getDefault() {
+    return this.defaultFont;
+  }
+  find(fontName, mustWarn = true) {
+    let font = this.fonts.get(fontName) || this.cache.get(fontName);
+    if (font) {
+      return font;
+    }
+    const pattern = /,|-|_| |bolditalic|bold|italic|regular|it/gi;
+    let name = fontName.replaceAll(pattern, "");
+    font = this.fonts.get(name);
+    if (font) {
+      this.cache.set(fontName, font);
+      return font;
+    }
+    name = name.toLowerCase();
+    const maybe = [];
+    for (const [family, pdfFont] of this.fonts.entries()) {
+      if (family.replaceAll(pattern, "").toLowerCase().startsWith(name)) {
+        maybe.push(pdfFont);
+      }
+    }
+    if (maybe.length === 0) {
+      for (const [, pdfFont] of this.fonts.entries()) {
+        if (pdfFont.regular.name && pdfFont.regular.name.replaceAll(pattern, "").toLowerCase().startsWith(name)) {
+          maybe.push(pdfFont);
+        }
+      }
+    }
+    if (maybe.length === 0) {
+      name = name.replaceAll(/psmt|mt/gi, "");
+      for (const [family, pdfFont] of this.fonts.entries()) {
+        if (family.replaceAll(pattern, "").toLowerCase().startsWith(name)) {
+          maybe.push(pdfFont);
+        }
+      }
+    }
+    if (maybe.length === 0) {
+      for (const pdfFont of this.fonts.values()) {
+        if (pdfFont.regular.name && pdfFont.regular.name.replaceAll(pattern, "").toLowerCase().startsWith(name)) {
+          maybe.push(pdfFont);
+        }
+      }
+    }
+    if (maybe.length >= 1) {
+      if (maybe.length !== 1 && mustWarn) {
+        (0, _util.warn)(`XFA - Too many choices to guess the correct font: ${fontName}`);
+      }
+      this.cache.set(fontName, maybe[0]);
+      return maybe[0];
+    }
+    if (mustWarn && !this.warned.has(fontName)) {
+      this.warned.add(fontName);
+      (0, _util.warn)(`XFA - Cannot find the font: ${fontName}`);
+    }
+    return null;
+  }
+}
+exports.FontFinder = FontFinder;
+function selectFont(xfaFont, typeface) {
+  if (xfaFont.posture === "italic") {
+    if (xfaFont.weight === "bold") {
+      return typeface.bolditalic;
+    }
+    return typeface.italic;
+  } else if (xfaFont.weight === "bold") {
+    return typeface.bold;
+  }
+  return typeface.regular;
+}
+function getMetrics(xfaFont, real = false) {
+  let pdfFont = null;
+  if (xfaFont) {
+    const name = (0, _utils.stripQuotes)(xfaFont.typeface);
+    const typeface = xfaFont[_xfa_object.$globalData].fontFinder.find(name);
+    pdfFont = selectFont(xfaFont, typeface);
+  }
+  if (!pdfFont) {
+    return {
+      lineHeight: 12,
+      lineGap: 2,
+      lineNoGap: 10
+    };
+  }
+  const size = xfaFont.size || 10;
+  const lineHeight = pdfFont.lineHeight ? Math.max(real ? 0 : 1.2, pdfFont.lineHeight) : 1.2;
+  const lineGap = pdfFont.lineGap === undefined ? 0.2 : pdfFont.lineGap;
+  return {
+    lineHeight: lineHeight * size,
+    lineGap: lineGap * size,
+    lineNoGap: Math.max(1, lineHeight - lineGap) * size
+  };
+}
+
+/***/ }),
+/* 86 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.TextMeasure = void 0;
+var _fonts = __w_pdfjs_require__(85);
+const WIDTH_FACTOR = 1.02;
+class FontInfo {
+  constructor(xfaFont, margin, lineHeight, fontFinder) {
+    this.lineHeight = lineHeight;
+    this.paraMargin = margin || {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    };
+    if (!xfaFont) {
+      [this.pdfFont, this.xfaFont] = this.defaultFont(fontFinder);
+      return;
+    }
+    this.xfaFont = {
+      typeface: xfaFont.typeface,
+      posture: xfaFont.posture,
+      weight: xfaFont.weight,
+      size: xfaFont.size,
+      letterSpacing: xfaFont.letterSpacing
+    };
+    const typeface = fontFinder.find(xfaFont.typeface);
+    if (!typeface) {
+      [this.pdfFont, this.xfaFont] = this.defaultFont(fontFinder);
+      return;
+    }
+    this.pdfFont = (0, _fonts.selectFont)(xfaFont, typeface);
+    if (!this.pdfFont) {
+      [this.pdfFont, this.xfaFont] = this.defaultFont(fontFinder);
+    }
+  }
+  defaultFont(fontFinder) {
+    const font = fontFinder.find("Helvetica", false) || fontFinder.find("Myriad Pro", false) || fontFinder.find("Arial", false) || fontFinder.getDefault();
+    if (font && font.regular) {
+      const pdfFont = font.regular;
+      const info = pdfFont.cssFontInfo;
+      const xfaFont = {
+        typeface: info.fontFamily,
+        posture: "normal",
+        weight: "normal",
+        size: 10,
+        letterSpacing: 0
+      };
+      return [pdfFont, xfaFont];
+    }
+    const xfaFont = {
+      typeface: "Courier",
+      posture: "normal",
+      weight: "normal",
+      size: 10,
+      letterSpacing: 0
+    };
+    return [null, xfaFont];
+  }
+}
+class FontSelector {
+  constructor(defaultXfaFont, defaultParaMargin, defaultLineHeight, fontFinder) {
+    this.fontFinder = fontFinder;
+    this.stack = [new FontInfo(defaultXfaFont, defaultParaMargin, defaultLineHeight, fontFinder)];
+  }
+  pushData(xfaFont, margin, lineHeight) {
+    const lastFont = this.stack.at(-1);
+    for (const name of ["typeface", "posture", "weight", "size", "letterSpacing"]) {
+      if (!xfaFont[name]) {
+        xfaFont[name] = lastFont.xfaFont[name];
+      }
+    }
+    for (const name of ["top", "bottom", "left", "right"]) {
+      if (isNaN(margin[name])) {
+        margin[name] = lastFont.paraMargin[name];
+      }
+    }
+    const fontInfo = new FontInfo(xfaFont, margin, lineHeight || lastFont.lineHeight, this.fontFinder);
+    if (!fontInfo.pdfFont) {
+      fontInfo.pdfFont = lastFont.pdfFont;
+    }
+    this.stack.push(fontInfo);
+  }
+  popFont() {
+    this.stack.pop();
+  }
+  topFont() {
+    return this.stack.at(-1);
+  }
+}
+class TextMeasure {
+  constructor(defaultXfaFont, defaultParaMargin, defaultLineHeight, fonts) {
+    this.glyphs = [];
+    this.fontSelector = new FontSelector(defaultXfaFont, defaultParaMargin, defaultLineHeight, fonts);
+    this.extraHeight = 0;
+  }
+  pushData(xfaFont, margin, lineHeight) {
+    this.fontSelector.pushData(xfaFont, margin, lineHeight);
+  }
+  popFont(xfaFont) {
+    return this.fontSelector.popFont();
+  }
+  addPara() {
+    const lastFont = this.fontSelector.topFont();
+    this.extraHeight += lastFont.paraMargin.top + lastFont.paraMargin.bottom;
+  }
+  addString(str) {
+    if (!str) {
+      return;
+    }
+    const lastFont = this.fontSelector.topFont();
+    const fontSize = lastFont.xfaFont.size;
+    if (lastFont.pdfFont) {
+      const letterSpacing = lastFont.xfaFont.letterSpacing;
+      const pdfFont = lastFont.pdfFont;
+      const fontLineHeight = pdfFont.lineHeight || 1.2;
+      const lineHeight = lastFont.lineHeight || Math.max(1.2, fontLineHeight) * fontSize;
+      const lineGap = pdfFont.lineGap === undefined ? 0.2 : pdfFont.lineGap;
+      const noGap = fontLineHeight - lineGap;
+      const firstLineHeight = Math.max(1, noGap) * fontSize;
+      const scale = fontSize / 1000;
+      const fallbackWidth = pdfFont.defaultWidth || pdfFont.charsToGlyphs(" ")[0].width;
+      for (const line of str.split(/[\u2029\n]/)) {
+        const encodedLine = pdfFont.encodeString(line).join("");
+        const glyphs = pdfFont.charsToGlyphs(encodedLine);
+        for (const glyph of glyphs) {
+          const width = glyph.width || fallbackWidth;
+          this.glyphs.push([width * scale + letterSpacing, lineHeight, firstLineHeight, glyph.unicode, false]);
+        }
+        this.glyphs.push([0, 0, 0, "\n", true]);
+      }
+      this.glyphs.pop();
+      return;
+    }
+    for (const line of str.split(/[\u2029\n]/)) {
+      for (const char of line.split("")) {
+        this.glyphs.push([fontSize, 1.2 * fontSize, fontSize, char, false]);
+      }
+      this.glyphs.push([0, 0, 0, "\n", true]);
+    }
+    this.glyphs.pop();
+  }
+  compute(maxWidth) {
+    let lastSpacePos = -1,
+      lastSpaceWidth = 0,
+      width = 0,
+      height = 0,
+      currentLineWidth = 0,
+      currentLineHeight = 0;
+    let isBroken = false;
+    let isFirstLine = true;
+    for (let i = 0, ii = this.glyphs.length; i < ii; i++) {
+      const [glyphWidth, lineHeight, firstLineHeight, char, isEOL] = this.glyphs[i];
+      const isSpace = char === " ";
+      const glyphHeight = isFirstLine ? firstLineHeight : lineHeight;
+      if (isEOL) {
+        width = Math.max(width, currentLineWidth);
+        currentLineWidth = 0;
+        height += currentLineHeight;
+        currentLineHeight = glyphHeight;
+        lastSpacePos = -1;
+        lastSpaceWidth = 0;
+        isFirstLine = false;
+        continue;
+      }
+      if (isSpace) {
+        if (currentLineWidth + glyphWidth > maxWidth) {
+          width = Math.max(width, currentLineWidth);
+          currentLineWidth = 0;
+          height += currentLineHeight;
+          currentLineHeight = glyphHeight;
+          lastSpacePos = -1;
+          lastSpaceWidth = 0;
+          isBroken = true;
+          isFirstLine = false;
+        } else {
+          currentLineHeight = Math.max(glyphHeight, currentLineHeight);
+          lastSpaceWidth = currentLineWidth;
+          currentLineWidth += glyphWidth;
+          lastSpacePos = i;
+        }
+        continue;
+      }
+      if (currentLineWidth + glyphWidth > maxWidth) {
+        height += currentLineHeight;
+        currentLineHeight = glyphHeight;
+        if (lastSpacePos !== -1) {
+          i = lastSpacePos;
+          width = Math.max(width, lastSpaceWidth);
+          currentLineWidth = 0;
+          lastSpacePos = -1;
+          lastSpaceWidth = 0;
+        } else {
+          width = Math.max(width, currentLineWidth);
+          currentLineWidth = glyphWidth;
+        }
+        isBroken = true;
+        isFirstLine = false;
+        continue;
+      }
+      currentLineWidth += glyphWidth;
+      currentLineHeight = Math.max(glyphHeight, currentLineHeight);
+    }
+    width = Math.max(width, currentLineWidth);
+    height += currentLineHeight + this.extraHeight;
+    return {
+      width: WIDTH_FACTOR * width,
+      height,
+      isBroken
+    };
+  }
+}
+exports.TextMeasure = TextMeasure;
+
+/***/ }),
+/* 87 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.DataHandler = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+class DataHandler {
+  constructor(root, data) {
+    this.data = data;
+    this.dataset = root.datasets || null;
+  }
+  serialize(storage) {
+    const stack = [[-1, this.data[_xfa_object.$getChildren]()]];
+    while (stack.length > 0) {
+      const last = stack.at(-1);
+      const [i, children] = last;
+      if (i + 1 === children.length) {
+        stack.pop();
+        continue;
+      }
+      const child = children[++last[0]];
+      const storageEntry = storage.get(child[_xfa_object.$uid]);
+      if (storageEntry) {
+        child[_xfa_object.$setValue](storageEntry);
+      } else {
+        const attributes = child[_xfa_object.$getAttributes]();
+        for (const value of attributes.values()) {
+          const entry = storage.get(value[_xfa_object.$uid]);
+          if (entry) {
+            value[_xfa_object.$setValue](entry);
+            break;
+          }
+        }
+      }
+      const nodes = child[_xfa_object.$getChildren]();
+      if (nodes.length > 0) {
+        stack.push([-1, nodes]);
+      }
+    }
+    const buf = [`<xfa:datasets xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/">`];
+    if (this.dataset) {
+      for (const child of this.dataset[_xfa_object.$getChildren]()) {
+        if (child[_xfa_object.$nodeName] !== "data") {
+          child[_xfa_object.$toString](buf);
+        }
+      }
+    }
+    this.data[_xfa_object.$toString](buf);
+    buf.push("</xfa:datasets>");
+    return buf.join("");
+  }
+}
+exports.DataHandler = DataHandler;
+
+/***/ }),
+/* 88 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XFAParser = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _xml_parser = __w_pdfjs_require__(66);
+var _builder = __w_pdfjs_require__(89);
+var _util = __w_pdfjs_require__(2);
+class XFAParser extends _xml_parser.XMLParserBase {
+  constructor(rootNameSpace = null, richText = false) {
+    super();
+    this._builder = new _builder.Builder(rootNameSpace);
+    this._stack = [];
+    this._globalData = {
+      usedTypefaces: new Set()
+    };
+    this._ids = new Map();
+    this._current = this._builder.buildRoot(this._ids);
+    this._errorCode = _xml_parser.XMLParserErrorCode.NoError;
+    this._whiteRegex = /^\s+$/;
+    this._nbsps = /\xa0+/g;
+    this._richText = richText;
+  }
+  parse(data) {
+    this.parseXml(data);
+    if (this._errorCode !== _xml_parser.XMLParserErrorCode.NoError) {
+      return undefined;
+    }
+    this._current[_xfa_object.$finalize]();
+    return this._current.element;
+  }
+  onText(text) {
+    text = text.replace(this._nbsps, match => match.slice(1) + " ");
+    if (this._richText || this._current[_xfa_object.$acceptWhitespace]()) {
+      this._current[_xfa_object.$onText](text, this._richText);
+      return;
+    }
+    if (this._whiteRegex.test(text)) {
+      return;
+    }
+    this._current[_xfa_object.$onText](text.trim());
+  }
+  onCdata(text) {
+    this._current[_xfa_object.$onText](text);
+  }
+  _mkAttributes(attributes, tagName) {
+    let namespace = null;
+    let prefixes = null;
+    const attributeObj = Object.create({});
+    for (const {
+      name,
+      value
+    } of attributes) {
+      if (name === "xmlns") {
+        if (!namespace) {
+          namespace = value;
+        } else {
+          (0, _util.warn)(`XFA - multiple namespace definition in <${tagName}>`);
+        }
+      } else if (name.startsWith("xmlns:")) {
+        const prefix = name.substring("xmlns:".length);
+        if (!prefixes) {
+          prefixes = [];
+        }
+        prefixes.push({
+          prefix,
+          value
+        });
+      } else {
+        const i = name.indexOf(":");
+        if (i === -1) {
+          attributeObj[name] = value;
+        } else {
+          let nsAttrs = attributeObj[_xfa_object.$nsAttributes];
+          if (!nsAttrs) {
+            nsAttrs = attributeObj[_xfa_object.$nsAttributes] = Object.create(null);
+          }
+          const [ns, attrName] = [name.slice(0, i), name.slice(i + 1)];
+          const attrs = nsAttrs[ns] ||= Object.create(null);
+          attrs[attrName] = value;
+        }
+      }
+    }
+    return [namespace, prefixes, attributeObj];
+  }
+  _getNameAndPrefix(name, nsAgnostic) {
+    const i = name.indexOf(":");
+    if (i === -1) {
+      return [name, null];
+    }
+    return [name.substring(i + 1), nsAgnostic ? "" : name.substring(0, i)];
+  }
+  onBeginElement(tagName, attributes, isEmpty) {
+    const [namespace, prefixes, attributesObj] = this._mkAttributes(attributes, tagName);
+    const [name, nsPrefix] = this._getNameAndPrefix(tagName, this._builder.isNsAgnostic());
+    const node = this._builder.build({
+      nsPrefix,
+      name,
+      attributes: attributesObj,
+      namespace,
+      prefixes
+    });
+    node[_xfa_object.$globalData] = this._globalData;
+    if (isEmpty) {
+      node[_xfa_object.$finalize]();
+      if (this._current[_xfa_object.$onChild](node)) {
+        node[_xfa_object.$setId](this._ids);
+      }
+      node[_xfa_object.$clean](this._builder);
+      return;
+    }
+    this._stack.push(this._current);
+    this._current = node;
+  }
+  onEndElement(name) {
+    const node = this._current;
+    if (node[_xfa_object.$isCDATAXml]() && typeof node[_xfa_object.$content] === "string") {
+      const parser = new XFAParser();
+      parser._globalData = this._globalData;
+      const root = parser.parse(node[_xfa_object.$content]);
+      node[_xfa_object.$content] = null;
+      node[_xfa_object.$onChild](root);
+    }
+    node[_xfa_object.$finalize]();
+    this._current = this._stack.pop();
+    if (this._current[_xfa_object.$onChild](node)) {
+      node[_xfa_object.$setId](this._ids);
+    }
+    node[_xfa_object.$clean](this._builder);
+  }
+  onError(code) {
+    this._errorCode = code;
+  }
+}
+exports.XFAParser = XFAParser;
+
+/***/ }),
+/* 89 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.Builder = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+var _setup = __w_pdfjs_require__(90);
+var _template = __w_pdfjs_require__(82);
+var _unknown = __w_pdfjs_require__(99);
+var _util = __w_pdfjs_require__(2);
+class Root extends _xfa_object.XFAObject {
+  constructor(ids) {
+    super(-1, "root", Object.create(null));
+    this.element = null;
+    this[_xfa_object.$ids] = ids;
+  }
+  [_xfa_object.$onChild](child) {
+    this.element = child;
+    return true;
+  }
+  [_xfa_object.$finalize]() {
+    super[_xfa_object.$finalize]();
+    if (this.element.template instanceof _template.Template) {
+      this[_xfa_object.$ids].set(_xfa_object.$root, this.element);
+      this.element.template[_xfa_object.$resolvePrototypes](this[_xfa_object.$ids]);
+      this.element.template[_xfa_object.$ids] = this[_xfa_object.$ids];
+    }
+  }
+}
+class Empty extends _xfa_object.XFAObject {
+  constructor() {
+    super(-1, "", Object.create(null));
+  }
+  [_xfa_object.$onChild](_) {
+    return false;
+  }
+}
+class Builder {
+  constructor(rootNameSpace = null) {
+    this._namespaceStack = [];
+    this._nsAgnosticLevel = 0;
+    this._namespacePrefixes = new Map();
+    this._namespaces = new Map();
+    this._nextNsId = Math.max(...Object.values(_namespaces.NamespaceIds).map(({
+      id
+    }) => id));
+    this._currentNamespace = rootNameSpace || new _unknown.UnknownNamespace(++this._nextNsId);
+  }
+  buildRoot(ids) {
+    return new Root(ids);
+  }
+  build({
+    nsPrefix,
+    name,
+    attributes,
+    namespace,
+    prefixes
+  }) {
+    const hasNamespaceDef = namespace !== null;
+    if (hasNamespaceDef) {
+      this._namespaceStack.push(this._currentNamespace);
+      this._currentNamespace = this._searchNamespace(namespace);
+    }
+    if (prefixes) {
+      this._addNamespacePrefix(prefixes);
+    }
+    if (attributes.hasOwnProperty(_xfa_object.$nsAttributes)) {
+      const dataTemplate = _setup.NamespaceSetUp.datasets;
+      const nsAttrs = attributes[_xfa_object.$nsAttributes];
+      let xfaAttrs = null;
+      for (const [ns, attrs] of Object.entries(nsAttrs)) {
+        const nsToUse = this._getNamespaceToUse(ns);
+        if (nsToUse === dataTemplate) {
+          xfaAttrs = {
+            xfa: attrs
+          };
+          break;
+        }
+      }
+      if (xfaAttrs) {
+        attributes[_xfa_object.$nsAttributes] = xfaAttrs;
+      } else {
+        delete attributes[_xfa_object.$nsAttributes];
+      }
+    }
+    const namespaceToUse = this._getNamespaceToUse(nsPrefix);
+    const node = namespaceToUse && namespaceToUse[_namespaces.$buildXFAObject](name, attributes) || new Empty();
+    if (node[_xfa_object.$isNsAgnostic]()) {
+      this._nsAgnosticLevel++;
+    }
+    if (hasNamespaceDef || prefixes || node[_xfa_object.$isNsAgnostic]()) {
+      node[_xfa_object.$cleanup] = {
+        hasNamespace: hasNamespaceDef,
+        prefixes,
+        nsAgnostic: node[_xfa_object.$isNsAgnostic]()
+      };
+    }
+    return node;
+  }
+  isNsAgnostic() {
+    return this._nsAgnosticLevel > 0;
+  }
+  _searchNamespace(nsName) {
+    let ns = this._namespaces.get(nsName);
+    if (ns) {
+      return ns;
+    }
+    for (const [name, {
+      check
+    }] of Object.entries(_namespaces.NamespaceIds)) {
+      if (check(nsName)) {
+        ns = _setup.NamespaceSetUp[name];
+        if (ns) {
+          this._namespaces.set(nsName, ns);
+          return ns;
+        }
+        break;
+      }
+    }
+    ns = new _unknown.UnknownNamespace(++this._nextNsId);
+    this._namespaces.set(nsName, ns);
+    return ns;
+  }
+  _addNamespacePrefix(prefixes) {
+    for (const {
+      prefix,
+      value
+    } of prefixes) {
+      const namespace = this._searchNamespace(value);
+      let prefixStack = this._namespacePrefixes.get(prefix);
+      if (!prefixStack) {
+        prefixStack = [];
+        this._namespacePrefixes.set(prefix, prefixStack);
+      }
+      prefixStack.push(namespace);
+    }
+  }
+  _getNamespaceToUse(prefix) {
+    if (!prefix) {
+      return this._currentNamespace;
+    }
+    const prefixStack = this._namespacePrefixes.get(prefix);
+    if (prefixStack && prefixStack.length > 0) {
+      return prefixStack.at(-1);
+    }
+    (0, _util.warn)(`Unknown namespace prefix: ${prefix}.`);
+    return null;
+  }
+  clean(data) {
+    const {
+      hasNamespace,
+      prefixes,
+      nsAgnostic
+    } = data;
+    if (hasNamespace) {
+      this._currentNamespace = this._namespaceStack.pop();
+    }
+    if (prefixes) {
+      prefixes.forEach(({
+        prefix
+      }) => {
+        this._namespacePrefixes.get(prefix).pop();
+      });
+    }
+    if (nsAgnostic) {
+      this._nsAgnosticLevel--;
+    }
+  }
+}
+exports.Builder = Builder;
+
+/***/ }),
+/* 90 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.NamespaceSetUp = void 0;
+var _config = __w_pdfjs_require__(91);
+var _connection_set = __w_pdfjs_require__(92);
+var _datasets = __w_pdfjs_require__(93);
+var _locale_set = __w_pdfjs_require__(94);
+var _signature = __w_pdfjs_require__(95);
+var _stylesheet = __w_pdfjs_require__(96);
+var _template = __w_pdfjs_require__(82);
+var _xdp = __w_pdfjs_require__(97);
+var _xhtml = __w_pdfjs_require__(98);
+const NamespaceSetUp = {
+  config: _config.ConfigNamespace,
+  connection: _connection_set.ConnectionSetNamespace,
+  datasets: _datasets.DatasetsNamespace,
+  localeSet: _locale_set.LocaleSetNamespace,
+  signature: _signature.SignatureNamespace,
+  stylesheet: _stylesheet.StylesheetNamespace,
+  template: _template.TemplateNamespace,
+  xdp: _xdp.XdpNamespace,
+  xhtml: _xhtml.XhtmlNamespace
+};
+exports.NamespaceSetUp = NamespaceSetUp;
+
+/***/ }),
+/* 91 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ConfigNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+var _utils = __w_pdfjs_require__(78);
+var _util = __w_pdfjs_require__(2);
+const CONFIG_NS_ID = _namespaces.NamespaceIds.config.id;
+class Acrobat extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "acrobat", true);
+    this.acrobat7 = null;
+    this.autoSave = null;
+    this.common = null;
+    this.validate = null;
+    this.validateApprovalSignatures = null;
+    this.submitUrl = new _xfa_object.XFAObjectArray();
+  }
+}
+class Acrobat7 extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "acrobat7", true);
+    this.dynamicRender = null;
+  }
+}
+class ADBE_JSConsole extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "ADBE_JSConsole", ["delegate", "Enable", "Disable"]);
+  }
+}
+class ADBE_JSDebugger extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "ADBE_JSDebugger", ["delegate", "Enable", "Disable"]);
+  }
+}
+class AddSilentPrint extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "addSilentPrint");
+  }
+}
+class AddViewerPreferences extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "addViewerPreferences");
+  }
+}
+class AdjustData extends _xfa_object.Option10 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "adjustData");
+  }
+}
+class AdobeExtensionLevel extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "adobeExtensionLevel", 0, n => n >= 1 && n <= 8);
+  }
+}
+class Agent extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "agent", true);
+    this.name = attributes.name ? attributes.name.trim() : "";
+    this.common = new _xfa_object.XFAObjectArray();
+  }
+}
+class AlwaysEmbed extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "alwaysEmbed");
+  }
+}
+class Amd extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "amd");
+  }
+}
+class Area extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "area");
+    this.level = (0, _utils.getInteger)({
+      data: attributes.level,
+      defaultValue: 0,
+      validate: n => n >= 1 && n <= 3
+    });
+    this.name = (0, _utils.getStringOption)(attributes.name, ["", "barcode", "coreinit", "deviceDriver", "font", "general", "layout", "merge", "script", "signature", "sourceSet", "templateCache"]);
+  }
+}
+class Attributes extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "attributes", ["preserve", "delegate", "ignore"]);
+  }
+}
+class AutoSave extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "autoSave", ["disabled", "enabled"]);
+  }
+}
+class Base extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "base");
+  }
+}
+class BatchOutput extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "batchOutput");
+    this.format = (0, _utils.getStringOption)(attributes.format, ["none", "concat", "zip", "zipCompress"]);
+  }
+}
+class BehaviorOverride extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "behaviorOverride");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = new Map(this[_xfa_object.$content].trim().split(/\s+/).filter(x => x.includes(":")).map(x => x.split(":", 2)));
+  }
+}
+class Cache extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "cache", true);
+    this.templateCache = null;
+  }
+}
+class Change extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "change");
+  }
+}
+class Common extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "common", true);
+    this.data = null;
+    this.locale = null;
+    this.localeSet = null;
+    this.messaging = null;
+    this.suppressBanner = null;
+    this.template = null;
+    this.validationMessaging = null;
+    this.versionControl = null;
+    this.log = new _xfa_object.XFAObjectArray();
+  }
+}
+class Compress extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "compress");
+    this.scope = (0, _utils.getStringOption)(attributes.scope, ["imageOnly", "document"]);
+  }
+}
+class CompressLogicalStructure extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "compressLogicalStructure");
+  }
+}
+class CompressObjectStream extends _xfa_object.Option10 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "compressObjectStream");
+  }
+}
+class Compression extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "compression", true);
+    this.compressLogicalStructure = null;
+    this.compressObjectStream = null;
+    this.level = null;
+    this.type = null;
+  }
+}
+class Config extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "config", true);
+    this.acrobat = null;
+    this.present = null;
+    this.trace = null;
+    this.agent = new _xfa_object.XFAObjectArray();
+  }
+}
+class Conformance extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "conformance", ["A", "B"]);
+  }
+}
+class ContentCopy extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "contentCopy");
+  }
+}
+class Copies extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "copies", 1, n => n >= 1);
+  }
+}
+class Creator extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "creator");
+  }
+}
+class CurrentPage extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "currentPage", 0, n => n >= 0);
+  }
+}
+class Data extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "data", true);
+    this.adjustData = null;
+    this.attributes = null;
+    this.incrementalLoad = null;
+    this.outputXSL = null;
+    this.range = null;
+    this.record = null;
+    this.startNode = null;
+    this.uri = null;
+    this.window = null;
+    this.xsl = null;
+    this.excludeNS = new _xfa_object.XFAObjectArray();
+    this.transform = new _xfa_object.XFAObjectArray();
+  }
+}
+class Debug extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "debug", true);
+    this.uri = null;
+  }
+}
+class DefaultTypeface extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "defaultTypeface");
+    this.writingScript = (0, _utils.getStringOption)(attributes.writingScript, ["*", "Arabic", "Cyrillic", "EastEuropeanRoman", "Greek", "Hebrew", "Japanese", "Korean", "Roman", "SimplifiedChinese", "Thai", "TraditionalChinese", "Vietnamese"]);
+  }
+}
+class Destination extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "destination", ["pdf", "pcl", "ps", "webClient", "zpl"]);
+  }
+}
+class DocumentAssembly extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "documentAssembly");
+  }
+}
+class Driver extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "driver", true);
+    this.name = attributes.name ? attributes.name.trim() : "";
+    this.fontInfo = null;
+    this.xdc = null;
+  }
+}
+class DuplexOption extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "duplexOption", ["simplex", "duplexFlipLongEdge", "duplexFlipShortEdge"]);
+  }
+}
+class DynamicRender extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "dynamicRender", ["forbidden", "required"]);
+  }
+}
+class Embed extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "embed");
+  }
+}
+class Encrypt extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "encrypt");
+  }
+}
+class Encryption extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "encryption", true);
+    this.encrypt = null;
+    this.encryptionLevel = null;
+    this.permissions = null;
+  }
+}
+class EncryptionLevel extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "encryptionLevel", ["40bit", "128bit"]);
+  }
+}
+class Enforce extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "enforce");
+  }
+}
+class Equate extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "equate");
+    this.force = (0, _utils.getInteger)({
+      data: attributes.force,
+      defaultValue: 1,
+      validate: n => n === 0
+    });
+    this.from = attributes.from || "";
+    this.to = attributes.to || "";
+  }
+}
+class EquateRange extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "equateRange");
+    this.from = attributes.from || "";
+    this.to = attributes.to || "";
+    this._unicodeRange = attributes.unicodeRange || "";
+  }
+  get unicodeRange() {
+    const ranges = [];
+    const unicodeRegex = /U\+([0-9a-fA-F]+)/;
+    const unicodeRange = this._unicodeRange;
+    for (let range of unicodeRange.split(",").map(x => x.trim()).filter(x => !!x)) {
+      range = range.split("-", 2).map(x => {
+        const found = x.match(unicodeRegex);
+        if (!found) {
+          return 0;
+        }
+        return parseInt(found[1], 16);
+      });
+      if (range.length === 1) {
+        range.push(range[0]);
+      }
+      ranges.push(range);
+    }
+    return (0, _util.shadow)(this, "unicodeRange", ranges);
+  }
+}
+class Exclude extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "exclude");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim().split(/\s+/).filter(x => x && ["calculate", "close", "enter", "exit", "initialize", "ready", "validate"].includes(x));
+  }
+}
+class ExcludeNS extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "excludeNS");
+  }
+}
+class FlipLabel extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "flipLabel", ["usePrinterSetting", "on", "off"]);
+  }
+}
+class FontInfo extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "fontInfo", true);
+    this.embed = null;
+    this.map = null;
+    this.subsetBelow = null;
+    this.alwaysEmbed = new _xfa_object.XFAObjectArray();
+    this.defaultTypeface = new _xfa_object.XFAObjectArray();
+    this.neverEmbed = new _xfa_object.XFAObjectArray();
+  }
+}
+class FormFieldFilling extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "formFieldFilling");
+  }
+}
+class GroupParent extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "groupParent");
+  }
+}
+class IfEmpty extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "ifEmpty", ["dataValue", "dataGroup", "ignore", "remove"]);
+  }
+}
+class IncludeXDPContent extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "includeXDPContent");
+  }
+}
+class IncrementalLoad extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "incrementalLoad", ["none", "forwardOnly"]);
+  }
+}
+class IncrementalMerge extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "incrementalMerge");
+  }
+}
+class Interactive extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "interactive");
+  }
+}
+class Jog extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "jog", ["usePrinterSetting", "none", "pageSet"]);
+  }
+}
+class LabelPrinter extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "labelPrinter", true);
+    this.name = (0, _utils.getStringOption)(attributes.name, ["zpl", "dpl", "ipl", "tcpl"]);
+    this.batchOutput = null;
+    this.flipLabel = null;
+    this.fontInfo = null;
+    this.xdc = null;
+  }
+}
+class Layout extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "layout", ["paginate", "panel"]);
+  }
+}
+class Level extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "level", 0, n => n > 0);
+  }
+}
+class Linearized extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "linearized");
+  }
+}
+class Locale extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "locale");
+  }
+}
+class LocaleSet extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "localeSet");
+  }
+}
+class Log extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "log", true);
+    this.mode = null;
+    this.threshold = null;
+    this.to = null;
+    this.uri = null;
+  }
+}
+class MapElement extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "map", true);
+    this.equate = new _xfa_object.XFAObjectArray();
+    this.equateRange = new _xfa_object.XFAObjectArray();
+  }
+}
+class MediumInfo extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "mediumInfo", true);
+    this.map = null;
+  }
+}
+class Message extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "message", true);
+    this.msgId = null;
+    this.severity = null;
+  }
+}
+class Messaging extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "messaging", true);
+    this.message = new _xfa_object.XFAObjectArray();
+  }
+}
+class Mode extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "mode", ["append", "overwrite"]);
+  }
+}
+class ModifyAnnots extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "modifyAnnots");
+  }
+}
+class MsgId extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "msgId", 1, n => n >= 1);
+  }
+}
+class NameAttr extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "nameAttr");
+  }
+}
+class NeverEmbed extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "neverEmbed");
+  }
+}
+class NumberOfCopies extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "numberOfCopies", null, n => n >= 2 && n <= 5);
+  }
+}
+class OpenAction extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "openAction", true);
+    this.destination = null;
+  }
+}
+class Output extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "output", true);
+    this.to = null;
+    this.type = null;
+    this.uri = null;
+  }
+}
+class OutputBin extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "outputBin");
+  }
+}
+class OutputXSL extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "outputXSL", true);
+    this.uri = null;
+  }
+}
+class Overprint extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "overprint", ["none", "both", "draw", "field"]);
+  }
+}
+class Packets extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "packets");
+  }
+  [_xfa_object.$finalize]() {
+    if (this[_xfa_object.$content] === "*") {
+      return;
+    }
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim().split(/\s+/).filter(x => ["config", "datasets", "template", "xfdf", "xslt"].includes(x));
+  }
+}
+class PageOffset extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pageOffset");
+    this.x = (0, _utils.getInteger)({
+      data: attributes.x,
+      defaultValue: "useXDCSetting",
+      validate: n => true
+    });
+    this.y = (0, _utils.getInteger)({
+      data: attributes.y,
+      defaultValue: "useXDCSetting",
+      validate: n => true
+    });
+  }
+}
+class PageRange extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pageRange");
+  }
+  [_xfa_object.$finalize]() {
+    const numbers = this[_xfa_object.$content].trim().split(/\s+/).map(x => parseInt(x, 10));
+    const ranges = [];
+    for (let i = 0, ii = numbers.length; i < ii; i += 2) {
+      ranges.push(numbers.slice(i, i + 2));
+    }
+    this[_xfa_object.$content] = ranges;
+  }
+}
+class Pagination extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pagination", ["simplex", "duplexShortEdge", "duplexLongEdge"]);
+  }
+}
+class PaginationOverride extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "paginationOverride", ["none", "forceDuplex", "forceDuplexLongEdge", "forceDuplexShortEdge", "forceSimplex"]);
+  }
+}
+class Part extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "part", 1, n => false);
+  }
+}
+class Pcl extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pcl", true);
+    this.name = attributes.name || "";
+    this.batchOutput = null;
+    this.fontInfo = null;
+    this.jog = null;
+    this.mediumInfo = null;
+    this.outputBin = null;
+    this.pageOffset = null;
+    this.staple = null;
+    this.xdc = null;
+  }
+}
+class Pdf extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pdf", true);
+    this.name = attributes.name || "";
+    this.adobeExtensionLevel = null;
+    this.batchOutput = null;
+    this.compression = null;
+    this.creator = null;
+    this.encryption = null;
+    this.fontInfo = null;
+    this.interactive = null;
+    this.linearized = null;
+    this.openAction = null;
+    this.pdfa = null;
+    this.producer = null;
+    this.renderPolicy = null;
+    this.scriptModel = null;
+    this.silentPrint = null;
+    this.submitFormat = null;
+    this.tagged = null;
+    this.version = null;
+    this.viewerPreferences = null;
+    this.xdc = null;
+  }
+}
+class Pdfa extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pdfa", true);
+    this.amd = null;
+    this.conformance = null;
+    this.includeXDPContent = null;
+    this.part = null;
+  }
+}
+class Permissions extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "permissions", true);
+    this.accessibleContent = null;
+    this.change = null;
+    this.contentCopy = null;
+    this.documentAssembly = null;
+    this.formFieldFilling = null;
+    this.modifyAnnots = null;
+    this.plaintextMetadata = null;
+    this.print = null;
+    this.printHighQuality = null;
+  }
+}
+class PickTrayByPDFSize extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "pickTrayByPDFSize");
+  }
+}
+class Picture extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "picture");
+  }
+}
+class PlaintextMetadata extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "plaintextMetadata");
+  }
+}
+class Presence extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "presence", ["preserve", "dissolve", "dissolveStructure", "ignore", "remove"]);
+  }
+}
+class Present extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "present", true);
+    this.behaviorOverride = null;
+    this.cache = null;
+    this.common = null;
+    this.copies = null;
+    this.destination = null;
+    this.incrementalMerge = null;
+    this.layout = null;
+    this.output = null;
+    this.overprint = null;
+    this.pagination = null;
+    this.paginationOverride = null;
+    this.script = null;
+    this.validate = null;
+    this.xdp = null;
+    this.driver = new _xfa_object.XFAObjectArray();
+    this.labelPrinter = new _xfa_object.XFAObjectArray();
+    this.pcl = new _xfa_object.XFAObjectArray();
+    this.pdf = new _xfa_object.XFAObjectArray();
+    this.ps = new _xfa_object.XFAObjectArray();
+    this.submitUrl = new _xfa_object.XFAObjectArray();
+    this.webClient = new _xfa_object.XFAObjectArray();
+    this.zpl = new _xfa_object.XFAObjectArray();
+  }
+}
+class Print extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "print");
+  }
+}
+class PrintHighQuality extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "printHighQuality");
+  }
+}
+class PrintScaling extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "printScaling", ["appdefault", "noScaling"]);
+  }
+}
+class PrinterName extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "printerName");
+  }
+}
+class Producer extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "producer");
+  }
+}
+class Ps extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "ps", true);
+    this.name = attributes.name || "";
+    this.batchOutput = null;
+    this.fontInfo = null;
+    this.jog = null;
+    this.mediumInfo = null;
+    this.outputBin = null;
+    this.staple = null;
+    this.xdc = null;
+  }
+}
+class Range extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "range");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim().split(/\s*,\s*/, 2).map(range => range.split("-").map(x => parseInt(x.trim(), 10))).filter(range => range.every(x => !isNaN(x))).map(range => {
+      if (range.length === 1) {
+        range.push(range[0]);
+      }
+      return range;
+    });
+  }
+}
+class Record extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "record");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim();
+    const n = parseInt(this[_xfa_object.$content], 10);
+    if (!isNaN(n) && n >= 0) {
+      this[_xfa_object.$content] = n;
+    }
+  }
+}
+class Relevant extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "relevant");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim().split(/\s+/);
+  }
+}
+class Rename extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "rename");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim();
+    if (this[_xfa_object.$content].toLowerCase().startsWith("xml") || new RegExp("[\\p{L}_][\\p{L}\\d._\\p{M}-]*", "u").test(this[_xfa_object.$content])) {
+      (0, _util.warn)("XFA - Rename: invalid XFA name");
+    }
+  }
+}
+class RenderPolicy extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "renderPolicy", ["server", "client"]);
+  }
+}
+class RunScripts extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "runScripts", ["both", "client", "none", "server"]);
+  }
+}
+class Script extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "script", true);
+    this.currentPage = null;
+    this.exclude = null;
+    this.runScripts = null;
+  }
+}
+class ScriptModel extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "scriptModel", ["XFA", "none"]);
+  }
+}
+class Severity extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "severity", ["ignore", "error", "information", "trace", "warning"]);
+  }
+}
+class SilentPrint extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "silentPrint", true);
+    this.addSilentPrint = null;
+    this.printerName = null;
+  }
+}
+class Staple extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "staple");
+    this.mode = (0, _utils.getStringOption)(attributes.mode, ["usePrinterSetting", "on", "off"]);
+  }
+}
+class StartNode extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "startNode");
+  }
+}
+class StartPage extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "startPage", 0, n => true);
+  }
+}
+class SubmitFormat extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "submitFormat", ["html", "delegate", "fdf", "xml", "pdf"]);
+  }
+}
+class SubmitUrl extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "submitUrl");
+  }
+}
+class SubsetBelow extends _xfa_object.IntegerObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "subsetBelow", 100, n => n >= 0 && n <= 100);
+  }
+}
+class SuppressBanner extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "suppressBanner");
+  }
+}
+class Tagged extends _xfa_object.Option01 {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "tagged");
+  }
+}
+class Template extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "template", true);
+    this.base = null;
+    this.relevant = null;
+    this.startPage = null;
+    this.uri = null;
+    this.xsl = null;
+  }
+}
+class Threshold extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "threshold", ["trace", "error", "information", "warning"]);
+  }
+}
+class To extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "to", ["null", "memory", "stderr", "stdout", "system", "uri"]);
+  }
+}
+class TemplateCache extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "templateCache");
+    this.maxEntries = (0, _utils.getInteger)({
+      data: attributes.maxEntries,
+      defaultValue: 5,
+      validate: n => n >= 0
+    });
+  }
+}
+class Trace extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "trace", true);
+    this.area = new _xfa_object.XFAObjectArray();
+  }
+}
+class Transform extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "transform", true);
+    this.groupParent = null;
+    this.ifEmpty = null;
+    this.nameAttr = null;
+    this.picture = null;
+    this.presence = null;
+    this.rename = null;
+    this.whitespace = null;
+  }
+}
+class Type extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "type", ["none", "ascii85", "asciiHex", "ccittfax", "flate", "lzw", "runLength", "native", "xdp", "mergedXDP"]);
+  }
+}
+class Uri extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "uri");
+  }
+}
+class Validate extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "validate", ["preSubmit", "prePrint", "preExecute", "preSave"]);
+  }
+}
+class ValidateApprovalSignatures extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "validateApprovalSignatures");
+  }
+  [_xfa_object.$finalize]() {
+    this[_xfa_object.$content] = this[_xfa_object.$content].trim().split(/\s+/).filter(x => ["docReady", "postSign"].includes(x));
+  }
+}
+class ValidationMessaging extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "validationMessaging", ["allMessagesIndividually", "allMessagesTogether", "firstMessageOnly", "noMessages"]);
+  }
+}
+class Version extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "version", ["1.7", "1.6", "1.5", "1.4", "1.3", "1.2"]);
+  }
+}
+class VersionControl extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "VersionControl");
+    this.outputBelow = (0, _utils.getStringOption)(attributes.outputBelow, ["warn", "error", "update"]);
+    this.sourceAbove = (0, _utils.getStringOption)(attributes.sourceAbove, ["warn", "error"]);
+    this.sourceBelow = (0, _utils.getStringOption)(attributes.sourceBelow, ["update", "maintain"]);
+  }
+}
+class ViewerPreferences extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "viewerPreferences", true);
+    this.ADBE_JSConsole = null;
+    this.ADBE_JSDebugger = null;
+    this.addViewerPreferences = null;
+    this.duplexOption = null;
+    this.enforce = null;
+    this.numberOfCopies = null;
+    this.pageRange = null;
+    this.pickTrayByPDFSize = null;
+    this.printScaling = null;
+  }
+}
+class WebClient extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "webClient", true);
+    this.name = attributes.name ? attributes.name.trim() : "";
+    this.fontInfo = null;
+    this.xdc = null;
+  }
+}
+class Whitespace extends _xfa_object.OptionObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "whitespace", ["preserve", "ltrim", "normalize", "rtrim", "trim"]);
+  }
+}
+class Window extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "window");
+  }
+  [_xfa_object.$finalize]() {
+    const pair = this[_xfa_object.$content].trim().split(/\s*,\s*/, 2).map(x => parseInt(x, 10));
+    if (pair.some(x => isNaN(x))) {
+      this[_xfa_object.$content] = [0, 0];
+      return;
+    }
+    if (pair.length === 1) {
+      pair.push(pair[0]);
+    }
+    this[_xfa_object.$content] = pair;
+  }
+}
+class Xdc extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "xdc", true);
+    this.uri = new _xfa_object.XFAObjectArray();
+    this.xsl = new _xfa_object.XFAObjectArray();
+  }
+}
+class Xdp extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "xdp", true);
+    this.packets = null;
+  }
+}
+class Xsl extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "xsl", true);
+    this.debug = null;
+    this.uri = null;
+  }
+}
+class Zpl extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONFIG_NS_ID, "zpl", true);
+    this.name = attributes.name ? attributes.name.trim() : "";
+    this.batchOutput = null;
+    this.flipLabel = null;
+    this.fontInfo = null;
+    this.xdc = null;
+  }
+}
+class ConfigNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (ConfigNamespace.hasOwnProperty(name)) {
+      return ConfigNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static acrobat(attrs) {
+    return new Acrobat(attrs);
+  }
+  static acrobat7(attrs) {
+    return new Acrobat7(attrs);
+  }
+  static ADBE_JSConsole(attrs) {
+    return new ADBE_JSConsole(attrs);
+  }
+  static ADBE_JSDebugger(attrs) {
+    return new ADBE_JSDebugger(attrs);
+  }
+  static addSilentPrint(attrs) {
+    return new AddSilentPrint(attrs);
+  }
+  static addViewerPreferences(attrs) {
+    return new AddViewerPreferences(attrs);
+  }
+  static adjustData(attrs) {
+    return new AdjustData(attrs);
+  }
+  static adobeExtensionLevel(attrs) {
+    return new AdobeExtensionLevel(attrs);
+  }
+  static agent(attrs) {
+    return new Agent(attrs);
+  }
+  static alwaysEmbed(attrs) {
+    return new AlwaysEmbed(attrs);
+  }
+  static amd(attrs) {
+    return new Amd(attrs);
+  }
+  static area(attrs) {
+    return new Area(attrs);
+  }
+  static attributes(attrs) {
+    return new Attributes(attrs);
+  }
+  static autoSave(attrs) {
+    return new AutoSave(attrs);
+  }
+  static base(attrs) {
+    return new Base(attrs);
+  }
+  static batchOutput(attrs) {
+    return new BatchOutput(attrs);
+  }
+  static behaviorOverride(attrs) {
+    return new BehaviorOverride(attrs);
+  }
+  static cache(attrs) {
+    return new Cache(attrs);
+  }
+  static change(attrs) {
+    return new Change(attrs);
+  }
+  static common(attrs) {
+    return new Common(attrs);
+  }
+  static compress(attrs) {
+    return new Compress(attrs);
+  }
+  static compressLogicalStructure(attrs) {
+    return new CompressLogicalStructure(attrs);
+  }
+  static compressObjectStream(attrs) {
+    return new CompressObjectStream(attrs);
+  }
+  static compression(attrs) {
+    return new Compression(attrs);
+  }
+  static config(attrs) {
+    return new Config(attrs);
+  }
+  static conformance(attrs) {
+    return new Conformance(attrs);
+  }
+  static contentCopy(attrs) {
+    return new ContentCopy(attrs);
+  }
+  static copies(attrs) {
+    return new Copies(attrs);
+  }
+  static creator(attrs) {
+    return new Creator(attrs);
+  }
+  static currentPage(attrs) {
+    return new CurrentPage(attrs);
+  }
+  static data(attrs) {
+    return new Data(attrs);
+  }
+  static debug(attrs) {
+    return new Debug(attrs);
+  }
+  static defaultTypeface(attrs) {
+    return new DefaultTypeface(attrs);
+  }
+  static destination(attrs) {
+    return new Destination(attrs);
+  }
+  static documentAssembly(attrs) {
+    return new DocumentAssembly(attrs);
+  }
+  static driver(attrs) {
+    return new Driver(attrs);
+  }
+  static duplexOption(attrs) {
+    return new DuplexOption(attrs);
+  }
+  static dynamicRender(attrs) {
+    return new DynamicRender(attrs);
+  }
+  static embed(attrs) {
+    return new Embed(attrs);
+  }
+  static encrypt(attrs) {
+    return new Encrypt(attrs);
+  }
+  static encryption(attrs) {
+    return new Encryption(attrs);
+  }
+  static encryptionLevel(attrs) {
+    return new EncryptionLevel(attrs);
+  }
+  static enforce(attrs) {
+    return new Enforce(attrs);
+  }
+  static equate(attrs) {
+    return new Equate(attrs);
+  }
+  static equateRange(attrs) {
+    return new EquateRange(attrs);
+  }
+  static exclude(attrs) {
+    return new Exclude(attrs);
+  }
+  static excludeNS(attrs) {
+    return new ExcludeNS(attrs);
+  }
+  static flipLabel(attrs) {
+    return new FlipLabel(attrs);
+  }
+  static fontInfo(attrs) {
+    return new FontInfo(attrs);
+  }
+  static formFieldFilling(attrs) {
+    return new FormFieldFilling(attrs);
+  }
+  static groupParent(attrs) {
+    return new GroupParent(attrs);
+  }
+  static ifEmpty(attrs) {
+    return new IfEmpty(attrs);
+  }
+  static includeXDPContent(attrs) {
+    return new IncludeXDPContent(attrs);
+  }
+  static incrementalLoad(attrs) {
+    return new IncrementalLoad(attrs);
+  }
+  static incrementalMerge(attrs) {
+    return new IncrementalMerge(attrs);
+  }
+  static interactive(attrs) {
+    return new Interactive(attrs);
+  }
+  static jog(attrs) {
+    return new Jog(attrs);
+  }
+  static labelPrinter(attrs) {
+    return new LabelPrinter(attrs);
+  }
+  static layout(attrs) {
+    return new Layout(attrs);
+  }
+  static level(attrs) {
+    return new Level(attrs);
+  }
+  static linearized(attrs) {
+    return new Linearized(attrs);
+  }
+  static locale(attrs) {
+    return new Locale(attrs);
+  }
+  static localeSet(attrs) {
+    return new LocaleSet(attrs);
+  }
+  static log(attrs) {
+    return new Log(attrs);
+  }
+  static map(attrs) {
+    return new MapElement(attrs);
+  }
+  static mediumInfo(attrs) {
+    return new MediumInfo(attrs);
+  }
+  static message(attrs) {
+    return new Message(attrs);
+  }
+  static messaging(attrs) {
+    return new Messaging(attrs);
+  }
+  static mode(attrs) {
+    return new Mode(attrs);
+  }
+  static modifyAnnots(attrs) {
+    return new ModifyAnnots(attrs);
+  }
+  static msgId(attrs) {
+    return new MsgId(attrs);
+  }
+  static nameAttr(attrs) {
+    return new NameAttr(attrs);
+  }
+  static neverEmbed(attrs) {
+    return new NeverEmbed(attrs);
+  }
+  static numberOfCopies(attrs) {
+    return new NumberOfCopies(attrs);
+  }
+  static openAction(attrs) {
+    return new OpenAction(attrs);
+  }
+  static output(attrs) {
+    return new Output(attrs);
+  }
+  static outputBin(attrs) {
+    return new OutputBin(attrs);
+  }
+  static outputXSL(attrs) {
+    return new OutputXSL(attrs);
+  }
+  static overprint(attrs) {
+    return new Overprint(attrs);
+  }
+  static packets(attrs) {
+    return new Packets(attrs);
+  }
+  static pageOffset(attrs) {
+    return new PageOffset(attrs);
+  }
+  static pageRange(attrs) {
+    return new PageRange(attrs);
+  }
+  static pagination(attrs) {
+    return new Pagination(attrs);
+  }
+  static paginationOverride(attrs) {
+    return new PaginationOverride(attrs);
+  }
+  static part(attrs) {
+    return new Part(attrs);
+  }
+  static pcl(attrs) {
+    return new Pcl(attrs);
+  }
+  static pdf(attrs) {
+    return new Pdf(attrs);
+  }
+  static pdfa(attrs) {
+    return new Pdfa(attrs);
+  }
+  static permissions(attrs) {
+    return new Permissions(attrs);
+  }
+  static pickTrayByPDFSize(attrs) {
+    return new PickTrayByPDFSize(attrs);
+  }
+  static picture(attrs) {
+    return new Picture(attrs);
+  }
+  static plaintextMetadata(attrs) {
+    return new PlaintextMetadata(attrs);
+  }
+  static presence(attrs) {
+    return new Presence(attrs);
+  }
+  static present(attrs) {
+    return new Present(attrs);
+  }
+  static print(attrs) {
+    return new Print(attrs);
+  }
+  static printHighQuality(attrs) {
+    return new PrintHighQuality(attrs);
+  }
+  static printScaling(attrs) {
+    return new PrintScaling(attrs);
+  }
+  static printerName(attrs) {
+    return new PrinterName(attrs);
+  }
+  static producer(attrs) {
+    return new Producer(attrs);
+  }
+  static ps(attrs) {
+    return new Ps(attrs);
+  }
+  static range(attrs) {
+    return new Range(attrs);
+  }
+  static record(attrs) {
+    return new Record(attrs);
+  }
+  static relevant(attrs) {
+    return new Relevant(attrs);
+  }
+  static rename(attrs) {
+    return new Rename(attrs);
+  }
+  static renderPolicy(attrs) {
+    return new RenderPolicy(attrs);
+  }
+  static runScripts(attrs) {
+    return new RunScripts(attrs);
+  }
+  static script(attrs) {
+    return new Script(attrs);
+  }
+  static scriptModel(attrs) {
+    return new ScriptModel(attrs);
+  }
+  static severity(attrs) {
+    return new Severity(attrs);
+  }
+  static silentPrint(attrs) {
+    return new SilentPrint(attrs);
+  }
+  static staple(attrs) {
+    return new Staple(attrs);
+  }
+  static startNode(attrs) {
+    return new StartNode(attrs);
+  }
+  static startPage(attrs) {
+    return new StartPage(attrs);
+  }
+  static submitFormat(attrs) {
+    return new SubmitFormat(attrs);
+  }
+  static submitUrl(attrs) {
+    return new SubmitUrl(attrs);
+  }
+  static subsetBelow(attrs) {
+    return new SubsetBelow(attrs);
+  }
+  static suppressBanner(attrs) {
+    return new SuppressBanner(attrs);
+  }
+  static tagged(attrs) {
+    return new Tagged(attrs);
+  }
+  static template(attrs) {
+    return new Template(attrs);
+  }
+  static templateCache(attrs) {
+    return new TemplateCache(attrs);
+  }
+  static threshold(attrs) {
+    return new Threshold(attrs);
+  }
+  static to(attrs) {
+    return new To(attrs);
+  }
+  static trace(attrs) {
+    return new Trace(attrs);
+  }
+  static transform(attrs) {
+    return new Transform(attrs);
+  }
+  static type(attrs) {
+    return new Type(attrs);
+  }
+  static uri(attrs) {
+    return new Uri(attrs);
+  }
+  static validate(attrs) {
+    return new Validate(attrs);
+  }
+  static validateApprovalSignatures(attrs) {
+    return new ValidateApprovalSignatures(attrs);
+  }
+  static validationMessaging(attrs) {
+    return new ValidationMessaging(attrs);
+  }
+  static version(attrs) {
+    return new Version(attrs);
+  }
+  static versionControl(attrs) {
+    return new VersionControl(attrs);
+  }
+  static viewerPreferences(attrs) {
+    return new ViewerPreferences(attrs);
+  }
+  static webClient(attrs) {
+    return new WebClient(attrs);
+  }
+  static whitespace(attrs) {
+    return new Whitespace(attrs);
+  }
+  static window(attrs) {
+    return new Window(attrs);
+  }
+  static xdc(attrs) {
+    return new Xdc(attrs);
+  }
+  static xdp(attrs) {
+    return new Xdp(attrs);
+  }
+  static xsl(attrs) {
+    return new Xsl(attrs);
+  }
+  static zpl(attrs) {
+    return new Zpl(attrs);
+  }
+}
+exports.ConfigNamespace = ConfigNamespace;
+
+/***/ }),
+/* 92 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.ConnectionSetNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+const CONNECTION_SET_NS_ID = _namespaces.NamespaceIds.connectionSet.id;
+class ConnectionSet extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "connectionSet", true);
+    this.wsdlConnection = new _xfa_object.XFAObjectArray();
+    this.xmlConnection = new _xfa_object.XFAObjectArray();
+    this.xsdConnection = new _xfa_object.XFAObjectArray();
+  }
+}
+class EffectiveInputPolicy extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "effectiveInputPolicy");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class EffectiveOutputPolicy extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "effectiveOutputPolicy");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Operation extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "operation");
+    this.id = attributes.id || "";
+    this.input = attributes.input || "";
+    this.name = attributes.name || "";
+    this.output = attributes.output || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class RootElement extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "rootElement");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class SoapAction extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "soapAction");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class SoapAddress extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "soapAddress");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class Uri extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "uri");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class WsdlAddress extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "wsdlAddress");
+    this.id = attributes.id || "";
+    this.name = attributes.name || "";
+    this.use = attributes.use || "";
+    this.usehref = attributes.usehref || "";
+  }
+}
+class WsdlConnection extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "wsdlConnection", true);
+    this.dataDescription = attributes.dataDescription || "";
+    this.name = attributes.name || "";
+    this.effectiveInputPolicy = null;
+    this.effectiveOutputPolicy = null;
+    this.operation = null;
+    this.soapAction = null;
+    this.soapAddress = null;
+    this.wsdlAddress = null;
+  }
+}
+class XmlConnection extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "xmlConnection", true);
+    this.dataDescription = attributes.dataDescription || "";
+    this.name = attributes.name || "";
+    this.uri = null;
+  }
+}
+class XsdConnection extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(CONNECTION_SET_NS_ID, "xsdConnection", true);
+    this.dataDescription = attributes.dataDescription || "";
+    this.name = attributes.name || "";
+    this.rootElement = null;
+    this.uri = null;
+  }
+}
+class ConnectionSetNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (ConnectionSetNamespace.hasOwnProperty(name)) {
+      return ConnectionSetNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static connectionSet(attrs) {
+    return new ConnectionSet(attrs);
+  }
+  static effectiveInputPolicy(attrs) {
+    return new EffectiveInputPolicy(attrs);
+  }
+  static effectiveOutputPolicy(attrs) {
+    return new EffectiveOutputPolicy(attrs);
+  }
+  static operation(attrs) {
+    return new Operation(attrs);
+  }
+  static rootElement(attrs) {
+    return new RootElement(attrs);
+  }
+  static soapAction(attrs) {
+    return new SoapAction(attrs);
+  }
+  static soapAddress(attrs) {
+    return new SoapAddress(attrs);
+  }
+  static uri(attrs) {
+    return new Uri(attrs);
+  }
+  static wsdlAddress(attrs) {
+    return new WsdlAddress(attrs);
+  }
+  static wsdlConnection(attrs) {
+    return new WsdlConnection(attrs);
+  }
+  static xmlConnection(attrs) {
+    return new XmlConnection(attrs);
+  }
+  static xsdConnection(attrs) {
+    return new XsdConnection(attrs);
+  }
+}
+exports.ConnectionSetNamespace = ConnectionSetNamespace;
+
+/***/ }),
+/* 93 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.DatasetsNamespace = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _namespaces = __w_pdfjs_require__(79);
+const DATASETS_NS_ID = _namespaces.NamespaceIds.datasets.id;
+class Data extends _xfa_object.XmlObject {
+  constructor(attributes) {
+    super(DATASETS_NS_ID, "data", attributes);
+  }
+  [_xfa_object.$isNsAgnostic]() {
+    return true;
+  }
+}
+class Datasets extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(DATASETS_NS_ID, "datasets", true);
+    this.data = null;
+    this.Signature = null;
+  }
+  [_xfa_object.$onChild](child) {
+    const name = child[_xfa_object.$nodeName];
+    if (name === "data" && child[_xfa_object.$namespaceId] === DATASETS_NS_ID || name === "Signature" && child[_xfa_object.$namespaceId] === _namespaces.NamespaceIds.signature.id) {
+      this[name] = child;
+    }
+    this[_xfa_object.$appendChild](child);
+  }
+}
+class DatasetsNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (DatasetsNamespace.hasOwnProperty(name)) {
+      return DatasetsNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static datasets(attributes) {
+    return new Datasets(attributes);
+  }
+  static data(attributes) {
+    return new Data(attributes);
+  }
+}
+exports.DatasetsNamespace = DatasetsNamespace;
+
+/***/ }),
+/* 94 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.LocaleSetNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+var _utils = __w_pdfjs_require__(78);
+const LOCALE_SET_NS_ID = _namespaces.NamespaceIds.localeSet.id;
+class CalendarSymbols extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "calendarSymbols", true);
+    this.name = "gregorian";
+    this.dayNames = new _xfa_object.XFAObjectArray(2);
+    this.eraNames = null;
+    this.meridiemNames = null;
+    this.monthNames = new _xfa_object.XFAObjectArray(2);
+  }
+}
+class CurrencySymbol extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "currencySymbol");
+    this.name = (0, _utils.getStringOption)(attributes.name, ["symbol", "isoname", "decimal"]);
+  }
+}
+class CurrencySymbols extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "currencySymbols", true);
+    this.currencySymbol = new _xfa_object.XFAObjectArray(3);
+  }
+}
+class DatePattern extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "datePattern");
+    this.name = (0, _utils.getStringOption)(attributes.name, ["full", "long", "med", "short"]);
+  }
+}
+class DatePatterns extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "datePatterns", true);
+    this.datePattern = new _xfa_object.XFAObjectArray(4);
+  }
+}
+class DateTimeSymbols extends _xfa_object.ContentObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "dateTimeSymbols");
+  }
+}
+class Day extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "day");
+  }
+}
+class DayNames extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "dayNames", true);
+    this.abbr = (0, _utils.getInteger)({
+      data: attributes.abbr,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.day = new _xfa_object.XFAObjectArray(7);
+  }
+}
+class Era extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "era");
+  }
+}
+class EraNames extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "eraNames", true);
+    this.era = new _xfa_object.XFAObjectArray(2);
+  }
+}
+class Locale extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "locale", true);
+    this.desc = attributes.desc || "";
+    this.name = "isoname";
+    this.calendarSymbols = null;
+    this.currencySymbols = null;
+    this.datePatterns = null;
+    this.dateTimeSymbols = null;
+    this.numberPatterns = null;
+    this.numberSymbols = null;
+    this.timePatterns = null;
+    this.typeFaces = null;
+  }
+}
+class LocaleSet extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "localeSet", true);
+    this.locale = new _xfa_object.XFAObjectArray();
+  }
+}
+class Meridiem extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "meridiem");
+  }
+}
+class MeridiemNames extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "meridiemNames", true);
+    this.meridiem = new _xfa_object.XFAObjectArray(2);
+  }
+}
+class Month extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "month");
+  }
+}
+class MonthNames extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "monthNames", true);
+    this.abbr = (0, _utils.getInteger)({
+      data: attributes.abbr,
+      defaultValue: 0,
+      validate: x => x === 1
+    });
+    this.month = new _xfa_object.XFAObjectArray(12);
+  }
+}
+class NumberPattern extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "numberPattern");
+    this.name = (0, _utils.getStringOption)(attributes.name, ["full", "long", "med", "short"]);
+  }
+}
+class NumberPatterns extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "numberPatterns", true);
+    this.numberPattern = new _xfa_object.XFAObjectArray(4);
+  }
+}
+class NumberSymbol extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "numberSymbol");
+    this.name = (0, _utils.getStringOption)(attributes.name, ["decimal", "grouping", "percent", "minus", "zero"]);
+  }
+}
+class NumberSymbols extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "numberSymbols", true);
+    this.numberSymbol = new _xfa_object.XFAObjectArray(5);
+  }
+}
+class TimePattern extends _xfa_object.StringObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "timePattern");
+    this.name = (0, _utils.getStringOption)(attributes.name, ["full", "long", "med", "short"]);
+  }
+}
+class TimePatterns extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "timePatterns", true);
+    this.timePattern = new _xfa_object.XFAObjectArray(4);
+  }
+}
+class TypeFace extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "typeFace", true);
+    this.name = attributes.name | "";
+  }
+}
+class TypeFaces extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(LOCALE_SET_NS_ID, "typeFaces", true);
+    this.typeFace = new _xfa_object.XFAObjectArray();
+  }
+}
+class LocaleSetNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (LocaleSetNamespace.hasOwnProperty(name)) {
+      return LocaleSetNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static calendarSymbols(attrs) {
+    return new CalendarSymbols(attrs);
+  }
+  static currencySymbol(attrs) {
+    return new CurrencySymbol(attrs);
+  }
+  static currencySymbols(attrs) {
+    return new CurrencySymbols(attrs);
+  }
+  static datePattern(attrs) {
+    return new DatePattern(attrs);
+  }
+  static datePatterns(attrs) {
+    return new DatePatterns(attrs);
+  }
+  static dateTimeSymbols(attrs) {
+    return new DateTimeSymbols(attrs);
+  }
+  static day(attrs) {
+    return new Day(attrs);
+  }
+  static dayNames(attrs) {
+    return new DayNames(attrs);
+  }
+  static era(attrs) {
+    return new Era(attrs);
+  }
+  static eraNames(attrs) {
+    return new EraNames(attrs);
+  }
+  static locale(attrs) {
+    return new Locale(attrs);
+  }
+  static localeSet(attrs) {
+    return new LocaleSet(attrs);
+  }
+  static meridiem(attrs) {
+    return new Meridiem(attrs);
+  }
+  static meridiemNames(attrs) {
+    return new MeridiemNames(attrs);
+  }
+  static month(attrs) {
+    return new Month(attrs);
+  }
+  static monthNames(attrs) {
+    return new MonthNames(attrs);
+  }
+  static numberPattern(attrs) {
+    return new NumberPattern(attrs);
+  }
+  static numberPatterns(attrs) {
+    return new NumberPatterns(attrs);
+  }
+  static numberSymbol(attrs) {
+    return new NumberSymbol(attrs);
+  }
+  static numberSymbols(attrs) {
+    return new NumberSymbols(attrs);
+  }
+  static timePattern(attrs) {
+    return new TimePattern(attrs);
+  }
+  static timePatterns(attrs) {
+    return new TimePatterns(attrs);
+  }
+  static typeFace(attrs) {
+    return new TypeFace(attrs);
+  }
+  static typeFaces(attrs) {
+    return new TypeFaces(attrs);
+  }
+}
+exports.LocaleSetNamespace = LocaleSetNamespace;
+
+/***/ }),
+/* 95 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.SignatureNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+const SIGNATURE_NS_ID = _namespaces.NamespaceIds.signature.id;
+class Signature extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(SIGNATURE_NS_ID, "signature", true);
+  }
+}
+class SignatureNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (SignatureNamespace.hasOwnProperty(name)) {
+      return SignatureNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static signature(attributes) {
+    return new Signature(attributes);
+  }
+}
+exports.SignatureNamespace = SignatureNamespace;
+
+/***/ }),
+/* 96 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.StylesheetNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+const STYLESHEET_NS_ID = _namespaces.NamespaceIds.stylesheet.id;
+class Stylesheet extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(STYLESHEET_NS_ID, "stylesheet", true);
+  }
+}
+class StylesheetNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (StylesheetNamespace.hasOwnProperty(name)) {
+      return StylesheetNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static stylesheet(attributes) {
+    return new Stylesheet(attributes);
+  }
+}
+exports.StylesheetNamespace = StylesheetNamespace;
+
+/***/ }),
+/* 97 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XdpNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+const XDP_NS_ID = _namespaces.NamespaceIds.xdp.id;
+class Xdp extends _xfa_object.XFAObject {
+  constructor(attributes) {
+    super(XDP_NS_ID, "xdp", true);
+    this.uuid = attributes.uuid || "";
+    this.timeStamp = attributes.timeStamp || "";
+    this.config = null;
+    this.connectionSet = null;
+    this.datasets = null;
+    this.localeSet = null;
+    this.stylesheet = new _xfa_object.XFAObjectArray();
+    this.template = null;
+  }
+  [_xfa_object.$onChildCheck](child) {
+    const ns = _namespaces.NamespaceIds[child[_xfa_object.$nodeName]];
+    return ns && child[_xfa_object.$namespaceId] === ns.id;
+  }
+}
+class XdpNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (XdpNamespace.hasOwnProperty(name)) {
+      return XdpNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static xdp(attributes) {
+    return new Xdp(attributes);
+  }
+}
+exports.XdpNamespace = XdpNamespace;
+
+/***/ }),
+/* 98 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XhtmlNamespace = void 0;
+var _xfa_object = __w_pdfjs_require__(77);
+var _namespaces = __w_pdfjs_require__(79);
+var _html_utils = __w_pdfjs_require__(84);
+var _utils = __w_pdfjs_require__(78);
+const XHTML_NS_ID = _namespaces.NamespaceIds.xhtml.id;
+const $richText = Symbol();
+const VALID_STYLES = new Set(["color", "font", "font-family", "font-size", "font-stretch", "font-style", "font-weight", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "letter-spacing", "line-height", "orphans", "page-break-after", "page-break-before", "page-break-inside", "tab-interval", "tab-stop", "text-align", "text-decoration", "text-indent", "vertical-align", "widows", "kerning-mode", "xfa-font-horizontal-scale", "xfa-font-vertical-scale", "xfa-spacerun", "xfa-tab-stops"]);
+const StyleMapping = new Map([["page-break-after", "breakAfter"], ["page-break-before", "breakBefore"], ["page-break-inside", "breakInside"], ["kerning-mode", value => value === "none" ? "none" : "normal"], ["xfa-font-horizontal-scale", value => `scaleX(${Math.max(0, Math.min(parseInt(value) / 100)).toFixed(2)})`], ["xfa-font-vertical-scale", value => `scaleY(${Math.max(0, Math.min(parseInt(value) / 100)).toFixed(2)})`], ["xfa-spacerun", ""], ["xfa-tab-stops", ""], ["font-size", (value, original) => {
+  value = original.fontSize = (0, _utils.getMeasurement)(value);
+  return (0, _html_utils.measureToString)(0.99 * value);
+}], ["letter-spacing", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["line-height", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["margin", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["margin-bottom", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["margin-left", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["margin-right", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["margin-top", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["text-indent", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))], ["font-family", value => value], ["vertical-align", value => (0, _html_utils.measureToString)((0, _utils.getMeasurement)(value))]]);
+const spacesRegExp = /\s+/g;
+const crlfRegExp = /[\r\n]+/g;
+const crlfForRichTextRegExp = /\r\n?/g;
+function mapStyle(styleStr, node, richText) {
+  const style = Object.create(null);
+  if (!styleStr) {
+    return style;
+  }
+  const original = Object.create(null);
+  for (const [key, value] of styleStr.split(";").map(s => s.split(":", 2))) {
+    const mapping = StyleMapping.get(key);
+    if (mapping === "") {
+      continue;
+    }
+    let newValue = value;
+    if (mapping) {
+      if (typeof mapping === "string") {
+        newValue = mapping;
+      } else {
+        newValue = mapping(value, original);
+      }
+    }
+    if (key.endsWith("scale")) {
+      if (style.transform) {
+        style.transform = `${style[key]} ${newValue}`;
+      } else {
+        style.transform = newValue;
+      }
+    } else {
+      style[key.replaceAll(/-([a-zA-Z])/g, (_, x) => x.toUpperCase())] = newValue;
+    }
+  }
+  if (style.fontFamily) {
+    (0, _html_utils.setFontFamily)({
+      typeface: style.fontFamily,
+      weight: style.fontWeight || "normal",
+      posture: style.fontStyle || "normal",
+      size: original.fontSize || 0
+    }, node, node[_xfa_object.$globalData].fontFinder, style);
+  }
+  if (richText && style.verticalAlign && style.verticalAlign !== "0px" && style.fontSize) {
+    const SUB_SUPER_SCRIPT_FACTOR = 0.583;
+    const VERTICAL_FACTOR = 0.333;
+    const fontSize = (0, _utils.getMeasurement)(style.fontSize);
+    style.fontSize = (0, _html_utils.measureToString)(fontSize * SUB_SUPER_SCRIPT_FACTOR);
+    style.verticalAlign = (0, _html_utils.measureToString)(Math.sign((0, _utils.getMeasurement)(style.verticalAlign)) * fontSize * VERTICAL_FACTOR);
+  }
+  if (richText && style.fontSize) {
+    style.fontSize = `calc(${style.fontSize} * var(--scale-factor))`;
+  }
+  (0, _html_utils.fixTextIndent)(style);
+  return style;
+}
+function checkStyle(node) {
+  if (!node.style) {
+    return "";
+  }
+  return node.style.trim().split(/\s*;\s*/).filter(s => !!s).map(s => s.split(/\s*:\s*/, 2)).filter(([key, value]) => {
+    if (key === "font-family") {
+      node[_xfa_object.$globalData].usedTypefaces.add(value);
+    }
+    return VALID_STYLES.has(key);
+  }).map(kv => kv.join(":")).join(";");
+}
+const NoWhites = new Set(["body", "html"]);
+class XhtmlObject extends _xfa_object.XmlObject {
+  constructor(attributes, name) {
+    super(XHTML_NS_ID, name);
+    this[$richText] = false;
+    this.style = attributes.style || "";
+  }
+  [_xfa_object.$clean](builder) {
+    super[_xfa_object.$clean](builder);
+    this.style = checkStyle(this);
+  }
+  [_xfa_object.$acceptWhitespace]() {
+    return !NoWhites.has(this[_xfa_object.$nodeName]);
+  }
+  [_xfa_object.$onText](str, richText = false) {
+    if (!richText) {
+      str = str.replaceAll(crlfRegExp, "");
+      if (!this.style.includes("xfa-spacerun:yes")) {
+        str = str.replaceAll(spacesRegExp, " ");
+      }
+    } else {
+      this[$richText] = true;
+    }
+    if (str) {
+      this[_xfa_object.$content] += str;
+    }
+  }
+  [_xfa_object.$pushGlyphs](measure, mustPop = true) {
+    const xfaFont = Object.create(null);
+    const margin = {
+      top: NaN,
+      bottom: NaN,
+      left: NaN,
+      right: NaN
+    };
+    let lineHeight = null;
+    for (const [key, value] of this.style.split(";").map(s => s.split(":", 2))) {
+      switch (key) {
+        case "font-family":
+          xfaFont.typeface = (0, _utils.stripQuotes)(value);
+          break;
+        case "font-size":
+          xfaFont.size = (0, _utils.getMeasurement)(value);
+          break;
+        case "font-weight":
+          xfaFont.weight = value;
+          break;
+        case "font-style":
+          xfaFont.posture = value;
+          break;
+        case "letter-spacing":
+          xfaFont.letterSpacing = (0, _utils.getMeasurement)(value);
+          break;
+        case "margin":
+          const values = value.split(/ \t/).map(x => (0, _utils.getMeasurement)(x));
+          switch (values.length) {
+            case 1:
+              margin.top = margin.bottom = margin.left = margin.right = values[0];
+              break;
+            case 2:
+              margin.top = margin.bottom = values[0];
+              margin.left = margin.right = values[1];
+              break;
+            case 3:
+              margin.top = values[0];
+              margin.bottom = values[2];
+              margin.left = margin.right = values[1];
+              break;
+            case 4:
+              margin.top = values[0];
+              margin.left = values[1];
+              margin.bottom = values[2];
+              margin.right = values[3];
+              break;
+          }
+          break;
+        case "margin-top":
+          margin.top = (0, _utils.getMeasurement)(value);
+          break;
+        case "margin-bottom":
+          margin.bottom = (0, _utils.getMeasurement)(value);
+          break;
+        case "margin-left":
+          margin.left = (0, _utils.getMeasurement)(value);
+          break;
+        case "margin-right":
+          margin.right = (0, _utils.getMeasurement)(value);
+          break;
+        case "line-height":
+          lineHeight = (0, _utils.getMeasurement)(value);
+          break;
+      }
+    }
+    measure.pushData(xfaFont, margin, lineHeight);
+    if (this[_xfa_object.$content]) {
+      measure.addString(this[_xfa_object.$content]);
+    } else {
+      for (const child of this[_xfa_object.$getChildren]()) {
+        if (child[_xfa_object.$nodeName] === "#text") {
+          measure.addString(child[_xfa_object.$content]);
+          continue;
+        }
+        child[_xfa_object.$pushGlyphs](measure);
+      }
+    }
+    if (mustPop) {
+      measure.popFont();
+    }
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const children = [];
+    this[_xfa_object.$extra] = {
+      children
+    };
+    this[_xfa_object.$childrenToHTML]({});
+    if (children.length === 0 && !this[_xfa_object.$content]) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    let value;
+    if (this[$richText]) {
+      value = this[_xfa_object.$content] ? this[_xfa_object.$content].replaceAll(crlfForRichTextRegExp, "\n") : undefined;
+    } else {
+      value = this[_xfa_object.$content] || undefined;
+    }
+    return _utils.HTMLResult.success({
+      name: this[_xfa_object.$nodeName],
+      attributes: {
+        href: this.href,
+        style: mapStyle(this.style, this, this[$richText])
+      },
+      children,
+      value
+    });
+  }
+}
+class A extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "a");
+    this.href = (0, _html_utils.fixURL)(attributes.href) || "";
+  }
+}
+class B extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "b");
+  }
+  [_xfa_object.$pushGlyphs](measure) {
+    measure.pushFont({
+      weight: "bold"
+    });
+    super[_xfa_object.$pushGlyphs](measure);
+    measure.popFont();
+  }
+}
+class Body extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "body");
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const res = super[_xfa_object.$toHTML](availableSpace);
+    const {
+      html
+    } = res;
+    if (!html) {
+      return _utils.HTMLResult.EMPTY;
+    }
+    html.name = "div";
+    html.attributes.class = ["xfaRich"];
+    return res;
+  }
+}
+class Br extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "br");
+  }
+  [_xfa_object.$text]() {
+    return "\n";
+  }
+  [_xfa_object.$pushGlyphs](measure) {
+    measure.addString("\n");
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    return _utils.HTMLResult.success({
+      name: "br"
+    });
+  }
+}
+class Html extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "html");
+  }
+  [_xfa_object.$toHTML](availableSpace) {
+    const children = [];
+    this[_xfa_object.$extra] = {
+      children
+    };
+    this[_xfa_object.$childrenToHTML]({});
+    if (children.length === 0) {
+      return _utils.HTMLResult.success({
+        name: "div",
+        attributes: {
+          class: ["xfaRich"],
+          style: {}
+        },
+        value: this[_xfa_object.$content] || ""
+      });
+    }
+    if (children.length === 1) {
+      const child = children[0];
+      if (child.attributes && child.attributes.class.includes("xfaRich")) {
+        return _utils.HTMLResult.success(child);
+      }
+    }
+    return _utils.HTMLResult.success({
+      name: "div",
+      attributes: {
+        class: ["xfaRich"],
+        style: {}
+      },
+      children
+    });
+  }
+}
+class I extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "i");
+  }
+  [_xfa_object.$pushGlyphs](measure) {
+    measure.pushFont({
+      posture: "italic"
+    });
+    super[_xfa_object.$pushGlyphs](measure);
+    measure.popFont();
+  }
+}
+class Li extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "li");
+  }
+}
+class Ol extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "ol");
+  }
+}
+class P extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "p");
+  }
+  [_xfa_object.$pushGlyphs](measure) {
+    super[_xfa_object.$pushGlyphs](measure, false);
+    measure.addString("\n");
+    measure.addPara();
+    measure.popFont();
+  }
+  [_xfa_object.$text]() {
+    const siblings = this[_xfa_object.$getParent]()[_xfa_object.$getChildren]();
+    if (siblings.at(-1) === this) {
+      return super[_xfa_object.$text]();
+    }
+    return super[_xfa_object.$text]() + "\n";
+  }
+}
+class Span extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "span");
+  }
+}
+class Sub extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "sub");
+  }
+}
+class Sup extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "sup");
+  }
+}
+class Ul extends XhtmlObject {
+  constructor(attributes) {
+    super(attributes, "ul");
+  }
+}
+class XhtmlNamespace {
+  static [_namespaces.$buildXFAObject](name, attributes) {
+    if (XhtmlNamespace.hasOwnProperty(name)) {
+      return XhtmlNamespace[name](attributes);
+    }
+    return undefined;
+  }
+  static a(attributes) {
+    return new A(attributes);
+  }
+  static b(attributes) {
+    return new B(attributes);
+  }
+  static body(attributes) {
+    return new Body(attributes);
+  }
+  static br(attributes) {
+    return new Br(attributes);
+  }
+  static html(attributes) {
+    return new Html(attributes);
+  }
+  static i(attributes) {
+    return new I(attributes);
+  }
+  static li(attributes) {
+    return new Li(attributes);
+  }
+  static ol(attributes) {
+    return new Ol(attributes);
+  }
+  static p(attributes) {
+    return new P(attributes);
+  }
+  static span(attributes) {
+    return new Span(attributes);
+  }
+  static sub(attributes) {
+    return new Sub(attributes);
+  }
+  static sup(attributes) {
+    return new Sup(attributes);
+  }
+  static ul(attributes) {
+    return new Ul(attributes);
+  }
+}
+exports.XhtmlNamespace = XhtmlNamespace;
+
+/***/ }),
+/* 99 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.UnknownNamespace = void 0;
+var _namespaces = __w_pdfjs_require__(79);
+var _xfa_object = __w_pdfjs_require__(77);
+class UnknownNamespace {
+  constructor(nsId) {
+    this.namespaceId = nsId;
+  }
+  [_namespaces.$buildXFAObject](name, attributes) {
+    return new _xfa_object.XmlObject(this.namespaceId, name, attributes);
+  }
+}
+exports.UnknownNamespace = UnknownNamespace;
+
+/***/ }),
+/* 100 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.DatasetReader = void 0;
+var _util = __w_pdfjs_require__(2);
+var _core_utils = __w_pdfjs_require__(3);
+var _xml_parser = __w_pdfjs_require__(66);
+function decodeString(str) {
+  try {
+    return (0, _util.stringToUTF8String)(str);
+  } catch (ex) {
+    (0, _util.warn)(`UTF-8 decoding failed: "${ex}".`);
+    return str;
+  }
+}
+class DatasetXMLParser extends _xml_parser.SimpleXMLParser {
+  constructor(options) {
+    super(options);
+    this.node = null;
+  }
+  onEndElement(name) {
+    const node = super.onEndElement(name);
+    if (node && name === "xfa:datasets") {
+      this.node = node;
+      throw new Error("Aborting DatasetXMLParser.");
+    }
+  }
+}
+class DatasetReader {
+  constructor(data) {
+    if (data.datasets) {
+      this.node = new _xml_parser.SimpleXMLParser({
+        hasAttributes: true
+      }).parseFromString(data.datasets).documentElement;
+    } else {
+      const parser = new DatasetXMLParser({
+        hasAttributes: true
+      });
+      try {
+        parser.parseFromString(data["xdp:xdp"]);
+      } catch (_) {}
+      this.node = parser.node;
+    }
+  }
+  getValue(path) {
+    if (!this.node || !path) {
+      return "";
+    }
+    const node = this.node.searchNode((0, _core_utils.parseXFAPath)(path), 0);
+    if (!node) {
+      return "";
+    }
+    const first = node.firstChild;
+    if (first && first.nodeName === "value") {
+      return node.children.map(child => decodeString(child.textContent));
+    }
+    return decodeString(node.textContent);
+  }
+}
+exports.DatasetReader = DatasetReader;
+
+/***/ }),
+/* 101 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.XRef = void 0;
+var _util = __w_pdfjs_require__(2);
+var _primitives = __w_pdfjs_require__(4);
+var _parser = __w_pdfjs_require__(16);
+var _core_utils = __w_pdfjs_require__(3);
+var _base_stream = __w_pdfjs_require__(5);
+var _crypto = __w_pdfjs_require__(67);
+class XRef {
+  constructor(stream, pdfManager) {
+    this.stream = stream;
+    this.pdfManager = pdfManager;
+    this.entries = [];
+    this._xrefStms = new Set();
+    this._cacheMap = new Map();
+    this._pendingRefs = new _primitives.RefSet();
+    this._newPersistentRefNum = null;
+    this._newTemporaryRefNum = null;
+  }
+  getNewPersistentRef(obj) {
+    if (this._newPersistentRefNum === null) {
+      this._newPersistentRefNum = this.entries.length || 1;
+    }
+    const num = this._newPersistentRefNum++;
+    this._cacheMap.set(num, obj);
+    return _primitives.Ref.get(num, 0);
+  }
+  getNewTemporaryRef() {
+    if (this._newTemporaryRefNum === null) {
+      this._newTemporaryRefNum = this.entries.length || 1;
+    }
+    return _primitives.Ref.get(this._newTemporaryRefNum++, 0);
+  }
+  resetNewTemporaryRef() {
+    this._newTemporaryRefNum = null;
+  }
+  setStartXRef(startXRef) {
+    this.startXRefQueue = [startXRef];
+  }
+  parse(recoveryMode = false) {
+    let trailerDict;
+    if (!recoveryMode) {
+      trailerDict = this.readXRef();
+    } else {
+      (0, _util.warn)("Indexing all PDF objects");
+      trailerDict = this.indexObjects();
+    }
+    trailerDict.assignXref(this);
+    this.trailer = trailerDict;
+    let encrypt;
+    try {
+      encrypt = trailerDict.get("Encrypt");
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`XRef.parse - Invalid "Encrypt" reference: "${ex}".`);
+    }
+    if (encrypt instanceof _primitives.Dict) {
+      const ids = trailerDict.get("ID");
+      const fileId = ids && ids.length ? ids[0] : "";
+      encrypt.suppressEncryption = true;
+      this.encrypt = new _crypto.CipherTransformFactory(encrypt, fileId, this.pdfManager.password);
+    }
+    let root;
+    try {
+      root = trailerDict.get("Root");
+    } catch (ex) {
+      if (ex instanceof _core_utils.MissingDataException) {
+        throw ex;
+      }
+      (0, _util.warn)(`XRef.parse - Invalid "Root" reference: "${ex}".`);
+    }
+    if (root instanceof _primitives.Dict) {
+      try {
+        const pages = root.get("Pages");
+        if (pages instanceof _primitives.Dict) {
+          this.root = root;
+          return;
+        }
+      } catch (ex) {
+        if (ex instanceof _core_utils.MissingDataException) {
+          throw ex;
+        }
+        (0, _util.warn)(`XRef.parse - Invalid "Pages" reference: "${ex}".`);
+      }
+    }
+    if (!recoveryMode) {
+      throw new _core_utils.XRefParseException();
+    }
+    throw new _util.InvalidPDFException("Invalid Root reference.");
+  }
+  processXRefTable(parser) {
+    if (!("tableState" in this)) {
+      this.tableState = {
+        entryNum: 0,
+        streamPos: parser.lexer.stream.pos,
+        parserBuf1: parser.buf1,
+        parserBuf2: parser.buf2
+      };
+    }
+    const obj = this.readXRefTable(parser);
+    if (!(0, _primitives.isCmd)(obj, "trailer")) {
+      throw new _util.FormatError("Invalid XRef table: could not find trailer dictionary");
+    }
+    let dict = parser.getObj();
+    if (!(dict instanceof _primitives.Dict) && dict.dict) {
+      dict = dict.dict;
+    }
+    if (!(dict instanceof _primitives.Dict)) {
+      throw new _util.FormatError("Invalid XRef table: could not parse trailer dictionary");
+    }
+    delete this.tableState;
+    return dict;
+  }
+  readXRefTable(parser) {
+    const stream = parser.lexer.stream;
+    const tableState = this.tableState;
+    stream.pos = tableState.streamPos;
+    parser.buf1 = tableState.parserBuf1;
+    parser.buf2 = tableState.parserBuf2;
+    let obj;
+    while (true) {
+      if (!("firstEntryNum" in tableState) || !("entryCount" in tableState)) {
+        if ((0, _primitives.isCmd)(obj = parser.getObj(), "trailer")) {
+          break;
+        }
+        tableState.firstEntryNum = obj;
+        tableState.entryCount = parser.getObj();
+      }
+      let first = tableState.firstEntryNum;
+      const count = tableState.entryCount;
+      if (!Number.isInteger(first) || !Number.isInteger(count)) {
+        throw new _util.FormatError("Invalid XRef table: wrong types in subsection header");
+      }
+      for (let i = tableState.entryNum; i < count; i++) {
+        tableState.streamPos = stream.pos;
+        tableState.entryNum = i;
+        tableState.parserBuf1 = parser.buf1;
+        tableState.parserBuf2 = parser.buf2;
+        const entry = {};
+        entry.offset = parser.getObj();
+        entry.gen = parser.getObj();
+        const type = parser.getObj();
+        if (type instanceof _primitives.Cmd) {
+          switch (type.cmd) {
+            case "f":
+              entry.free = true;
+              break;
+            case "n":
+              entry.uncompressed = true;
+              break;
+          }
+        }
+        if (!Number.isInteger(entry.offset) || !Number.isInteger(entry.gen) || !(entry.free || entry.uncompressed)) {
+          throw new _util.FormatError(`Invalid entry in XRef subsection: ${first}, ${count}`);
+        }
+        if (i === 0 && entry.free && first === 1) {
+          first = 0;
+        }
+        if (!this.entries[i + first]) {
+          this.entries[i + first] = entry;
+        }
+      }
+      tableState.entryNum = 0;
+      tableState.streamPos = stream.pos;
+      tableState.parserBuf1 = parser.buf1;
+      tableState.parserBuf2 = parser.buf2;
+      delete tableState.firstEntryNum;
+      delete tableState.entryCount;
+    }
+    if (this.entries[0] && !this.entries[0].free) {
+      throw new _util.FormatError("Invalid XRef table: unexpected first object");
+    }
+    return obj;
+  }
+  processXRefStream(stream) {
+    if (!("streamState" in this)) {
+      const streamParameters = stream.dict;
+      const byteWidths = streamParameters.get("W");
+      let range = streamParameters.get("Index");
+      if (!range) {
+        range = [0, streamParameters.get("Size")];
+      }
+      this.streamState = {
+        entryRanges: range,
+        byteWidths,
+        entryNum: 0,
+        streamPos: stream.pos
+      };
+    }
+    this.readXRefStream(stream);
+    delete this.streamState;
+    return stream.dict;
+  }
+  readXRefStream(stream) {
+    const streamState = this.streamState;
+    stream.pos = streamState.streamPos;
+    const [typeFieldWidth, offsetFieldWidth, generationFieldWidth] = streamState.byteWidths;
+    const entryRanges = streamState.entryRanges;
+    while (entryRanges.length > 0) {
+      const [first, n] = entryRanges;
+      if (!Number.isInteger(first) || !Number.isInteger(n)) {
+        throw new _util.FormatError(`Invalid XRef range fields: ${first}, ${n}`);
+      }
+      if (!Number.isInteger(typeFieldWidth) || !Number.isInteger(offsetFieldWidth) || !Number.isInteger(generationFieldWidth)) {
+        throw new _util.FormatError(`Invalid XRef entry fields length: ${first}, ${n}`);
+      }
+      for (let i = streamState.entryNum; i < n; ++i) {
+        streamState.entryNum = i;
+        streamState.streamPos = stream.pos;
+        let type = 0,
+          offset = 0,
+          generation = 0;
+        for (let j = 0; j < typeFieldWidth; ++j) {
+          const typeByte = stream.getByte();
+          if (typeByte === -1) {
+            throw new _util.FormatError("Invalid XRef byteWidths 'type'.");
+          }
+          type = type << 8 | typeByte;
+        }
+        if (typeFieldWidth === 0) {
+          type = 1;
+        }
+        for (let j = 0; j < offsetFieldWidth; ++j) {
+          const offsetByte = stream.getByte();
+          if (offsetByte === -1) {
+            throw new _util.FormatError("Invalid XRef byteWidths 'offset'.");
+          }
+          offset = offset << 8 | offsetByte;
+        }
+        for (let j = 0; j < generationFieldWidth; ++j) {
+          const generationByte = stream.getByte();
+          if (generationByte === -1) {
+            throw new _util.FormatError("Invalid XRef byteWidths 'generation'.");
+          }
+          generation = generation << 8 | generationByte;
+        }
+        const entry = {};
+        entry.offset = offset;
+        entry.gen = generation;
+        switch (type) {
+          case 0:
+            entry.free = true;
+            break;
+          case 1:
+            entry.uncompressed = true;
+            break;
+          case 2:
+            break;
+          default:
+            throw new _util.FormatError(`Invalid XRef entry type: ${type}`);
+        }
+        if (!this.entries[first + i]) {
+          this.entries[first + i] = entry;
+        }
+      }
+      streamState.entryNum = 0;
+      streamState.streamPos = stream.pos;
+      entryRanges.splice(0, 2);
+    }
+  }
+  indexObjects() {
+    const TAB = 0x9,
+      LF = 0xa,
+      CR = 0xd,
+      SPACE = 0x20;
+    const PERCENT = 0x25,
+      LT = 0x3c;
+    function readToken(data, offset) {
+      let token = "",
+        ch = data[offset];
+      while (ch !== LF && ch !== CR && ch !== LT) {
+        if (++offset >= data.length) {
+          break;
+        }
+        token += String.fromCharCode(ch);
+        ch = data[offset];
+      }
+      return token;
+    }
+    function skipUntil(data, offset, what) {
+      const length = what.length,
+        dataLength = data.length;
+      let skipped = 0;
+      while (offset < dataLength) {
+        let i = 0;
+        while (i < length && data[offset + i] === what[i]) {
+          ++i;
+        }
+        if (i >= length) {
+          break;
+        }
+        offset++;
+        skipped++;
+      }
+      return skipped;
+    }
+    const gEndobjRegExp = /\b(endobj|\d+\s+\d+\s+obj|xref|trailer)\b/g;
+    const gStartxrefRegExp = /\b(startxref|\d+\s+\d+\s+obj)\b/g;
+    const objRegExp = /^(\d+)\s+(\d+)\s+obj\b/;
+    const trailerBytes = new Uint8Array([116, 114, 97, 105, 108, 101, 114]);
+    const startxrefBytes = new Uint8Array([115, 116, 97, 114, 116, 120, 114, 101, 102]);
+    const xrefBytes = new Uint8Array([47, 88, 82, 101, 102]);
+    this.entries.length = 0;
+    this._cacheMap.clear();
+    const stream = this.stream;
+    stream.pos = 0;
+    const buffer = stream.getBytes(),
+      bufferStr = (0, _util.bytesToString)(buffer),
+      length = buffer.length;
+    let position = stream.start;
+    const trailers = [],
+      xrefStms = [];
+    while (position < length) {
+      let ch = buffer[position];
+      if (ch === TAB || ch === LF || ch === CR || ch === SPACE) {
+        ++position;
+        continue;
+      }
+      if (ch === PERCENT) {
+        do {
+          ++position;
+          if (position >= length) {
+            break;
+          }
+          ch = buffer[position];
+        } while (ch !== LF && ch !== CR);
+        continue;
+      }
+      const token = readToken(buffer, position);
+      let m;
+      if (token.startsWith("xref") && (token.length === 4 || /\s/.test(token[4]))) {
+        position += skipUntil(buffer, position, trailerBytes);
+        trailers.push(position);
+        position += skipUntil(buffer, position, startxrefBytes);
+      } else if (m = objRegExp.exec(token)) {
+        const num = m[1] | 0,
+          gen = m[2] | 0;
+        const startPos = position + token.length;
+        let contentLength,
+          updateEntries = false;
+        if (!this.entries[num]) {
+          updateEntries = true;
+        } else if (this.entries[num].gen === gen) {
+          try {
+            const parser = new _parser.Parser({
+              lexer: new _parser.Lexer(stream.makeSubStream(startPos))
+            });
+            parser.getObj();
+            updateEntries = true;
+          } catch (ex) {
+            if (ex instanceof _core_utils.ParserEOFException) {
+              (0, _util.warn)(`indexObjects -- checking object (${token}): "${ex}".`);
+            } else {
+              updateEntries = true;
+            }
+          }
+        }
+        if (updateEntries) {
+          this.entries[num] = {
+            offset: position - stream.start,
+            gen,
+            uncompressed: true
+          };
+        }
+        gEndobjRegExp.lastIndex = startPos;
+        const match = gEndobjRegExp.exec(bufferStr);
+        if (match) {
+          const endPos = gEndobjRegExp.lastIndex + 1;
+          contentLength = endPos - position;
+          if (match[1] !== "endobj") {
+            (0, _util.warn)(`indexObjects: Found "${match[1]}" inside of another "obj", ` + 'caused by missing "endobj" -- trying to recover.');
+            contentLength -= match[1].length + 1;
+          }
+        } else {
+          contentLength = length - position;
+        }
+        const content = buffer.subarray(position, position + contentLength);
+        const xrefTagOffset = skipUntil(content, 0, xrefBytes);
+        if (xrefTagOffset < contentLength && content[xrefTagOffset + 5] < 64) {
+          xrefStms.push(position - stream.start);
+          this._xrefStms.add(position - stream.start);
+        }
+        position += contentLength;
+      } else if (token.startsWith("trailer") && (token.length === 7 || /\s/.test(token[7]))) {
+        trailers.push(position);
+        const startPos = position + token.length;
+        let contentLength;
+        gStartxrefRegExp.lastIndex = startPos;
+        const match = gStartxrefRegExp.exec(bufferStr);
+        if (match) {
+          const endPos = gStartxrefRegExp.lastIndex + 1;
+          contentLength = endPos - position;
+          if (match[1] !== "startxref") {
+            (0, _util.warn)(`indexObjects: Found "${match[1]}" after "trailer", ` + 'caused by missing "startxref" -- trying to recover.');
+            contentLength -= match[1].length + 1;
+          }
+        } else {
+          contentLength = length - position;
+        }
+        position += contentLength;
+      } else {
+        position += token.length + 1;
+      }
+    }
+    for (const xrefStm of xrefStms) {
+      this.startXRefQueue.push(xrefStm);
+      this.readXRef(true);
+    }
+    const trailerDicts = [];
+    let isEncrypted = false;
+    for (const trailer of trailers) {
+      stream.pos = trailer;
+      const parser = new _parser.Parser({
+        lexer: new _parser.Lexer(stream),
+        xref: this,
+        allowStreams: true,
+        recoveryMode: true
+      });
+      const obj = parser.getObj();
+      if (!(0, _primitives.isCmd)(obj, "trailer")) {
+        continue;
+      }
+      const dict = parser.getObj();
+      if (!(dict instanceof _primitives.Dict)) {
+        continue;
+      }
+      trailerDicts.push(dict);
+      if (dict.has("Encrypt")) {
+        isEncrypted = true;
+      }
+    }
+    let trailerDict, trailerError;
+    for (const dict of [...trailerDicts, "genFallback", ...trailerDicts]) {
+      if (dict === "genFallback") {
+        if (!trailerError) {
+          break;
+        }
+        this._generationFallback = true;
+        continue;
+      }
+      let validPagesDict = false;
+      try {
+        const rootDict = dict.get("Root");
+        if (!(rootDict instanceof _primitives.Dict)) {
+          continue;
+        }
+        const pagesDict = rootDict.get("Pages");
+        if (!(pagesDict instanceof _primitives.Dict)) {
+          continue;
+        }
+        const pagesCount = pagesDict.get("Count");
+        if (Number.isInteger(pagesCount)) {
+          validPagesDict = true;
+        }
+      } catch (ex) {
+        trailerError = ex;
+        continue;
+      }
+      if (validPagesDict && (!isEncrypted || dict.has("Encrypt")) && dict.has("ID")) {
+        return dict;
+      }
+      trailerDict = dict;
+    }
+    if (trailerDict) {
+      return trailerDict;
+    }
+    if (this.topDict) {
+      return this.topDict;
+    }
+    throw new _util.InvalidPDFException("Invalid PDF structure.");
+  }
+  readXRef(recoveryMode = false) {
+    const stream = this.stream;
+    const startXRefParsedCache = new Set();
+    while (this.startXRefQueue.length) {
+      try {
+        const startXRef = this.startXRefQueue[0];
+        if (startXRefParsedCache.has(startXRef)) {
+          (0, _util.warn)("readXRef - skipping XRef table since it was already parsed.");
+          this.startXRefQueue.shift();
+          continue;
+        }
+        startXRefParsedCache.add(startXRef);
+        stream.pos = startXRef + stream.start;
+        const parser = new _parser.Parser({
+          lexer: new _parser.Lexer(stream),
+          xref: this,
+          allowStreams: true
+        });
+        let obj = parser.getObj();
+        let dict;
+        if ((0, _primitives.isCmd)(obj, "xref")) {
+          dict = this.processXRefTable(parser);
+          if (!this.topDict) {
+            this.topDict = dict;
+          }
+          obj = dict.get("XRefStm");
+          if (Number.isInteger(obj) && !this._xrefStms.has(obj)) {
+            this._xrefStms.add(obj);
+            this.startXRefQueue.push(obj);
+          }
+        } else if (Number.isInteger(obj)) {
+          if (!Number.isInteger(parser.getObj()) || !(0, _primitives.isCmd)(parser.getObj(), "obj") || !((obj = parser.getObj()) instanceof _base_stream.BaseStream)) {
+            throw new _util.FormatError("Invalid XRef stream");
+          }
+          dict = this.processXRefStream(obj);
+          if (!this.topDict) {
+            this.topDict = dict;
+          }
+          if (!dict) {
+            throw new _util.FormatError("Failed to read XRef stream");
+          }
+        } else {
+          throw new _util.FormatError("Invalid XRef stream header");
+        }
+        obj = dict.get("Prev");
+        if (Number.isInteger(obj)) {
+          this.startXRefQueue.push(obj);
+        } else if (obj instanceof _primitives.Ref) {
+          this.startXRefQueue.push(obj.num);
+        }
+      } catch (e) {
+        if (e instanceof _core_utils.MissingDataException) {
+          throw e;
+        }
+        (0, _util.info)("(while reading XRef): " + e);
+      }
+      this.startXRefQueue.shift();
+    }
+    if (this.topDict) {
+      return this.topDict;
+    }
+    if (recoveryMode) {
+      return undefined;
+    }
+    throw new _core_utils.XRefParseException();
+  }
+  get lastXRefStreamPos() {
+    return this._xrefStms.size > 0 ? Math.max(...this._xrefStms) : null;
+  }
+  getEntry(i) {
+    const xrefEntry = this.entries[i];
+    if (xrefEntry && !xrefEntry.free && xrefEntry.offset) {
+      return xrefEntry;
+    }
+    return null;
+  }
+  fetchIfRef(obj, suppressEncryption = false) {
+    if (obj instanceof _primitives.Ref) {
+      return this.fetch(obj, suppressEncryption);
+    }
+    return obj;
+  }
+  fetch(ref, suppressEncryption = false) {
+    if (!(ref instanceof _primitives.Ref)) {
+      throw new Error("ref object is not a reference");
+    }
+    const num = ref.num;
+    const cacheEntry = this._cacheMap.get(num);
+    if (cacheEntry !== undefined) {
+      if (cacheEntry instanceof _primitives.Dict && !cacheEntry.objId) {
+        cacheEntry.objId = ref.toString();
+      }
+      return cacheEntry;
+    }
+    let xrefEntry = this.getEntry(num);
+    if (xrefEntry === null) {
+      this._cacheMap.set(num, xrefEntry);
+      return xrefEntry;
+    }
+    if (this._pendingRefs.has(ref)) {
+      this._pendingRefs.remove(ref);
+      (0, _util.warn)(`Ignoring circular reference: ${ref}.`);
+      return _primitives.CIRCULAR_REF;
+    }
+    this._pendingRefs.put(ref);
+    try {
+      if (xrefEntry.uncompressed) {
+        xrefEntry = this.fetchUncompressed(ref, xrefEntry, suppressEncryption);
+      } else {
+        xrefEntry = this.fetchCompressed(ref, xrefEntry, suppressEncryption);
+      }
+      this._pendingRefs.remove(ref);
+    } catch (ex) {
+      this._pendingRefs.remove(ref);
+      throw ex;
+    }
+    if (xrefEntry instanceof _primitives.Dict) {
+      xrefEntry.objId = ref.toString();
+    } else if (xrefEntry instanceof _base_stream.BaseStream) {
+      xrefEntry.dict.objId = ref.toString();
+    }
+    return xrefEntry;
+  }
+  fetchUncompressed(ref, xrefEntry, suppressEncryption = false) {
+    const gen = ref.gen;
+    let num = ref.num;
+    if (xrefEntry.gen !== gen) {
+      const msg = `Inconsistent generation in XRef: ${ref}`;
+      if (this._generationFallback && xrefEntry.gen < gen) {
+        (0, _util.warn)(msg);
+        return this.fetchUncompressed(_primitives.Ref.get(num, xrefEntry.gen), xrefEntry, suppressEncryption);
+      }
+      throw new _core_utils.XRefEntryException(msg);
+    }
+    const stream = this.stream.makeSubStream(xrefEntry.offset + this.stream.start);
+    const parser = new _parser.Parser({
+      lexer: new _parser.Lexer(stream),
+      xref: this,
+      allowStreams: true
+    });
+    const obj1 = parser.getObj();
+    const obj2 = parser.getObj();
+    const obj3 = parser.getObj();
+    if (obj1 !== num || obj2 !== gen || !(obj3 instanceof _primitives.Cmd)) {
+      throw new _core_utils.XRefEntryException(`Bad (uncompressed) XRef entry: ${ref}`);
+    }
+    if (obj3.cmd !== "obj") {
+      if (obj3.cmd.startsWith("obj")) {
+        num = parseInt(obj3.cmd.substring(3), 10);
+        if (!Number.isNaN(num)) {
+          return num;
+        }
+      }
+      throw new _core_utils.XRefEntryException(`Bad (uncompressed) XRef entry: ${ref}`);
+    }
+    if (this.encrypt && !suppressEncryption) {
+      xrefEntry = parser.getObj(this.encrypt.createCipherTransform(num, gen));
+    } else {
+      xrefEntry = parser.getObj();
+    }
+    if (!(xrefEntry instanceof _base_stream.BaseStream)) {
+      this._cacheMap.set(num, xrefEntry);
+    }
+    return xrefEntry;
+  }
+  fetchCompressed(ref, xrefEntry, suppressEncryption = false) {
+    const tableOffset = xrefEntry.offset;
+    const stream = this.fetch(_primitives.Ref.get(tableOffset, 0));
+    if (!(stream instanceof _base_stream.BaseStream)) {
+      throw new _util.FormatError("bad ObjStm stream");
+    }
+    const first = stream.dict.get("First");
+    const n = stream.dict.get("N");
+    if (!Number.isInteger(first) || !Number.isInteger(n)) {
+      throw new _util.FormatError("invalid first and n parameters for ObjStm stream");
+    }
+    let parser = new _parser.Parser({
+      lexer: new _parser.Lexer(stream),
+      xref: this,
+      allowStreams: true
+    });
+    const nums = new Array(n);
+    const offsets = new Array(n);
+    for (let i = 0; i < n; ++i) {
+      const num = parser.getObj();
+      if (!Number.isInteger(num)) {
+        throw new _util.FormatError(`invalid object number in the ObjStm stream: ${num}`);
+      }
+      const offset = parser.getObj();
+      if (!Number.isInteger(offset)) {
+        throw new _util.FormatError(`invalid object offset in the ObjStm stream: ${offset}`);
+      }
+      nums[i] = num;
+      offsets[i] = offset;
+    }
+    const start = (stream.start || 0) + first;
+    const entries = new Array(n);
+    for (let i = 0; i < n; ++i) {
+      const length = i < n - 1 ? offsets[i + 1] - offsets[i] : undefined;
+      if (length < 0) {
+        throw new _util.FormatError("Invalid offset in the ObjStm stream.");
+      }
+      parser = new _parser.Parser({
+        lexer: new _parser.Lexer(stream.makeSubStream(start + offsets[i], length, stream.dict)),
+        xref: this,
+        allowStreams: true
+      });
+      const obj = parser.getObj();
+      entries[i] = obj;
+      if (obj instanceof _base_stream.BaseStream) {
+        continue;
+      }
+      const num = nums[i],
+        entry = this.entries[num];
+      if (entry && entry.offset === tableOffset && entry.gen === i) {
+        this._cacheMap.set(num, obj);
+      }
+    }
+    xrefEntry = entries[xrefEntry.gen];
+    if (xrefEntry === undefined) {
+      throw new _core_utils.XRefEntryException(`Bad (compressed) XRef entry: ${ref}`);
+    }
+    return xrefEntry;
+  }
+  async fetchIfRefAsync(obj, suppressEncryption) {
+    if (obj instanceof _primitives.Ref) {
+      return this.fetchAsync(obj, suppressEncryption);
+    }
+    return obj;
+  }
+  async fetchAsync(ref, suppressEncryption) {
+    try {
+      return this.fetch(ref, suppressEncryption);
+    } catch (ex) {
+      if (!(ex instanceof _core_utils.MissingDataException)) {
+        throw ex;
+      }
+      await this.pdfManager.requestRange(ex.begin, ex.end);
+      return this.fetchAsync(ref, suppressEncryption);
+    }
+  }
+  getCatalogObj() {
+    return this.root;
+  }
+}
+exports.XRef = XRef;
+
+/***/ }),
+/* 102 */
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.isNodeJS = void 0;
+const isNodeJS = typeof process === "object" && process + "" === "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser");
+exports.isNodeJS = isNodeJS;
+
+/***/ }),
+/* 103 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.MessageHandler = void 0;
+var _util = __w_pdfjs_require__(2);
+const CallbackKind = {
+  UNKNOWN: 0,
+  DATA: 1,
+  ERROR: 2
+};
+const StreamKind = {
+  UNKNOWN: 0,
+  CANCEL: 1,
+  CANCEL_COMPLETE: 2,
+  CLOSE: 3,
+  ENQUEUE: 4,
+  ERROR: 5,
+  PULL: 6,
+  PULL_COMPLETE: 7,
+  START_COMPLETE: 8
+};
+function wrapReason(reason) {
+  if (!(reason instanceof Error || typeof reason === "object" && reason !== null)) {
+    (0, _util.unreachable)('wrapReason: Expected "reason" to be a (possibly cloned) Error.');
+  }
+  switch (reason.name) {
+    case "AbortException":
+      return new _util.AbortException(reason.message);
+    case "MissingPDFException":
+      return new _util.MissingPDFException(reason.message);
+    case "PasswordException":
+      return new _util.PasswordException(reason.message, reason.code);
+    case "UnexpectedResponseException":
+      return new _util.UnexpectedResponseException(reason.message, reason.status);
+    case "UnknownErrorException":
+      return new _util.UnknownErrorException(reason.message, reason.details);
+    default:
+      return new _util.UnknownErrorException(reason.message, reason.toString());
+  }
+}
+class MessageHandler {
+  constructor(sourceName, targetName, comObj) {
+    this.sourceName = sourceName;
+    this.targetName = targetName;
+    this.comObj = comObj;
+    this.callbackId = 1;
+    this.streamId = 1;
+    this.streamSinks = Object.create(null);
+    this.streamControllers = Object.create(null);
+    this.callbackCapabilities = Object.create(null);
+    this.actionHandler = Object.create(null);
+    this._onComObjOnMessage = event => {
+      const data = event.data;
+      if (data.targetName !== this.sourceName) {
+        return;
+      }
+      if (data.stream) {
+        this.#processStreamMessage(data);
+        return;
+      }
+      if (data.callback) {
+        const callbackId = data.callbackId;
+        const capability = this.callbackCapabilities[callbackId];
+        if (!capability) {
+          throw new Error(`Cannot resolve callback ${callbackId}`);
+        }
+        delete this.callbackCapabilities[callbackId];
+        if (data.callback === CallbackKind.DATA) {
+          capability.resolve(data.data);
+        } else if (data.callback === CallbackKind.ERROR) {
+          capability.reject(wrapReason(data.reason));
+        } else {
+          throw new Error("Unexpected callback case");
+        }
+        return;
+      }
+      const action = this.actionHandler[data.action];
+      if (!action) {
+        throw new Error(`Unknown action from worker: ${data.action}`);
+      }
+      if (data.callbackId) {
+        const cbSourceName = this.sourceName;
+        const cbTargetName = data.sourceName;
+        new Promise(function (resolve) {
+          resolve(action(data.data));
+        }).then(function (result) {
+          comObj.postMessage({
+            sourceName: cbSourceName,
+            targetName: cbTargetName,
+            callback: CallbackKind.DATA,
+            callbackId: data.callbackId,
+            data: result
+          });
+        }, function (reason) {
+          comObj.postMessage({
+            sourceName: cbSourceName,
+            targetName: cbTargetName,
+            callback: CallbackKind.ERROR,
+            callbackId: data.callbackId,
+            reason: wrapReason(reason)
+          });
+        });
+        return;
+      }
+      if (data.streamId) {
+        this.#createStreamSink(data);
+        return;
+      }
+      action(data.data);
+    };
+    comObj.addEventListener("message", this._onComObjOnMessage);
+  }
+  on(actionName, handler) {
+    const ah = this.actionHandler;
+    if (ah[actionName]) {
+      throw new Error(`There is already an actionName called "${actionName}"`);
+    }
+    ah[actionName] = handler;
+  }
+  send(actionName, data, transfers) {
+    this.comObj.postMessage({
+      sourceName: this.sourceName,
+      targetName: this.targetName,
+      action: actionName,
+      data
+    }, transfers);
+  }
+  sendWithPromise(actionName, data, transfers) {
+    const callbackId = this.callbackId++;
+    const capability = new _util.PromiseCapability();
+    this.callbackCapabilities[callbackId] = capability;
+    try {
+      this.comObj.postMessage({
+        sourceName: this.sourceName,
+        targetName: this.targetName,
+        action: actionName,
+        callbackId,
+        data
+      }, transfers);
+    } catch (ex) {
+      capability.reject(ex);
+    }
+    return capability.promise;
+  }
+  sendWithStream(actionName, data, queueingStrategy, transfers) {
+    const streamId = this.streamId++,
+      sourceName = this.sourceName,
+      targetName = this.targetName,
+      comObj = this.comObj;
+    return new ReadableStream({
+      start: controller => {
+        const startCapability = new _util.PromiseCapability();
+        this.streamControllers[streamId] = {
+          controller,
+          startCall: startCapability,
+          pullCall: null,
+          cancelCall: null,
+          isClosed: false
+        };
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          action: actionName,
+          streamId,
+          data,
+          desiredSize: controller.desiredSize
+        }, transfers);
+        return startCapability.promise;
+      },
+      pull: controller => {
+        const pullCapability = new _util.PromiseCapability();
+        this.streamControllers[streamId].pullCall = pullCapability;
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          stream: StreamKind.PULL,
+          streamId,
+          desiredSize: controller.desiredSize
+        });
+        return pullCapability.promise;
+      },
+      cancel: reason => {
+        (0, _util.assert)(reason instanceof Error, "cancel must have a valid reason");
+        const cancelCapability = new _util.PromiseCapability();
+        this.streamControllers[streamId].cancelCall = cancelCapability;
+        this.streamControllers[streamId].isClosed = true;
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          stream: StreamKind.CANCEL,
+          streamId,
+          reason: wrapReason(reason)
+        });
+        return cancelCapability.promise;
+      }
+    }, queueingStrategy);
+  }
+  #createStreamSink(data) {
+    const streamId = data.streamId,
+      sourceName = this.sourceName,
+      targetName = data.sourceName,
+      comObj = this.comObj;
+    const self = this,
+      action = this.actionHandler[data.action];
+    const streamSink = {
+      enqueue(chunk, size = 1, transfers) {
+        if (this.isCancelled) {
+          return;
+        }
+        const lastDesiredSize = this.desiredSize;
+        this.desiredSize -= size;
+        if (lastDesiredSize > 0 && this.desiredSize <= 0) {
+          this.sinkCapability = new _util.PromiseCapability();
+          this.ready = this.sinkCapability.promise;
+        }
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          stream: StreamKind.ENQUEUE,
+          streamId,
+          chunk
+        }, transfers);
+      },
+      close() {
+        if (this.isCancelled) {
+          return;
+        }
+        this.isCancelled = true;
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          stream: StreamKind.CLOSE,
+          streamId
+        });
+        delete self.streamSinks[streamId];
+      },
+      error(reason) {
+        (0, _util.assert)(reason instanceof Error, "error must have a valid reason");
+        if (this.isCancelled) {
+          return;
+        }
+        this.isCancelled = true;
+        comObj.postMessage({
+          sourceName,
+          targetName,
+          stream: StreamKind.ERROR,
+          streamId,
+          reason: wrapReason(reason)
+        });
+      },
+      sinkCapability: new _util.PromiseCapability(),
+      onPull: null,
+      onCancel: null,
+      isCancelled: false,
+      desiredSize: data.desiredSize,
+      ready: null
+    };
+    streamSink.sinkCapability.resolve();
+    streamSink.ready = streamSink.sinkCapability.promise;
+    this.streamSinks[streamId] = streamSink;
+    new Promise(function (resolve) {
+      resolve(action(data.data, streamSink));
+    }).then(function () {
+      comObj.postMessage({
+        sourceName,
+        targetName,
+        stream: StreamKind.START_COMPLETE,
+        streamId,
+        success: true
+      });
+    }, function (reason) {
+      comObj.postMessage({
+        sourceName,
+        targetName,
+        stream: StreamKind.START_COMPLETE,
+        streamId,
+        reason: wrapReason(reason)
+      });
+    });
+  }
+  #processStreamMessage(data) {
+    const streamId = data.streamId,
+      sourceName = this.sourceName,
+      targetName = data.sourceName,
+      comObj = this.comObj;
+    const streamController = this.streamControllers[streamId],
+      streamSink = this.streamSinks[streamId];
+    switch (data.stream) {
+      case StreamKind.START_COMPLETE:
+        if (data.success) {
+          streamController.startCall.resolve();
+        } else {
+          streamController.startCall.reject(wrapReason(data.reason));
+        }
+        break;
+      case StreamKind.PULL_COMPLETE:
+        if (data.success) {
+          streamController.pullCall.resolve();
+        } else {
+          streamController.pullCall.reject(wrapReason(data.reason));
+        }
+        break;
+      case StreamKind.PULL:
+        if (!streamSink) {
+          comObj.postMessage({
+            sourceName,
+            targetName,
+            stream: StreamKind.PULL_COMPLETE,
+            streamId,
+            success: true
+          });
+          break;
+        }
+        if (streamSink.desiredSize <= 0 && data.desiredSize > 0) {
+          streamSink.sinkCapability.resolve();
+        }
+        streamSink.desiredSize = data.desiredSize;
+        new Promise(function (resolve) {
+          resolve(streamSink.onPull?.());
+        }).then(function () {
+          comObj.postMessage({
+            sourceName,
+            targetName,
+            stream: StreamKind.PULL_COMPLETE,
+            streamId,
+            success: true
+          });
+        }, function (reason) {
+          comObj.postMessage({
+            sourceName,
+            targetName,
+            stream: StreamKind.PULL_COMPLETE,
+            streamId,
+            reason: wrapReason(reason)
+          });
+        });
+        break;
+      case StreamKind.ENQUEUE:
+        (0, _util.assert)(streamController, "enqueue should have stream controller");
+        if (streamController.isClosed) {
+          break;
+        }
+        streamController.controller.enqueue(data.chunk);
+        break;
+      case StreamKind.CLOSE:
+        (0, _util.assert)(streamController, "close should have stream controller");
+        if (streamController.isClosed) {
+          break;
+        }
+        streamController.isClosed = true;
+        streamController.controller.close();
+        this.#deleteStreamController(streamController, streamId);
+        break;
+      case StreamKind.ERROR:
+        (0, _util.assert)(streamController, "error should have stream controller");
+        streamController.controller.error(wrapReason(data.reason));
+        this.#deleteStreamController(streamController, streamId);
+        break;
+      case StreamKind.CANCEL_COMPLETE:
+        if (data.success) {
+          streamController.cancelCall.resolve();
+        } else {
+          streamController.cancelCall.reject(wrapReason(data.reason));
+        }
+        this.#deleteStreamController(streamController, streamId);
+        break;
+      case StreamKind.CANCEL:
+        if (!streamSink) {
+          break;
+        }
+        new Promise(function (resolve) {
+          resolve(streamSink.onCancel?.(wrapReason(data.reason)));
+        }).then(function () {
+          comObj.postMessage({
+            sourceName,
+            targetName,
+            stream: StreamKind.CANCEL_COMPLETE,
+            streamId,
+            success: true
+          });
+        }, function (reason) {
+          comObj.postMessage({
+            sourceName,
+            targetName,
+            stream: StreamKind.CANCEL_COMPLETE,
+            streamId,
+            reason: wrapReason(reason)
+          });
+        });
+        streamSink.sinkCapability.reject(wrapReason(data.reason));
+        streamSink.isCancelled = true;
+        delete this.streamSinks[streamId];
+        break;
+      default:
+        throw new Error("Unexpected stream case");
+    }
+  }
+  async #deleteStreamController(streamController, streamId) {
+    await Promise.allSettled([streamController.startCall?.promise, streamController.pullCall?.promise, streamController.cancelCall?.promise]);
+    delete this.streamControllers[streamId];
+  }
+  destroy() {
+    this.comObj.removeEventListener("message", this._onComObjOnMessage);
+  }
+}
+exports.MessageHandler = MessageHandler;
+
+/***/ }),
+/* 104 */
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.PDFWorkerStream = void 0;
+var _util = __w_pdfjs_require__(2);
+class PDFWorkerStream {
+  constructor(msgHandler) {
+    this._msgHandler = msgHandler;
+    this._contentLength = null;
+    this._fullRequestReader = null;
+    this._rangeRequestReaders = [];
+  }
+  getFullReader() {
+    (0, _util.assert)(!this._fullRequestReader, "PDFWorkerStream.getFullReader can only be called once.");
+    this._fullRequestReader = new PDFWorkerStreamReader(this._msgHandler);
+    return this._fullRequestReader;
+  }
+  getRangeReader(begin, end) {
+    const reader = new PDFWorkerStreamRangeReader(begin, end, this._msgHandler);
+    this._rangeRequestReaders.push(reader);
+    return reader;
+  }
+  cancelAllRequests(reason) {
+    if (this._fullRequestReader) {
+      this._fullRequestReader.cancel(reason);
+    }
+    for (const reader of this._rangeRequestReaders.slice(0)) {
+      reader.cancel(reason);
+    }
+  }
+}
+exports.PDFWorkerStream = PDFWorkerStream;
+class PDFWorkerStreamReader {
+  constructor(msgHandler) {
+    this._msgHandler = msgHandler;
+    this.onProgress = null;
+    this._contentLength = null;
+    this._isRangeSupported = false;
+    this._isStreamingSupported = false;
+    const readableStream = this._msgHandler.sendWithStream("GetReader");
+    this._reader = readableStream.getReader();
+    this._headersReady = this._msgHandler.sendWithPromise("ReaderHeadersReady").then(data => {
+      this._isStreamingSupported = data.isStreamingSupported;
+      this._isRangeSupported = data.isRangeSupported;
+      this._contentLength = data.contentLength;
+    });
+  }
+  get headersReady() {
+    return this._headersReady;
+  }
+  get contentLength() {
+    return this._contentLength;
+  }
+  get isStreamingSupported() {
+    return this._isStreamingSupported;
+  }
+  get isRangeSupported() {
+    return this._isRangeSupported;
+  }
+  async read() {
+    const {
+      value,
+      done
+    } = await this._reader.read();
+    if (done) {
+      return {
+        value: undefined,
+        done: true
+      };
+    }
+    return {
+      value: value.buffer,
+      done: false
+    };
+  }
+  cancel(reason) {
+    this._reader.cancel(reason);
+  }
+}
+class PDFWorkerStreamRangeReader {
+  constructor(begin, end, msgHandler) {
+    this._msgHandler = msgHandler;
+    this.onProgress = null;
+    const readableStream = this._msgHandler.sendWithStream("GetRangeReader", {
+      begin,
+      end
+    });
+    this._reader = readableStream.getReader();
+  }
+  get isStreamingSupported() {
+    return false;
+  }
+  async read() {
+    const {
+      value,
+      done
+    } = await this._reader.read();
+    if (done) {
+      return {
+        value: undefined,
+        done: true
+      };
+    }
+    return {
+      value: value.buffer,
+      done: false
+    };
+  }
+  cancel(reason) {
+    this._reader.cancel(reason);
+  }
+}
+
+/***/ })
+/******/ 	]);
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __w_pdfjs_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __w_pdfjs_require__);
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__w_pdfjs_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__w_pdfjs_require__.o(definition, key) && !__w_pdfjs_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__w_pdfjs_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__w_pdfjs_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+var exports = __webpack_exports__;
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "WorkerMessageHandler", ({
+  enumerable: true,
+  get: function () {
+    return _worker.WorkerMessageHandler;
+  }
+}));
+var _worker = __w_pdfjs_require__(1);
+const pdfjsVersion = '3.6.172';
+const pdfjsBuild = '4d3dfe254';
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=pdf.worker.js.map
diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt
index c566509..6d47883 100644
--- a/frontend/public/robots.txt
+++ b/frontend/public/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Sitemap: https://jatin.vercel.app/sitemap.xml
\ No newline at end of file
+Sitemap: https://nim23.com/sitemap.xml
diff --git a/frontend/public/sitemap.xml b/frontend/public/sitemap.xml
index b4c38b5..c31a318 100644
--- a/frontend/public/sitemap.xml
+++ b/frontend/public/sitemap.xml
@@ -6,19 +6,19 @@
               </url>
             
               <url>
-                  <loc>https://j471n.in/certificates</loc>
+                  <loc>https://j471n.in/blank</loc>
               </url>
             
               <url>
-                  <loc>https://j471n.in</loc>
+                  <loc>https://j471n.in/certificates</loc>
               </url>
             
               <url>
-                  <loc>https://j471n.in/privacy</loc>
+                  <loc>https://j471n.in</loc>
               </url>
             
               <url>
-                  <loc>https://j471n.in/projects</loc>
+                  <loc>https://j471n.in/privacy</loc>
               </url>
             
               <url>
@@ -29,330 +29,6 @@
                   <loc>https://j471n.in/utilities</loc>
               </url>
             
-              <url>
-                  <loc>https://j471n.in/blogs/10-css-resources-that-you-should-bookmark</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/10-git-commands-everybody-should-know</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/5-very-useful-chrome-edge-extensions-for-developers</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/6-ways-to-center-a-div</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/access-local-server</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/active-navbar-next-js</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/battery-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/before-and-after-in-tailwind-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ce-dec-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ce-feb-2023</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ce-jan-2023</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ce-nov-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-april</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-aug-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-july-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-june</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-oct-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/chrome-extensions-sep-2022</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/clean-loading-animation</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/colorful-rain-with-js</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/convert-nextjs-app-to-pwa</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/countdown-loading-with-js</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/countries-flags</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/create-bash-script-and-file-permissions</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/creative-hover-menu-with-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-1</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-10</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-11</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-12</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-13</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-14</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-15</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-2</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-3</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-4</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-5</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-6</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-7</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-8</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-battle-9</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-flag-india</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-gradient-loading-animation</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-icon-android</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-icon-google-photos</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-icon-gpay</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/css-icon-microsoft</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/curved-timeline-in-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/detect-when-users-switch-tabs-using-javascript</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/dev-to-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/getting-started-with-bash</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/glassmorphism-circle-loading-animation</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/glassmorphism-loading-animation</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/google-analytics-data-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/image-slider-with-vanila-js</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ip-address-and-classes</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/js-cheatsheet</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/next-google-docs</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/next-google</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/notification-panel</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/os-conepts</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/paths-and-comments-in-bash</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/pip-web-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/portfolio-tutorial</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/prevent-heroku-server-from-sleeping-for-free</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/preview-file-in-react</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/rss-feed-for-nextjs</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/scroll-to-the-top-with-js</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/some-javascript-methods-you-should-know</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/some-strange-concept-of-javascript</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/spotify-api-nextjs</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/timeline-with-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/truncate-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/ts</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/typing-effect-by-using-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/typing-effect-with-typedjs</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/video-as-text-background-using-css</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/vs-code-setup</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/web-share-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/web-storage-api</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/why-i-ditched-chrome-for-edge</loc>
-              </url>
-            
-              <url>
-                  <loc>https://j471n.in/blogs/windows-commands</loc>
-              </url>
-            
               <url>
                   <loc>https://j471n.in/snippets/darkmode-context-api</loc>
               </url>
diff --git a/frontend/server.js b/frontend/server.js
new file mode 100644
index 0000000..7c0ee31
--- /dev/null
+++ b/frontend/server.js
@@ -0,0 +1,40 @@
+const { createServer } = require('http')
+const { parse } = require('url')
+const next = require('next')
+
+const dev = process.env.NODE_ENV !== 'production'
+const hostname = 'localhost'
+const port = 3000
+// when using middleware `hostname` and `port` must be provided below
+const app = next({ dev, hostname, port })
+const handle = app.getRequestHandler()
+
+app.prepare().then(() => {
+  createServer(async (req, res) => {
+    try {
+      // Be sure to pass `true` as the second argument to `url.parse`.
+      // This tells it to parse the query portion of the URL.
+      const parsedUrl = parse(req.url, true)
+      const { pathname, query } = parsedUrl
+
+      if (pathname === '/a') {
+        await app.render(req, res, '/a', query)
+      } else if (pathname === '/b') {
+        await app.render(req, res, '/b', query)
+      } else {
+        await handle(req, res, parsedUrl)
+      }
+    } catch (err) {
+      console.error('Error occurred handling', req.url, err)
+      res.statusCode = 500
+      res.end('internal server error')
+    }
+  })
+    .once('error', (err) => {
+      console.error(err)
+      process.exit(1)
+    })
+    .listen(port, () => {
+      console.log(`> Ready on http://${hostname}:${port}`)
+    })
+})
diff --git a/frontend/static_pages/about.mdx b/frontend/static_pages/about.mdx
index 4f5127a..d2f749f 100644
--- a/frontend/static_pages/about.mdx
+++ b/frontend/static_pages/about.mdx
@@ -7,5 +7,6 @@ excerpt: ""
 image: https://imgur.com/C6GBjJt.png
 ---
 
-Hey, I am Numan Ibn Mazid.
-Experienced professional Software Engineer who enjoys developing innovative software solutions that are tailored to customer desirability and usability.
+Thank you for taking the time to learn more about me.
+
+I am Numan Ibn Mazid. You can call me Numan. I'm excited to share a glimpse into my background, work experience, education, my projects, what I like etc.
diff --git a/frontend/static_pages/privacy-policy.mdx b/frontend/static_pages/privacy-policy.mdx
index e72ed5b..e1cd587 100644
--- a/frontend/static_pages/privacy-policy.mdx
+++ b/frontend/static_pages/privacy-policy.mdx
@@ -1,20 +1,39 @@
 ---
 slug: privacy
 title: Privacy Policy
-date: 2023-01-17
+date: 2023-06-26
 published: true
 image: https://imgur.com/ghlRutT.png
 ---
 
-At [j471n.in](https://j471n.in), I value your privacy and take it seriously. I do not collect any personal information from users, including but not limited to names, email addresses, and other contact information.
+At `nim23.com`, we value and respect your privacy. This Privacy Policy outlines how we collect, use, and protect your personal information when you visit our website.
 
-I do keep track of visitor count for certain pages (blogs) on the website, but this information is not linked to any specific user and is used for internal analytics purposes only.
+## Information Collection and Use
 
-I use [Substack](https://substack.com/) to send newsletters to my subscribers. When you subscribe to my [newsletter](https://j471n.substack.com/), your email address is stored on Substack's servers and listed as part of my subscribers under my substack account. This email address is used solely for the purpose of sending future newsletters that I publish.
+When you visit our website, we may collect certain information about you, such as your name, email address, and any other information you provide voluntarily. We use this information solely for the purpose of improving your experience on our website and providing you with the requested services.
 
-I don't share any information collected through this website or newsletter with any third parties, except as required by law.
+## Use of Cookies
 
-I reserve the right to update this Privacy Policy at any time, and will notify you of any changes by posting the updated policy.
+We may use cookies and similar technologies to enhance your browsing experience on our website. Cookies are small text files that are stored on your device to collect information about your visit. These cookies help us analyze website traffic, customize content, and remember your preferences. You have the option to disable cookies in your browser settings, but please note that some features of our website may not function properly without them.
 
-If you have any questions or concerns about the Privacy Policy, please contact met at [me@j471n.in](mailto:me@j471n.in).
+## Data Security
 
+We take data security seriously and implement appropriate measures to protect your personal information from unauthorized access, disclosure, alteration, or destruction. However, please be aware that no method of transmission over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security of your data.
+
+## Third-Party Links
+
+Our website may contain links to third-party websites or services. We are not responsible for the privacy practices or content of those websites. We encourage you to review the privacy policies of any third-party sites you visit.
+
+## Children's Privacy
+
+Our website is not intended for use by individuals under the age of 13. We do not knowingly collect personal information from children. If you believe we have unintentionally collected information from a child, please contact us immediately, and we will take steps to remove that information from our records.
+
+## Changes to This Privacy Policy
+
+We reserve the right to update or modify this Privacy Policy at any time. Any changes will be effective immediately upon posting on this page. We encourage you to review this Privacy Policy periodically to stay informed about how we collect, use, and protect your personal information.
+
+## Contact Us
+
+If you have any questions or concerns about this Privacy Policy or your personal information, please don't hesitate to contact us. We are here to address any queries and ensure your privacy is respected.
+
+Thank you for trusting us with your personal information.
diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css
index 2131e21..0a37b9a 100644
--- a/frontend/styles/globals.css
+++ b/frontend/styles/globals.css
@@ -304,3 +304,28 @@ code > .line::before {
     margin: 0;
   }
 }
+
+
+/* Custom CSS */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.75);
+  display: flex;
+  align-items: center;
+  justify-content: center; /* Add this line */
+}
+.modal {
+  position: relative;
+  background-color: #fff;
+  border-radius: 15px;
+  padding: 20px;
+  padding-top: 0px !important;
+  min-width: 400px;
+  max-width: 100%;
+  max-height: 80vh;
+  overflow-y: auto;
+}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 3aa7e8c..bf0935d 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -18,6 +18,7 @@ module.exports = {
         darkSecondary: "#25282A",
         darkWhite: "#f2f5fa",
         "dark-3": "#b8b8b8",
+        "orange-1": "#FFA500",
       },
       listStyleType: {
         square: "square",
diff --git a/frontend/utils/utils.ts b/frontend/utils/utils.ts
index bade8fe..3616f1a 100644
--- a/frontend/utils/utils.ts
+++ b/frontend/utils/utils.ts
@@ -9,14 +9,11 @@ export const navigationRoutes: string[] = [
   "home",
   "about",
   "stats",
-  "utilities",
   "blogs",
-  "certificates",
   "projects",
-  "snippets",
+  "code-snippets",
+  "contact",
   "privacy",
-  "newsletter",
-  "rss",
 ]
 
 export const snippetsImages: { [key: string]: string } = {
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index ce55b1e..9bdaaea 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1055,6 +1055,21 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@mapbox/node-pre-gyp@^1.0.0":
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz#8e6735ccebbb1581e5a7e652244cadc8a844d03c"
+  integrity sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==
+  dependencies:
+    detect-libc "^2.0.0"
+    https-proxy-agent "^5.0.0"
+    make-dir "^3.1.0"
+    node-fetch "^2.6.7"
+    nopt "^5.0.0"
+    npmlog "^5.0.1"
+    rimraf "^3.0.2"
+    semver "^7.3.5"
+    tar "^6.1.11"
+
 "@mdx-js/mdx@2.1.5", "@mdx-js/mdx@^2.0.0":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-2.1.5.tgz#577937349fd555154382c2f805f5f52834a64903"
@@ -1722,6 +1737,13 @@
   resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
+"@types/react-modal@^3.16.0":
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.0.tgz#b8d6be10de894139a2ea9f4a2505b1b5d02023df"
+  integrity sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@>=16":
   version "18.0.26"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.0.26.tgz"
@@ -1919,6 +1941,11 @@
     "@typescript-eslint/types" "5.59.7"
     eslint-visitor-keys "^3.3.0"
 
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
 abort-controller@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz"
@@ -2019,6 +2046,19 @@ app-module-path@^2.2.0:
   resolved "https://registry.npmjs.org/app-module-path/-/app-module-path-2.2.0.tgz"
   integrity sha512-gkco+qxENJV+8vFcDiiFhuoSvRXb2a/QPqpSoWhVz829VNJfOTnELbBmPmNKFxf3xdNnw4DWCkzkDaavcX/1YQ==
 
+"aproba@^1.0.3 || ^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
+  integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
+
+are-we-there-yet@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz#372e0e7bd279d8e94c653aaa1f67200884bf3e1c"
+  integrity sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^3.6.0"
+
 arg@^5.0.2:
   version "5.0.2"
   resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
@@ -2224,7 +2264,7 @@ binary-extensions@^2.0.0:
   resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bl@^4.1.0:
+bl@^4.0.3, bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
   integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
@@ -2323,6 +2363,15 @@ caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.300014
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz"
   integrity sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==
 
+canvas@^2.11.2:
+  version "2.11.2"
+  resolved "https://registry.yarnpkg.com/canvas/-/canvas-2.11.2.tgz#553d87b1e0228c7ac0fc72887c3adbac4abbd860"
+  integrity sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==
+  dependencies:
+    "@mapbox/node-pre-gyp" "^1.0.0"
+    nan "^2.17.0"
+    simple-get "^3.0.3"
+
 catharsis@^0.9.0:
   version "0.9.0"
   resolved "https://registry.npmjs.org/catharsis/-/catharsis-0.9.0.tgz"
@@ -2387,6 +2436,16 @@ chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
 classnames@^2.3.2:
   version "2.3.2"
   resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz"
@@ -2430,7 +2489,7 @@ clone@^1.0.2:
   resolved "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
-clsx@^1.1.1:
+clsx@^1.1.1, clsx@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz"
   integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
@@ -2454,11 +2513,32 @@ color-name@1.1.3:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@^1.1.4, color-name@~1.1.4:
+color-name@^1.0.0, color-name@^1.1.4, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-string@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color-support@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
+color@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
 comma-separated-tokens@^2.0.0:
   version "2.0.3"
   resolved "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz"
@@ -2489,6 +2569,11 @@ concat-map@0.0.1:
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+console-control-strings@^1.0.0, console-control-strings@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
+
 convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
@@ -2583,6 +2668,20 @@ decode-named-character-reference@^1.0.0:
   dependencies:
     character-entities "^2.0.0"
 
+decompress-response@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-4.2.1.tgz#414023cc7a302da25ce2ec82d0d5238ccafd8986"
+  integrity sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==
+  dependencies:
+    mimic-response "^2.0.0"
+
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+  dependencies:
+    mimic-response "^3.1.0"
+
 deep-extend@^0.6.0:
   version "0.6.0"
   resolved "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz"
@@ -2636,6 +2735,11 @@ del@^4.1.1:
     pify "^4.0.1"
     rimraf "^2.6.3"
 
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
+
 dependency-tree@^8.0.0:
   version "8.1.2"
   resolved "https://registry.npmjs.org/dependency-tree/-/dependency-tree-8.1.2.tgz"
@@ -2652,6 +2756,11 @@ dequal@^2.0.0:
   resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
+detect-libc@^2.0.0, detect-libc@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd"
+  integrity sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==
+
 detective-amd@^3.0.1, detective-amd@^3.1.0:
   version "3.1.2"
   resolved "https://registry.npmjs.org/detective-amd/-/detective-amd-3.1.2.tgz"
@@ -2826,7 +2935,7 @@ emojis-list@^3.0.0:
   resolved "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz"
   integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
 
-end-of-stream@^1.4.1:
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   version "1.4.4"
   resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
@@ -3256,6 +3365,16 @@ event-target-shim@^5.0.0:
   resolved "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz"
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
+
+expand-template@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c"
+  integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
+
 ext@^1.1.2:
   version "1.7.0"
   resolved "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz"
@@ -3414,6 +3533,11 @@ framesync@6.0.1:
   dependencies:
     tslib "^2.1.0"
 
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
 fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz"
@@ -3424,6 +3548,13 @@ fs-extra@^9.0.1:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
@@ -3459,6 +3590,21 @@ functions-have-names@^1.2.2:
   resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
+gauge@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-3.0.2.tgz#03bf4441c044383908bcfa0656ad91803259b395"
+  integrity sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.2"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.1"
+    object-assign "^4.1.1"
+    signal-exit "^3.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.2"
+
 gaxios@^5.0.0, gaxios@^5.0.1:
   version "5.0.2"
   resolved "https://registry.npmjs.org/gaxios/-/gaxios-5.0.2.tgz"
@@ -3522,6 +3668,11 @@ get-tsconfig@^4.2.0:
   resolved "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.2.0.tgz"
   integrity sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==
 
+github-from-package@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
+  integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
+
 github-slugger@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz"
@@ -3746,6 +3897,11 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
+has-unicode@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
+
 has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/has/-/has-1.0.3.tgz"
@@ -3897,6 +4053,11 @@ is-alphanumerical@^2.0.0:
     is-alphabetical "^2.0.0"
     is-decimal "^2.0.0"
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
 is-bigint@^1.0.1:
   version "1.0.4"
   resolved "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz"
@@ -4452,7 +4613,7 @@ longest-streak@^3.0.0:
   resolved "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz"
   integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -4508,6 +4669,11 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
+make-cancellable-promise@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/make-cancellable-promise/-/make-cancellable-promise-1.3.1.tgz#3bd89704c75afe6251cdd6a82baca1fcfbd2c792"
+  integrity sha512-DWOzWdO3xhY5ESjVR+wVFy03rpt0ZccS4bunccNwngoX6rllKlMZm6S9ZnJ5nMuDDweqDMjtaO0g6tZeh+cCUA==
+
 make-dir@^3.0.2, make-dir@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz"
@@ -4515,6 +4681,11 @@ make-dir@^3.0.2, make-dir@^3.1.0:
   dependencies:
     semver "^6.0.0"
 
+make-event-props@^1.5.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/make-event-props/-/make-event-props-1.6.1.tgz#1d587017c3f1f3b42719b775af93d5253656ccdd"
+  integrity sha512-JhvWq/iz1BvlmnPvLJjXv+xnMPJZuychrDC68V+yCGQJn5chcA8rLGKo5EP1XwIKVrigSXKLmbeXAGkf36wdCQ==
+
 markdown-extensions@^1.0.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-1.1.1.tgz"
@@ -4661,6 +4832,13 @@ memory-fs@^0.5.0:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+merge-refs@^1.1.3:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/merge-refs/-/merge-refs-1.2.1.tgz#abddc800375395a4a4eb5c45ebf2a52557fdbe34"
+  integrity sha512-pRPz39HQz2xzHdXAGvtJ9S8aEpNgpUjzb5yPC3ytozodmsHg+9nqgRs7/YOmn9fM/TLzntAC8AdGTidKxOq9TQ==
+  dependencies:
+    "@types/react" "*"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
@@ -4981,6 +5159,16 @@ mimic-fn@^2.1.0:
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+mimic-response@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-2.1.0.tgz#d13763d35f613d09ec37ebb30bac0469c0ee8f43"
+  integrity sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==
+
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
 minimatch@^3.0.4, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
@@ -5000,7 +5188,37 @@ minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz"
   integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
 
-mkdirp@^1.0.4:
+minimist@^1.2.3:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+minipass@^3.0.0:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
+  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
+  dependencies:
+    yallist "^4.0.0"
+
+minipass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
+  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
+mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
+
+mkdirp@^1.0.3, mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
@@ -5039,11 +5257,21 @@ ms@2.1.2, ms@^2.1.1:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+nan@^2.17.0:
+  version "2.17.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
+  integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==
+
 nanoid@^3.3.4:
   version "3.3.4"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+napi-build-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
+  integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
+
 natural-compare-lite@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
@@ -5146,6 +5374,18 @@ nextjs-google-analytics@^1.2.0:
   resolved "https://registry.npmjs.org/nextjs-google-analytics/-/nextjs-google-analytics-1.2.1.tgz"
   integrity sha512-YrNkTrFRdxrzNRuFuf+3NolXwnM8oU9abri3MQsy9s5xM2BJYS2/nzIBse/o4jeA1EZ7RQVdYdpW75YuPvX+dA==
 
+node-abi@^3.3.0:
+  version "3.45.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.45.0.tgz#f568f163a3bfca5aacfce1fbeee1fa2cc98441f5"
+  integrity sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==
+  dependencies:
+    semver "^7.3.5"
+
+node-addon-api@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-6.1.0.tgz#ac8470034e58e67d0c6f1204a18ae6995d9c0d76"
+  integrity sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==
+
 node-fetch@2.6.7, node-fetch@^2.6.1, node-fetch@^2.6.7:
   version "2.6.7"
   resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz"
@@ -5175,6 +5415,13 @@ node-source-walk@^4.0.0, node-source-walk@^4.2.0, node-source-walk@^4.2.2:
   dependencies:
     "@babel/parser" "^7.0.0"
 
+nopt@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
+  integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==
+  dependencies:
+    abbrev "1"
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -5185,6 +5432,16 @@ normalize-range@^0.1.2:
   resolved "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
+npmlog@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-5.0.1.tgz#f06678e80e29419ad67ab964e0fa69959c1eb8b0"
+  integrity sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==
+  dependencies:
+    are-we-there-yet "^2.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^3.0.0"
+    set-blocking "^2.0.0"
+
 nprogress@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz"
@@ -5255,7 +5512,7 @@ object.values@^1.1.5, object.values@^1.1.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-once@^1.3.0, once@^1.4.0:
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
@@ -5402,6 +5659,21 @@ path-type@^4.0.0:
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+path2d-polyfill@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path2d-polyfill/-/path2d-polyfill-2.0.1.tgz#24c554a738f42700d6961992bf5f1049672f2391"
+  integrity sha512-ad/3bsalbbWhmBo0D6FZ4RNMwsLsPpL6gnvhuSaU5Vm7b06Kr5ubSltQQ0T7YKsiJQO+g22zJ4dJKNTXIyOXtA==
+
+pdfjs-dist@3.6.172:
+  version "3.6.172"
+  resolved "https://registry.yarnpkg.com/pdfjs-dist/-/pdfjs-dist-3.6.172.tgz#f9efdfc5e850e1fecfc70b7f6f45c5dc990d8096"
+  integrity sha512-bfOhCg+S9DXh/ImWhWYTOiq3aVMFSCvzGiBzsIJtdMC71kVWDBw7UXr32xh0y56qc5wMVylIeqV3hBaRsu+e+w==
+  dependencies:
+    path2d-polyfill "^2.0.1"
+    web-streams-polyfill "^3.2.1"
+  optionalDependencies:
+    canvas "^2.11.2"
+
 periscopic@^3.0.0:
   version "3.0.4"
   resolved "https://registry.npmjs.org/periscopic/-/periscopic-3.0.4.tgz"
@@ -5535,6 +5807,24 @@ postcss@^8.1.7, postcss@^8.4.18, postcss@^8.4.20:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+prebuild-install@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.1.tgz#de97d5b34a70a0c81334fd24641f2a1702352e45"
+  integrity sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==
+  dependencies:
+    detect-libc "^2.0.0"
+    expand-template "^2.0.3"
+    github-from-package "0.0.0"
+    minimist "^1.2.3"
+    mkdirp-classic "^0.5.3"
+    napi-build-utils "^1.0.1"
+    node-abi "^3.3.0"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^4.0.0"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+
 precinct@^7.0.0:
   version "7.1.0"
   resolved "https://registry.npmjs.org/precinct/-/precinct-7.1.0.tgz"
@@ -5595,12 +5885,17 @@ pretty-ms@^7.0.0:
   dependencies:
     parse-ms "^2.1.0"
 
+prismjs@^1.29.0:
+  version "1.29.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
+  integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-prop-types@^15.8.1:
+prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -5660,6 +5955,14 @@ prr@~1.0.1:
   resolved "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz"
   integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
 
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz"
@@ -5715,6 +6018,35 @@ react-is@^16.13.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-lifecycles-compat@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
+react-modal@^3.16.1:
+  version "3.16.1"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b"
+  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.7.2"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
+react-pdf@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/react-pdf/-/react-pdf-7.1.2.tgz#c6979cff9ac09c3e5ab7ea9e0182f79a499768e5"
+  integrity sha512-hmTUKh3WVYDJlP8XvebGN8HH0Gk/tXh9WgNAtvdHn79FHL78UEPSbVj3veHHGqmMa2hz1wJCItLUqGVP68Qsjw==
+  dependencies:
+    clsx "^1.2.1"
+    make-cancellable-promise "^1.0.0"
+    make-event-props "^1.5.0"
+    merge-refs "^1.1.3"
+    pdfjs-dist "3.6.172"
+    prop-types "^15.6.2"
+    tiny-invariant "^1.0.0"
+    tiny-warning "^1.0.0"
+
 react-qr-code@^2.0.7:
   version "2.0.11"
   resolved "https://registry.npmjs.org/react-qr-code/-/react-qr-code-2.0.11.tgz"
@@ -5798,6 +6130,15 @@ readable-stream@^3.1.1, readable-stream@^3.4.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@^3.6.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz"
@@ -6135,6 +6476,13 @@ semver@^7.1.2, semver@^7.3.5, semver@^7.3.7:
   dependencies:
     lru-cache "^6.0.0"
 
+semver@^7.5.0:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz"
@@ -6149,6 +6497,25 @@ serialize-javascript@^6.0.1:
   dependencies:
     randombytes "^2.1.0"
 
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+
+sharp@^0.32.1:
+  version "0.32.1"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.32.1.tgz#41aa0d0b2048b2e0ee453d9fcb14ec1f408390fe"
+  integrity sha512-kQTFtj7ldpUqSe8kDxoGLZc1rnMFU0AO2pqbX6pLy3b7Oj8ivJIdoKNwxHVQG2HN6XpHPJqCSM2nsma2gOXvOg==
+  dependencies:
+    color "^4.2.3"
+    detect-libc "^2.0.1"
+    node-addon-api "^6.1.0"
+    prebuild-install "^7.1.1"
+    semver "^7.5.0"
+    simple-get "^4.0.1"
+    tar-fs "^2.1.1"
+    tunnel-agent "^0.6.0"
+
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
@@ -6179,11 +6546,41 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.2:
+signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.7"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
+simple-concat@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
+  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
+
+simple-get@^3.0.3:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-3.1.1.tgz#cc7ba77cfbe761036fbfce3d021af25fc5584d55"
+  integrity sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==
+  dependencies:
+    decompress-response "^4.2.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-get@^4.0.0, simple-get@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.1.tgz#4a39db549287c979d352112fa03fd99fd6bc3543"
+  integrity sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==
+  dependencies:
+    decompress-response "^6.0.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz"
@@ -6249,7 +6646,7 @@ stream-shift@^1.0.0:
   resolved "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz"
   integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
 
-string-width@^4.1.0, string-width@^4.2.0:
+"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -6471,6 +6868,39 @@ tapable@^2.2.0:
   resolved "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+tar-fs@^2.0.0, tar-fs@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
+  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^2.1.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
+tar@^6.1.11:
+  version "6.1.15"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.15.tgz#c9738b0b98845a3b344d334b8fa3041aaba53a69"
+  integrity sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^5.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz"
@@ -6525,6 +6955,16 @@ tiny-glob@^0.2.9:
     globalyzer "0.1.0"
     globrex "^0.1.2"
 
+tiny-invariant@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
+  integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
+
+tiny-warning@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
+  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
+
 tmp@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz"
@@ -6604,6 +7044,13 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
+  dependencies:
+    safe-buffer "^5.0.1"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
@@ -6898,6 +7345,13 @@ walkdir@^0.4.1:
   resolved "https://registry.npmjs.org/walkdir/-/walkdir-0.4.1.tgz"
   integrity sha512-3eBwRyEln6E1MSzcxcVpQIhRG8Q1jLvEqRmCZqS3dsfXEDR/AhOF4d+jHg1qvDCpYaVRZjENPQyrVxAkQqxPgQ==
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz"
@@ -6905,6 +7359,11 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
+web-streams-polyfill@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz#71c2718c52b45fd49dbeee88634b3a60ceab42a6"
+  integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"
@@ -6970,6 +7429,13 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
+wide-align@^1.1.2:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
+  integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
+  dependencies:
+    string-width "^1.0.2 || 2 || 3 || 4"
+
 word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz"
diff --git a/project/config/urls.py b/project/config/urls.py
deleted file mode 100644
index dcf4fcb..0000000
--- a/project/config/urls.py
+++ /dev/null
@@ -1,29 +0,0 @@
-"""Project URL Configuration
-
-The `urlpatterns` list routes URLs to views. For more information please see:
-    https://docs.djangoproject.com/en/4.1/topics/http/urls/
-Examples:
-Function views
-    1. Add an import:  from my_app import views
-    2. Add a URL to urlpatterns:  path('', views.home, name='home')
-Class-based views
-    1. Add an import:  from other_app.views import Home
-    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
-Including another URLconf
-    1. Import the include() function: from django.urls import include, path
-    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
-"""
-from django.contrib import admin
-from django.urls import path, include
-from .views import index
-
-urlpatterns = [
-    # ----------------------------------------------------
-    # *** Django Admin URLs ***
-    # ----------------------------------------------------
-    path("admin/", admin.site.urls),
-    # ----------------------------------------------------
-    # *** Project URLs ***
-    # ----------------------------------------------------
-    path("", index, name="index")
-]
diff --git a/project/config/views.py b/project/config/views.py
deleted file mode 100644
index 9000f74..0000000
--- a/project/config/views.py
+++ /dev/null
@@ -1,7 +0,0 @@
-from django.shortcuts import render
-
-
-def index(request):
-    context = {"hello": {"world": {"name": "Universe"}}}
-    return render(request, "index.html", context)
-
diff --git a/project/poetry.lock b/project/poetry.lock
deleted file mode 100644
index 583d070..0000000
--- a/project/poetry.lock
+++ /dev/null
@@ -1,395 +0,0 @@
-# This file is automatically @generated by Poetry 1.5.0 and should not be changed by hand.
-
-[[package]]
-name = "argon2-cffi"
-version = "21.3.0"
-description = "The secure Argon2 password hashing algorithm."
-optional = false
-python-versions = ">=3.6"
-files = [
-    {file = "argon2-cffi-21.3.0.tar.gz", hash = "sha256:d384164d944190a7dd7ef22c6aa3ff197da12962bd04b17f64d4e93d934dba5b"},
-    {file = "argon2_cffi-21.3.0-py3-none-any.whl", hash = "sha256:8c976986f2c5c0e5000919e6de187906cfd81fb1c72bf9d88c01177e77da7f80"},
-]
-
-[package.dependencies]
-argon2-cffi-bindings = "*"
-
-[package.extras]
-dev = ["cogapp", "coverage[toml] (>=5.0.2)", "furo", "hypothesis", "pre-commit", "pytest", "sphinx", "sphinx-notfound-page", "tomli"]
-docs = ["furo", "sphinx", "sphinx-notfound-page"]
-tests = ["coverage[toml] (>=5.0.2)", "hypothesis", "pytest"]
-
-[[package]]
-name = "argon2-cffi-bindings"
-version = "21.2.0"
-description = "Low-level CFFI bindings for Argon2"
-optional = false
-python-versions = ">=3.6"
-files = [
-    {file = "argon2-cffi-bindings-21.2.0.tar.gz", hash = "sha256:bb89ceffa6c791807d1305ceb77dbfacc5aa499891d2c55661c6459651fc39e3"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-macosx_10_9_x86_64.whl", hash = "sha256:ccb949252cb2ab3a08c02024acb77cfb179492d5701c7cbdbfd776124d4d2367"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:9524464572e12979364b7d600abf96181d3541da11e23ddf565a32e70bd4dc0d"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:b746dba803a79238e925d9046a63aa26bf86ab2a2fe74ce6b009a1c3f5c8f2ae"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:58ed19212051f49a523abb1dbe954337dc82d947fb6e5a0da60f7c8471a8476c"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_aarch64.whl", hash = "sha256:bd46088725ef7f58b5a1ef7ca06647ebaf0eb4baff7d1d0d177c6cc8744abd86"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_i686.whl", hash = "sha256:8cd69c07dd875537a824deec19f978e0f2078fdda07fd5c42ac29668dda5f40f"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-musllinux_1_1_x86_64.whl", hash = "sha256:f1152ac548bd5b8bcecfb0b0371f082037e47128653df2e8ba6e914d384f3c3e"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-win32.whl", hash = "sha256:603ca0aba86b1349b147cab91ae970c63118a0f30444d4bc80355937c950c082"},
-    {file = "argon2_cffi_bindings-21.2.0-cp36-abi3-win_amd64.whl", hash = "sha256:b2ef1c30440dbbcba7a5dc3e319408b59676e2e039e2ae11a8775ecf482b192f"},
-    {file = "argon2_cffi_bindings-21.2.0-cp38-abi3-macosx_10_9_universal2.whl", hash = "sha256:e415e3f62c8d124ee16018e491a009937f8cf7ebf5eb430ffc5de21b900dad93"},
-    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-macosx_10_9_x86_64.whl", hash = "sha256:3e385d1c39c520c08b53d63300c3ecc28622f076f4c2b0e6d7e796e9f6502194"},
-    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:2c3e3cc67fdb7d82c4718f19b4e7a87123caf8a93fde7e23cf66ac0337d3cb3f"},
-    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:6a22ad9800121b71099d0fb0a65323810a15f2e292f2ba450810a7316e128ee5"},
-    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f9f8b450ed0547e3d473fdc8612083fd08dd2120d6ac8f73828df9b7d45bb351"},
-    {file = "argon2_cffi_bindings-21.2.0-pp37-pypy37_pp73-win_amd64.whl", hash = "sha256:93f9bf70084f97245ba10ee36575f0c3f1e7d7724d67d8e5b08e61787c320ed7"},
-    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-macosx_10_9_x86_64.whl", hash = "sha256:3b9ef65804859d335dc6b31582cad2c5166f0c3e7975f324d9ffaa34ee7e6583"},
-    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d4966ef5848d820776f5f562a7d45fdd70c2f330c961d0d745b784034bd9f48d"},
-    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:20ef543a89dee4db46a1a6e206cd015360e5a75822f76df533845c3cbaf72670"},
-    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ed2937d286e2ad0cc79a7087d3c272832865f779430e0cc2b4f3718d3159b0cb"},
-    {file = "argon2_cffi_bindings-21.2.0-pp38-pypy38_pp73-win_amd64.whl", hash = "sha256:5e00316dabdaea0b2dd82d141cc66889ced0cdcbfa599e8b471cf22c620c329a"},
-]
-
-[package.dependencies]
-cffi = ">=1.0.1"
-
-[package.extras]
-dev = ["cogapp", "pre-commit", "pytest", "wheel"]
-tests = ["pytest"]
-
-[[package]]
-name = "asgiref"
-version = "3.6.0"
-description = "ASGI specs, helper code, and adapters"
-optional = false
-python-versions = ">=3.7"
-files = [
-    {file = "asgiref-3.6.0-py3-none-any.whl", hash = "sha256:71e68008da809b957b7ee4b43dbccff33d1b23519fb8344e33f049897077afac"},
-    {file = "asgiref-3.6.0.tar.gz", hash = "sha256:9567dfe7bd8d3c8c892227827c41cce860b368104c3431da67a0c5a65a949506"},
-]
-
-[package.extras]
-tests = ["mypy (>=0.800)", "pytest", "pytest-asyncio"]
-
-[[package]]
-name = "autopep8"
-version = "1.7.0"
-description = "A tool that automatically formats Python code to conform to the PEP 8 style guide"
-optional = false
-python-versions = "*"
-files = [
-    {file = "autopep8-1.7.0-py2.py3-none-any.whl", hash = "sha256:6f09e90a2be784317e84dc1add17ebfc7abe3924239957a37e5040e27d812087"},
-    {file = "autopep8-1.7.0.tar.gz", hash = "sha256:ca9b1a83e53a7fad65d731dc7a2a2d50aa48f43850407c59f6a1a306c4201142"},
-]
-
-[package.dependencies]
-pycodestyle = ">=2.9.1"
-toml = "*"
-
-[[package]]
-name = "cffi"
-version = "1.15.1"
-description = "Foreign Function Interface for Python calling C code."
-optional = false
-python-versions = "*"
-files = [
-    {file = "cffi-1.15.1-cp27-cp27m-macosx_10_9_x86_64.whl", hash = "sha256:a66d3508133af6e8548451b25058d5812812ec3798c886bf38ed24a98216fab2"},
-    {file = "cffi-1.15.1-cp27-cp27m-manylinux1_i686.whl", hash = "sha256:470c103ae716238bbe698d67ad020e1db9d9dba34fa5a899b5e21577e6d52ed2"},
-    {file = "cffi-1.15.1-cp27-cp27m-manylinux1_x86_64.whl", hash = "sha256:9ad5db27f9cabae298d151c85cf2bad1d359a1b9c686a275df03385758e2f914"},
-    {file = "cffi-1.15.1-cp27-cp27m-win32.whl", hash = "sha256:b3bbeb01c2b273cca1e1e0c5df57f12dce9a4dd331b4fa1635b8bec26350bde3"},
-    {file = "cffi-1.15.1-cp27-cp27m-win_amd64.whl", hash = "sha256:e00b098126fd45523dd056d2efba6c5a63b71ffe9f2bbe1a4fe1716e1d0c331e"},
-    {file = "cffi-1.15.1-cp27-cp27mu-manylinux1_i686.whl", hash = "sha256:d61f4695e6c866a23a21acab0509af1cdfd2c013cf256bbf5b6b5e2695827162"},
-    {file = "cffi-1.15.1-cp27-cp27mu-manylinux1_x86_64.whl", hash = "sha256:ed9cb427ba5504c1dc15ede7d516b84757c3e3d7868ccc85121d9310d27eed0b"},
-    {file = "cffi-1.15.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:39d39875251ca8f612b6f33e6b1195af86d1b3e60086068be9cc053aa4376e21"},
-    {file = "cffi-1.15.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:285d29981935eb726a4399badae8f0ffdff4f5050eaa6d0cfc3f64b857b77185"},
-    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:3eb6971dcff08619f8d91607cfc726518b6fa2a9eba42856be181c6d0d9515fd"},
-    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:21157295583fe8943475029ed5abdcf71eb3911894724e360acff1d61c1d54bc"},
-    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:5635bd9cb9731e6d4a1132a498dd34f764034a8ce60cef4f5319c0541159392f"},
-    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:2012c72d854c2d03e45d06ae57f40d78e5770d252f195b93f581acf3ba44496e"},
-    {file = "cffi-1.15.1-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:dd86c085fae2efd48ac91dd7ccffcfc0571387fe1193d33b6394db7ef31fe2a4"},
-    {file = "cffi-1.15.1-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:fa6693661a4c91757f4412306191b6dc88c1703f780c8234035eac011922bc01"},
-    {file = "cffi-1.15.1-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:59c0b02d0a6c384d453fece7566d1c7e6b7bae4fc5874ef2ef46d56776d61c9e"},
-    {file = "cffi-1.15.1-cp310-cp310-win32.whl", hash = "sha256:cba9d6b9a7d64d4bd46167096fc9d2f835e25d7e4c121fb2ddfc6528fb0413b2"},
-    {file = "cffi-1.15.1-cp310-cp310-win_amd64.whl", hash = "sha256:ce4bcc037df4fc5e3d184794f27bdaab018943698f4ca31630bc7f84a7b69c6d"},
-    {file = "cffi-1.15.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:3d08afd128ddaa624a48cf2b859afef385b720bb4b43df214f85616922e6a5ac"},
-    {file = "cffi-1.15.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:3799aecf2e17cf585d977b780ce79ff0dc9b78d799fc694221ce814c2c19db83"},
-    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:a591fe9e525846e4d154205572a029f653ada1a78b93697f3b5a8f1f2bc055b9"},
-    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:3548db281cd7d2561c9ad9984681c95f7b0e38881201e157833a2342c30d5e8c"},
-    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:91fc98adde3d7881af9b59ed0294046f3806221863722ba7d8d120c575314325"},
-    {file = "cffi-1.15.1-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:94411f22c3985acaec6f83c6df553f2dbe17b698cc7f8ae751ff2237d96b9e3c"},
-    {file = "cffi-1.15.1-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:03425bdae262c76aad70202debd780501fabeaca237cdfddc008987c0e0f59ef"},
-    {file = "cffi-1.15.1-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:cc4d65aeeaa04136a12677d3dd0b1c0c94dc43abac5860ab33cceb42b801c1e8"},
-    {file = "cffi-1.15.1-cp311-cp311-win32.whl", hash = "sha256:a0f100c8912c114ff53e1202d0078b425bee3649ae34d7b070e9697f93c5d52d"},
-    {file = "cffi-1.15.1-cp311-cp311-win_amd64.whl", hash = "sha256:04ed324bda3cda42b9b695d51bb7d54b680b9719cfab04227cdd1e04e5de3104"},
-    {file = "cffi-1.15.1-cp36-cp36m-macosx_10_9_x86_64.whl", hash = "sha256:50a74364d85fd319352182ef59c5c790484a336f6db772c1a9231f1c3ed0cbd7"},
-    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:e263d77ee3dd201c3a142934a086a4450861778baaeeb45db4591ef65550b0a6"},
-    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:cec7d9412a9102bdc577382c3929b337320c4c4c4849f2c5cdd14d7368c5562d"},
-    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:4289fc34b2f5316fbb762d75362931e351941fa95fa18789191b33fc4cf9504a"},
-    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:173379135477dc8cac4bc58f45db08ab45d228b3363adb7af79436135d028405"},
-    {file = "cffi-1.15.1-cp36-cp36m-manylinux_2_5_x86_64.manylinux1_x86_64.whl", hash = "sha256:6975a3fac6bc83c4a65c9f9fcab9e47019a11d3d2cf7f3c0d03431bf145a941e"},
-    {file = "cffi-1.15.1-cp36-cp36m-win32.whl", hash = "sha256:2470043b93ff09bf8fb1d46d1cb756ce6132c54826661a32d4e4d132e1977adf"},
-    {file = "cffi-1.15.1-cp36-cp36m-win_amd64.whl", hash = "sha256:30d78fbc8ebf9c92c9b7823ee18eb92f2e6ef79b45ac84db507f52fbe3ec4497"},
-    {file = "cffi-1.15.1-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:198caafb44239b60e252492445da556afafc7d1e3ab7a1fb3f0584ef6d742375"},
-    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:5ef34d190326c3b1f822a5b7a45f6c4535e2f47ed06fec77d3d799c450b2651e"},
-    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8102eaf27e1e448db915d08afa8b41d6c7ca7a04b7d73af6514df10a3e74bd82"},
-    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:5df2768244d19ab7f60546d0c7c63ce1581f7af8b5de3eb3004b9b6fc8a9f84b"},
-    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a8c4917bd7ad33e8eb21e9a5bbba979b49d9a97acb3a803092cbc1133e20343c"},
-    {file = "cffi-1.15.1-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0e2642fe3142e4cc4af0799748233ad6da94c62a8bec3a6648bf8ee68b1c7426"},
-    {file = "cffi-1.15.1-cp37-cp37m-win32.whl", hash = "sha256:e229a521186c75c8ad9490854fd8bbdd9a0c9aa3a524326b55be83b54d4e0ad9"},
-    {file = "cffi-1.15.1-cp37-cp37m-win_amd64.whl", hash = "sha256:a0b71b1b8fbf2b96e41c4d990244165e2c9be83d54962a9a1d118fd8657d2045"},
-    {file = "cffi-1.15.1-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:320dab6e7cb2eacdf0e658569d2575c4dad258c0fcc794f46215e1e39f90f2c3"},
-    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:1e74c6b51a9ed6589199c787bf5f9875612ca4a8a0785fb2d4a84429badaf22a"},
-    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:a5c84c68147988265e60416b57fc83425a78058853509c1b0629c180094904a5"},
-    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3b926aa83d1edb5aa5b427b4053dc420ec295a08e40911296b9eb1b6170f6cca"},
-    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:87c450779d0914f2861b8526e035c5e6da0a3199d8f1add1a665e1cbc6fc6d02"},
-    {file = "cffi-1.15.1-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4f2c9f67e9821cad2e5f480bc8d83b8742896f1242dba247911072d4fa94c192"},
-    {file = "cffi-1.15.1-cp38-cp38-win32.whl", hash = "sha256:8b7ee99e510d7b66cdb6c593f21c043c248537a32e0bedf02e01e9553a172314"},
-    {file = "cffi-1.15.1-cp38-cp38-win_amd64.whl", hash = "sha256:00a9ed42e88df81ffae7a8ab6d9356b371399b91dbdf0c3cb1e84c03a13aceb5"},
-    {file = "cffi-1.15.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:54a2db7b78338edd780e7ef7f9f6c442500fb0d41a5a4ea24fff1c929d5af585"},
-    {file = "cffi-1.15.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:fcd131dd944808b5bdb38e6f5b53013c5aa4f334c5cad0c72742f6eba4b73db0"},
-    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_12_i686.manylinux2010_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:7473e861101c9e72452f9bf8acb984947aa1661a7704553a9f6e4baa5ba64415"},
-    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:6c9a799e985904922a4d207a94eae35c78ebae90e128f0c4e521ce339396be9d"},
-    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:3bcde07039e586f91b45c88f8583ea7cf7a0770df3a1649627bf598332cb6984"},
-    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:33ab79603146aace82c2427da5ca6e58f2b3f2fb5da893ceac0c42218a40be35"},
-    {file = "cffi-1.15.1-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:5d598b938678ebf3c67377cdd45e09d431369c3b1a5b331058c338e201f12b27"},
-    {file = "cffi-1.15.1-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:db0fbb9c62743ce59a9ff687eb5f4afbe77e5e8403d6697f7446e5f609976f76"},
-    {file = "cffi-1.15.1-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:98d85c6a2bef81588d9227dde12db8a7f47f639f4a17c9ae08e773aa9c697bf3"},
-    {file = "cffi-1.15.1-cp39-cp39-win32.whl", hash = "sha256:40f4774f5a9d4f5e344f31a32b5096977b5d48560c5592e2f3d2c4374bd543ee"},
-    {file = "cffi-1.15.1-cp39-cp39-win_amd64.whl", hash = "sha256:70df4e3b545a17496c9b3f41f5115e69a4f2e77e94e1d2a8e1070bc0c38c8a3c"},
-    {file = "cffi-1.15.1.tar.gz", hash = "sha256:d400bfb9a37b1351253cb402671cea7e89bdecc294e8016a707f6d1d8ac934f9"},
-]
-
-[package.dependencies]
-pycparser = "*"
-
-[[package]]
-name = "django"
-version = "4.2.1"
-description = "A high-level Python web framework that encourages rapid development and clean, pragmatic design."
-optional = false
-python-versions = ">=3.8"
-files = [
-    {file = "Django-4.2.1-py3-none-any.whl", hash = "sha256:066b6debb5ac335458d2a713ed995570536c8b59a580005acb0732378d5eb1ee"},
-    {file = "Django-4.2.1.tar.gz", hash = "sha256:7efa6b1f781a6119a10ac94b4794ded90db8accbe7802281cd26f8664ffed59c"},
-]
-
-[package.dependencies]
-asgiref = ">=3.6.0,<4"
-sqlparse = ">=0.3.1"
-tzdata = {version = "*", markers = "sys_platform == \"win32\""}
-
-[package.extras]
-argon2 = ["argon2-cffi (>=19.1.0)"]
-bcrypt = ["bcrypt"]
-
-[[package]]
-name = "psycopg2-binary"
-version = "2.9.6"
-description = "psycopg2 - Python-PostgreSQL Database Adapter"
-optional = false
-python-versions = ">=3.6"
-files = [
-    {file = "psycopg2-binary-2.9.6.tar.gz", hash = "sha256:1f64dcfb8f6e0c014c7f55e51c9759f024f70ea572fbdef123f85318c297947c"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d26e0342183c762de3276cca7a530d574d4e25121ca7d6e4a98e4f05cb8e4df7"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:c48d8f2db17f27d41fb0e2ecd703ea41984ee19362cbce52c097963b3a1b4365"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ffe9dc0a884a8848075e576c1de0290d85a533a9f6e9c4e564f19adf8f6e54a7"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8a76e027f87753f9bd1ab5f7c9cb8c7628d1077ef927f5e2446477153a602f2c"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:6460c7a99fc939b849431f1e73e013d54aa54293f30f1109019c56a0b2b2ec2f"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ae102a98c547ee2288637af07393dd33f440c25e5cd79556b04e3fca13325e5f"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:9972aad21f965599ed0106f65334230ce826e5ae69fda7cbd688d24fa922415e"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:7a40c00dbe17c0af5bdd55aafd6ff6679f94a9be9513a4c7e071baf3d7d22a70"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_ppc64le.whl", hash = "sha256:cacbdc5839bdff804dfebc058fe25684cae322987f7a38b0168bc1b2df703fb1"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:7f0438fa20fb6c7e202863e0d5ab02c246d35efb1d164e052f2f3bfe2b152bd0"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-win32.whl", hash = "sha256:b6c8288bb8a84b47e07013bb4850f50538aa913d487579e1921724631d02ea1b"},
-    {file = "psycopg2_binary-2.9.6-cp310-cp310-win_amd64.whl", hash = "sha256:61b047a0537bbc3afae10f134dc6393823882eb263088c271331602b672e52e9"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:964b4dfb7c1c1965ac4c1978b0f755cc4bd698e8aa2b7667c575fb5f04ebe06b"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:afe64e9b8ea66866a771996f6ff14447e8082ea26e675a295ad3bdbffdd72afb"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:15e2ee79e7cf29582ef770de7dab3d286431b01c3bb598f8e05e09601b890081"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:dfa74c903a3c1f0d9b1c7e7b53ed2d929a4910e272add6700c38f365a6002820"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:b83456c2d4979e08ff56180a76429263ea254c3f6552cd14ada95cff1dec9bb8"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0645376d399bfd64da57148694d78e1f431b1e1ee1054872a5713125681cf1be"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:e99e34c82309dd78959ba3c1590975b5d3c862d6f279f843d47d26ff89d7d7e1"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:4ea29fc3ad9d91162c52b578f211ff1c931d8a38e1f58e684c45aa470adf19e2"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_ppc64le.whl", hash = "sha256:4ac30da8b4f57187dbf449294d23b808f8f53cad6b1fc3623fa8a6c11d176dd0"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:e78e6e2a00c223e164c417628572a90093c031ed724492c763721c2e0bc2a8df"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-win32.whl", hash = "sha256:1876843d8e31c89c399e31b97d4b9725a3575bb9c2af92038464231ec40f9edb"},
-    {file = "psycopg2_binary-2.9.6-cp311-cp311-win_amd64.whl", hash = "sha256:b4b24f75d16a89cc6b4cdff0eb6a910a966ecd476d1e73f7ce5985ff1328e9a6"},
-    {file = "psycopg2_binary-2.9.6-cp36-cp36m-win32.whl", hash = "sha256:498807b927ca2510baea1b05cc91d7da4718a0f53cb766c154c417a39f1820a0"},
-    {file = "psycopg2_binary-2.9.6-cp36-cp36m-win_amd64.whl", hash = "sha256:0d236c2825fa656a2d98bbb0e52370a2e852e5a0ec45fc4f402977313329174d"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:34b9ccdf210cbbb1303c7c4db2905fa0319391bd5904d32689e6dd5c963d2ea8"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:84d2222e61f313c4848ff05353653bf5f5cf6ce34df540e4274516880d9c3763"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:30637a20623e2a2eacc420059be11527f4458ef54352d870b8181a4c3020ae6b"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8122cfc7cae0da9a3077216528b8bb3629c43b25053284cc868744bfe71eb141"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:38601cbbfe600362c43714482f43b7c110b20cb0f8172422c616b09b85a750c5"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:c7e62ab8b332147a7593a385d4f368874d5fe4ad4e341770d4983442d89603e3"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:2ab652e729ff4ad76d400df2624d223d6e265ef81bb8aa17fbd63607878ecbee"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_ppc64le.whl", hash = "sha256:c83a74b68270028dc8ee74d38ecfaf9c90eed23c8959fca95bd703d25b82c88e"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:d4e6036decf4b72d6425d5b29bbd3e8f0ff1059cda7ac7b96d6ac5ed34ffbacd"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-win32.whl", hash = "sha256:a8c28fd40a4226b4a84bdf2d2b5b37d2c7bd49486b5adcc200e8c7ec991dfa7e"},
-    {file = "psycopg2_binary-2.9.6-cp37-cp37m-win_amd64.whl", hash = "sha256:51537e3d299be0db9137b321dfb6a5022caaab275775680e0c3d281feefaca6b"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:cf4499e0a83b7b7edcb8dabecbd8501d0d3a5ef66457200f77bde3d210d5debb"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:7e13a5a2c01151f1208d5207e42f33ba86d561b7a89fca67c700b9486a06d0e2"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0e0f754d27fddcfd74006455b6e04e6705d6c31a612ec69ddc040a5468e44b4e"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d57c3fd55d9058645d26ae37d76e61156a27722097229d32a9e73ed54819982a"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:71f14375d6f73b62800530b581aed3ada394039877818b2d5f7fc77e3bb6894d"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:441cc2f8869a4f0f4bb408475e5ae0ee1f3b55b33f350406150277f7f35384fc"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:65bee1e49fa6f9cf327ce0e01c4c10f39165ee76d35c846ade7cb0ec6683e303"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:af335bac6b666cc6aea16f11d486c3b794029d9df029967f9938a4bed59b6a19"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_ppc64le.whl", hash = "sha256:cfec476887aa231b8548ece2e06d28edc87c1397ebd83922299af2e051cf2827"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:65c07febd1936d63bfde78948b76cd4c2a411572a44ac50719ead41947d0f26b"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-win32.whl", hash = "sha256:4dfb4be774c4436a4526d0c554af0cc2e02082c38303852a36f6456ece7b3503"},
-    {file = "psycopg2_binary-2.9.6-cp38-cp38-win_amd64.whl", hash = "sha256:02c6e3cf3439e213e4ee930308dc122d6fb4d4bea9aef4a12535fbd605d1a2fe"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:e9182eb20f41417ea1dd8e8f7888c4d7c6e805f8a7c98c1081778a3da2bee3e4"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:8a6979cf527e2603d349a91060f428bcb135aea2be3201dff794813256c274f1"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8338a271cb71d8da40b023a35d9c1e919eba6cbd8fa20a54b748a332c355d896"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:e3ed340d2b858d6e6fb5083f87c09996506af483227735de6964a6100b4e6a54"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:f81e65376e52f03422e1fb475c9514185669943798ed019ac50410fb4c4df232"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bfb13af3c5dd3a9588000910178de17010ebcccd37b4f9794b00595e3a8ddad3"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:4c727b597c6444a16e9119386b59388f8a424223302d0c06c676ec8b4bc1f963"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:4d67fbdaf177da06374473ef6f7ed8cc0a9dc640b01abfe9e8a2ccb1b1402c1f"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_ppc64le.whl", hash = "sha256:0892ef645c2fabb0c75ec32d79f4252542d0caec1d5d949630e7d242ca4681a3"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:02c0f3757a4300cf379eb49f543fb7ac527fb00144d39246ee40e1df684ab514"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-win32.whl", hash = "sha256:c3dba7dab16709a33a847e5cd756767271697041fbe3fe97c215b1fc1f5c9848"},
-    {file = "psycopg2_binary-2.9.6-cp39-cp39-win_amd64.whl", hash = "sha256:f6a88f384335bb27812293fdb11ac6aee2ca3f51d3c7820fe03de0a304ab6249"},
-]
-
-[[package]]
-name = "pycodestyle"
-version = "2.10.0"
-description = "Python style guide checker"
-optional = false
-python-versions = ">=3.6"
-files = [
-    {file = "pycodestyle-2.10.0-py2.py3-none-any.whl", hash = "sha256:8a4eaf0d0495c7395bdab3589ac2db602797d76207242c17d470186815706610"},
-    {file = "pycodestyle-2.10.0.tar.gz", hash = "sha256:347187bdb476329d98f695c213d7295a846d1152ff4fe9bacb8a9590b8ee7053"},
-]
-
-[[package]]
-name = "pycparser"
-version = "2.21"
-description = "C parser in Python"
-optional = false
-python-versions = ">=2.7, !=3.0.*, !=3.1.*, !=3.2.*, !=3.3.*"
-files = [
-    {file = "pycparser-2.21-py2.py3-none-any.whl", hash = "sha256:8ee45429555515e1f6b185e78100aea234072576aa43ab53aefcae078162fca9"},
-    {file = "pycparser-2.21.tar.gz", hash = "sha256:e644fdec12f7872f86c58ff790da456218b10f863970249516d60a5eaca77206"},
-]
-
-[[package]]
-name = "pydantic"
-version = "1.10.7"
-description = "Data validation and settings management using python type hints"
-optional = false
-python-versions = ">=3.7"
-files = [
-    {file = "pydantic-1.10.7-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:e79e999e539872e903767c417c897e729e015872040e56b96e67968c3b918b2d"},
-    {file = "pydantic-1.10.7-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:01aea3a42c13f2602b7ecbbea484a98169fb568ebd9e247593ea05f01b884b2e"},
-    {file = "pydantic-1.10.7-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:516f1ed9bc2406a0467dd777afc636c7091d71f214d5e413d64fef45174cfc7a"},
-    {file = "pydantic-1.10.7-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ae150a63564929c675d7f2303008d88426a0add46efd76c3fc797cd71cb1b46f"},
-    {file = "pydantic-1.10.7-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:ecbbc51391248116c0a055899e6c3e7ffbb11fb5e2a4cd6f2d0b93272118a209"},
-    {file = "pydantic-1.10.7-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:f4a2b50e2b03d5776e7f21af73e2070e1b5c0d0df255a827e7c632962f8315af"},
-    {file = "pydantic-1.10.7-cp310-cp310-win_amd64.whl", hash = "sha256:a7cd2251439988b413cb0a985c4ed82b6c6aac382dbaff53ae03c4b23a70e80a"},
-    {file = "pydantic-1.10.7-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:68792151e174a4aa9e9fc1b4e653e65a354a2fa0fed169f7b3d09902ad2cb6f1"},
-    {file = "pydantic-1.10.7-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:dfe2507b8ef209da71b6fb5f4e597b50c5a34b78d7e857c4f8f3115effaef5fe"},
-    {file = "pydantic-1.10.7-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:10a86d8c8db68086f1e30a530f7d5f83eb0685e632e411dbbcf2d5c0150e8dcd"},
-    {file = "pydantic-1.10.7-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d75ae19d2a3dbb146b6f324031c24f8a3f52ff5d6a9f22f0683694b3afcb16fb"},
-    {file = "pydantic-1.10.7-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:464855a7ff7f2cc2cf537ecc421291b9132aa9c79aef44e917ad711b4a93163b"},
-    {file = "pydantic-1.10.7-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:193924c563fae6ddcb71d3f06fa153866423ac1b793a47936656e806b64e24ca"},
-    {file = "pydantic-1.10.7-cp311-cp311-win_amd64.whl", hash = "sha256:b4a849d10f211389502059c33332e91327bc154acc1845f375a99eca3afa802d"},
-    {file = "pydantic-1.10.7-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:cc1dde4e50a5fc1336ee0581c1612215bc64ed6d28d2c7c6f25d2fe3e7c3e918"},
-    {file = "pydantic-1.10.7-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e0cfe895a504c060e5d36b287ee696e2fdad02d89e0d895f83037245218a87fe"},
-    {file = "pydantic-1.10.7-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:670bb4683ad1e48b0ecb06f0cfe2178dcf74ff27921cdf1606e527d2617a81ee"},
-    {file = "pydantic-1.10.7-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:950ce33857841f9a337ce07ddf46bc84e1c4946d2a3bba18f8280297157a3fd1"},
-    {file = "pydantic-1.10.7-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:c15582f9055fbc1bfe50266a19771bbbef33dd28c45e78afbe1996fd70966c2a"},
-    {file = "pydantic-1.10.7-cp37-cp37m-win_amd64.whl", hash = "sha256:82dffb306dd20bd5268fd6379bc4bfe75242a9c2b79fec58e1041fbbdb1f7914"},
-    {file = "pydantic-1.10.7-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:8c7f51861d73e8b9ddcb9916ae7ac39fb52761d9ea0df41128e81e2ba42886cd"},
-    {file = "pydantic-1.10.7-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:6434b49c0b03a51021ade5c4daa7d70c98f7a79e95b551201fff682fc1661245"},
-    {file = "pydantic-1.10.7-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:64d34ab766fa056df49013bb6e79921a0265204c071984e75a09cbceacbbdd5d"},
-    {file = "pydantic-1.10.7-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:701daea9ffe9d26f97b52f1d157e0d4121644f0fcf80b443248434958fd03dc3"},
-    {file = "pydantic-1.10.7-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:cf135c46099ff3f919d2150a948ce94b9ce545598ef2c6c7bf55dca98a304b52"},
-    {file = "pydantic-1.10.7-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:b0f85904f73161817b80781cc150f8b906d521fa11e3cdabae19a581c3606209"},
-    {file = "pydantic-1.10.7-cp38-cp38-win_amd64.whl", hash = "sha256:9f6f0fd68d73257ad6685419478c5aece46432f4bdd8d32c7345f1986496171e"},
-    {file = "pydantic-1.10.7-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:c230c0d8a322276d6e7b88c3f7ce885f9ed16e0910354510e0bae84d54991143"},
-    {file = "pydantic-1.10.7-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:976cae77ba6a49d80f461fd8bba183ff7ba79f44aa5cfa82f1346b5626542f8e"},
-    {file = "pydantic-1.10.7-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7d45fc99d64af9aaf7e308054a0067fdcd87ffe974f2442312372dfa66e1001d"},
-    {file = "pydantic-1.10.7-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:d2a5ebb48958754d386195fe9e9c5106f11275867051bf017a8059410e9abf1f"},
-    {file = "pydantic-1.10.7-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:abfb7d4a7cd5cc4e1d1887c43503a7c5dd608eadf8bc615413fc498d3e4645cd"},
-    {file = "pydantic-1.10.7-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:80b1fab4deb08a8292d15e43a6edccdffa5377a36a4597bb545b93e79c5ff0a5"},
-    {file = "pydantic-1.10.7-cp39-cp39-win_amd64.whl", hash = "sha256:d71e69699498b020ea198468e2480a2f1e7433e32a3a99760058c6520e2bea7e"},
-    {file = "pydantic-1.10.7-py3-none-any.whl", hash = "sha256:0cd181f1d0b1d00e2b705f1bf1ac7799a2d938cce3376b8007df62b29be3c2c6"},
-    {file = "pydantic-1.10.7.tar.gz", hash = "sha256:cfc83c0678b6ba51b0532bea66860617c4cd4251ecf76e9846fa5a9f3454e97e"},
-]
-
-[package.dependencies]
-typing-extensions = ">=4.2.0"
-
-[package.extras]
-dotenv = ["python-dotenv (>=0.10.4)"]
-email = ["email-validator (>=1.0.3)"]
-
-[[package]]
-name = "python-dotenv"
-version = "0.21.1"
-description = "Read key-value pairs from a .env file and set them as environment variables"
-optional = false
-python-versions = ">=3.7"
-files = [
-    {file = "python-dotenv-0.21.1.tar.gz", hash = "sha256:1c93de8f636cde3ce377292818d0e440b6e45a82f215c3744979151fa8151c49"},
-    {file = "python_dotenv-0.21.1-py3-none-any.whl", hash = "sha256:41e12e0318bebc859fcc4d97d4db8d20ad21721a6aa5047dd59f090391cb549a"},
-]
-
-[package.extras]
-cli = ["click (>=5.0)"]
-
-[[package]]
-name = "sqlparse"
-version = "0.4.4"
-description = "A non-validating SQL parser."
-optional = false
-python-versions = ">=3.5"
-files = [
-    {file = "sqlparse-0.4.4-py3-none-any.whl", hash = "sha256:5430a4fe2ac7d0f93e66f1efc6e1338a41884b7ddf2a350cedd20ccc4d9d28f3"},
-    {file = "sqlparse-0.4.4.tar.gz", hash = "sha256:d446183e84b8349fa3061f0fe7f06ca94ba65b426946ffebe6e3e8295332420c"},
-]
-
-[package.extras]
-dev = ["build", "flake8"]
-doc = ["sphinx"]
-test = ["pytest", "pytest-cov"]
-
-[[package]]
-name = "toml"
-version = "0.10.2"
-description = "Python Library for Tom's Obvious, Minimal Language"
-optional = false
-python-versions = ">=2.6, !=3.0.*, !=3.1.*, !=3.2.*"
-files = [
-    {file = "toml-0.10.2-py2.py3-none-any.whl", hash = "sha256:806143ae5bfb6a3c6e736a764057db0e6a0e05e338b5630894a5f779cabb4f9b"},
-    {file = "toml-0.10.2.tar.gz", hash = "sha256:b3bda1d108d5dd99f4a20d24d9c348e91c4db7ab1b749200bded2f839ccbe68f"},
-]
-
-[[package]]
-name = "typing-extensions"
-version = "4.5.0"
-description = "Backported and Experimental Type Hints for Python 3.7+"
-optional = false
-python-versions = ">=3.7"
-files = [
-    {file = "typing_extensions-4.5.0-py3-none-any.whl", hash = "sha256:fb33085c39dd998ac16d1431ebc293a8b3eedd00fd4a32de0ff79002c19511b4"},
-    {file = "typing_extensions-4.5.0.tar.gz", hash = "sha256:5cb5f4a79139d699607b3ef622a1dedafa84e115ab0024e0d9c044a9479ca7cb"},
-]
-
-[[package]]
-name = "tzdata"
-version = "2023.3"
-description = "Provider of IANA time zone data"
-optional = false
-python-versions = ">=2"
-files = [
-    {file = "tzdata-2023.3-py2.py3-none-any.whl", hash = "sha256:7e65763eef3120314099b6939b5546db7adce1e7d6f2e179e3df563c70511eda"},
-    {file = "tzdata-2023.3.tar.gz", hash = "sha256:11ef1e08e54acb0d4f95bdb1be05da659673de4acbd21bf9c69e94cc5e907a3a"},
-]
-
-[metadata]
-lock-version = "2.0"
-python-versions = "3.9.13"
-content-hash = "404a2eddd8f718cd34411f5d5265c0433e30bdbb0fe3fc0fa75eac77120f88b7"
diff --git a/project/requirements.txt b/project/requirements.txt
deleted file mode 100644
index c9db375..0000000
--- a/project/requirements.txt
+++ /dev/null
@@ -1,15 +0,0 @@
-argon2-cffi-bindings==21.2.0 ; python_full_version == "3.9.13"
-argon2-cffi==21.3.0 ; python_full_version == "3.9.13"
-asgiref==3.6.0 ; python_full_version == "3.9.13"
-autopep8==1.7.0 ; python_full_version == "3.9.13"
-cffi==1.15.1 ; python_full_version == "3.9.13"
-django==4.2.1 ; python_full_version == "3.9.13"
-psycopg2-binary==2.9.6 ; python_full_version == "3.9.13"
-pycodestyle==2.10.0 ; python_full_version == "3.9.13"
-pycparser==2.21 ; python_full_version == "3.9.13"
-pydantic==1.10.7 ; python_full_version == "3.9.13"
-python-dotenv==0.21.1 ; python_full_version == "3.9.13"
-sqlparse==0.4.4 ; python_full_version == "3.9.13"
-toml==0.10.2 ; python_full_version == "3.9.13"
-typing-extensions==4.5.0 ; python_full_version == "3.9.13"
-tzdata==2023.3 ; sys_platform == "win32" and python_full_version == "3.9.13"