wagtail-tw-blocks 0.3.1__py3-none-any.whl → 1.0.0__py3-none-any.whl

wagtail_blocks/static/wagtail_blocks/package.json

@@ -1,11 +1,11 @@
 {
   "dependencies": {
-    "@tailwindcss/cli": "^4.1.11",
-    "tailwindcss": "^4.1.11"
+    "@tailwindcss/cli": "^4.1.18",
+    "tailwindcss": "^4.1.18"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.16",
-    "daisyui": "^5.5.11",
+    "daisyui": "^5.5.14",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14"
   }

wagtail_blocks/templates/wagtail/blocks/accordion.html

@@ -0,0 +1,21 @@
+{% load wagtailcore_tags %}
+
+<div class="my-4 not-prose">
+  <ol class="grid gap-4">
+    {% for item in self.items %}
+    <li
+      class="collapse {% if self.style %}collapse-{{ self.style }}{% endif %} bg-base-100 rounded-box border-base-300 border"
+    >
+      <input type="radio" name="{{ name }}" />
+
+      <div class="collapse-title font-bold">
+        <span class="flex items-center gap-2">{{ item.title }}</span>
+      </div>
+
+      <div class="collapse-content">
+        <div>{{ item.content|richtext }}</div>
+      </div>
+    </li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail/blocks/alert.html

@@ -0,0 +1,12 @@
+{% load wagtailcore_tags %}
+
+<div class="my-4 not-prose">
+  <div
+    role="alert"
+    class="alert alert-vertical {% if self.style %}alert-{{ self.style }}{% endif %} alert-{{ self.level }} md:alert-horizontal"
+  >
+    <i data-lucide="{{ icon }}" class="size-4 lg:size-6"></i>
+
+    <div>{{ self.message|richtext }}</div>
+  </div>
+</div>

wagtail_blocks/templates/wagtail/blocks/carousel.html

@@ -0,0 +1,19 @@
+{% load i18n wagtailimages_tags %}
+
+<div class="my-4 not-prose">
+  <div class="carousel size-full rounded-box">
+    {% for item in self.items %}
+    <div class="carousel-item relative size-full">
+      <figure>{% image item fill-1920x1080 class="w-full" %}</figure>
+
+      <div class="absolute right-4 bottom-4 lg:right-8 lg:bottom-8">
+        <span
+          class="badge badge-sm badge-neutral font-bold shadow-sm lg:badge-md"
+        >
+          {{ forloop.counter }} / {{ item_count }}
+        </span>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>

wagtail_blocks/templates/wagtail/blocks/code.html

@@ -0,0 +1,32 @@
+{% load i18n %}
+
+<div class="relative my-4">
+  <div
+    class="card card-sm card-border border-base-300 md:card-md lg:card-lg xl:card-xl"
+  >
+    <div class="absolute inset-x-0 top-0">
+      <div class="flex items-center justify-end gap-4 p-1">
+        <div class="tooltip" data-tip="{% trans 'Language' %}">
+          <span class="btn btn-sm btn-ghost lg:btn-md">
+            <span class="sr-only">{% trans 'Programming language' %}:</span>
+            {{ self.language|title }}
+          </span>
+        </div>
+
+        <div class="tooltip" data-tip="{% trans 'Copy' %}">
+          <button
+            class="btn btn-sm btn-copy btn-ghost btn-square lg:btn-md"
+            data-clipboard-text="{{ self.code }}"
+          >
+            <span class="sr-only">{% trans 'Copy' %}</span>
+            <i data-lucide="copy" class="size-4 lg:size-5"></i>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <pre
+      class="overflow-hidden rounded-box"
+    ><code class="language-{{ self.language }}">{{ self.code }}</code></pre>
+  </div>
+</div>

wagtail_blocks/templates/{wagtail_blocks → wagtail}/blocks/diff.html

@@ -1,11 +1,11 @@
 {% load wagtailimages_tags %}
 
 <div class="my-4 not-prose">
-  <figure tabindex="0" class="diff aspect-video rounded-box overflow-clip">
-    <div class="diff-item-1 size-full" role="img" tabindex="0">
+  <figure tabindex="0" class="diff aspect-video rounded-box overflow-hidden">
+    <div class="diff-item-1" role="img" tabindex="0">
       {% image self.item_1 fill-1920x1080 %}
     </div>
-    <div class="diff-item-2 size-full" role="img">
+    <div class="diff-item-2" role="img">
       {% image self.item_2 fill-1920x1080 %}
     </div>
     <div class="diff-resizer"></div>

wagtail_blocks/templates/wagtail/blocks/document.html

@@ -0,0 +1,65 @@
+{% load i18n %}
+
+<section
+  class="tooltip w-full not-prose my-4"
+  data-tip="{% trans 'Download' %}"
+>
+  <a
+    target="blank"
+    href="{{ self.document.url }}"
+    class="card card-sm card-border border-base-300 bg-base-100 hover:shadow-sm hover:shadow-base-300 lg:card-md xl:card-lg 2xl:card-xl"
+  >
+    <div class="relative card-body">
+      <div class="flex items-center justify-between gap-4">
+        <div class="flex items-center gap-4">
+          <div
+            class="tooltip tooltip-right rtl:tooltip-left"
+            data-tip="{{ self.document.file_extension|upper }}"
+          >
+            <i data-lucide="file" class="size-16 lg:size-32"></i>
+          </div>
+
+          <div class="grid gap-1">
+            <h1 class="card-title">{{ self.document.title }}</h1>
+            <small>{{ self.document.filename }}</small>
+          </div>
+        </div>
+
+        <span class="btn btn-sm btn-square btn-ghost lg:btn-md">
+          <i data-lucide="download" class="size-4 lg:size-6"></i>
+          <span class="sr-only">{% trans 'Download' %}</span>
+        </span>
+      </div>
+
+      <div class="card-actions">
+        <div class="tooltip" data-tip="{% trans 'User' %}">
+          <span class="btn w-full btn-xs btn-ghost lg:btn-sm">
+            <i data-lucide="user" class="size-4 lg:size-6"></i>
+            <span>{{ self.document.uploaded_by_user }}</span>
+          </span>
+        </div>
+
+        <div class="tooltip" data-tip="{% trans 'Type' %}">
+          <span class="btn w-full btn-xs btn-ghost lg:btn-sm">
+            <i data-lucide="file" class="size-4 lg:size-6"></i>
+            <span>{{ self.document.file_extension|upper }}</span>
+          </span>
+        </div>
+
+        <div class="tooltip" data-tip="{% trans 'File size' %}">
+          <span class="btn w-full btn-xs btn-ghost lg:btn-sm">
+            <i data-lucide="boxes" class="size-4 lg:size-6"></i>
+            <span>{{ size }}</span>
+          </span>
+        </div>
+
+        <div class="tooltip" data-tip="{% trans 'Uploaded at' %}">
+          <time class="btn w-full btn-xs btn-ghost lg:btn-sm">
+            <i data-lucide="calendar" class="size-4 lg:size-6"></i>
+            <span>{{ self.document.created_at }}</span>
+          </time>
+        </div>
+      </div>
+    </div>
+  </a>
+</section>

wagtail_blocks/templates/wagtail/blocks/hover_gallery.html

@@ -0,0 +1,11 @@
+{% load wagtailimages_tags %}
+
+<div class="not-prose my-4">
+  <figure class="hover-gallery rounded-box overflow-clip">
+    {% for item in self.items %}
+    <!---->
+    {% image item fill-1920x1080 class="w-full" %}
+    <!---->
+    {% endfor %}
+  </figure>
+</div>

wagtail_blocks/templates/wagtail/blocks/tabs.html

@@ -0,0 +1,20 @@
+<div class="my-4 not-prose">
+  <div
+    class="tabs tabs-xs tabs-{{ self.style }} sm:tabs-sm lg:tabs-md xl:tabs-lg 2xl:tabs-xl"
+  >
+    {% for item in self.items %}
+    <input
+      class="tab"
+      type="radio"
+      name="{{ name }}"
+      aria-label="{{ item.title }}"
+      {% if forloop.first %}checked{% endif %}
+    />
+    <div
+      class="tab-content bg-base-100 border-base-300 p-4 {% if self.style != 'lift' %} rounded-field {% endif %}"
+    >
+      <div>{{ item.content }}</div>
+    </div>
+    {% endfor %}
+  </div>
+</div>

wagtail_blocks/templates/wagtail/components/breadcrumbs.html

@@ -0,0 +1,12 @@
+{% load wagtailcore_tags %}
+
+<nav class="breadcrumbs text-xs lg:text-sm">
+  <ol>
+    {% for page in page.get_ancestors %}{% if not page.is_root %}
+    <li>
+      <a href="{% pageurl page %}">{{ page }}</a>
+    </li>
+    {% endif %}{% endfor %}
+    <li>{{ page }}</li>
+  </ol>
+</nav>

wagtail_blocks/templates/wagtail/components/form.html

@@ -0,0 +1,116 @@
+{% load i18n %}
+
+<section class="grid gap-8">
+  {% if form.errors %}
+  <div class="toast z-10">
+    <ol class="grid gap-4 max-w-2xl mx-auto">
+      {% for field, errors in form.errors.items %}
+      <li class="alert alert-soft alert-horizontal alert-error">
+        <div class="tooltip tooltip-error" data-tip="{% trans 'Field' %}">
+          <span class="badge badge-sm badge-error lg:badge-md">
+            <i data-lucide="x-circle" class="size-4 lg:size-6"></i>
+            <span>{{ field }}</span>
+          </span>
+        </div>
+
+        <div>{{ errors }}</div>
+      </li>
+      {% endfor %}
+    </ol>
+  </div>
+  {% endif %}
+
+  <form
+    class="grid gap-4"
+    enctype="multipart/form-data"
+    method="{{ method|default:'post' }}"
+  >
+    {% if csrf|default_if_none:True %}{% csrf_token %}{% endif %}
+
+    <!---->
+    {{ form }}
+
+    <button
+      type="submit"
+      class="btn btn-sm btn-primary lg:btn-md xl:btn-lg 2xl:btn-xl"
+    >
+      <i data-lucide="send" class="size-4 lg:size-6"></i>
+      {% trans 'Submit' %}
+    </button>
+  </form>
+</section>
+
+<script>
+  // Style containers and labels
+  document
+    .querySelectorAll("form > div")
+    .forEach((e) => e.classList.add("fieldset"));
+  document
+    .querySelectorAll("form > div > label")
+    .forEach((e) => e.classList.add("fieldset-legend"));
+  document
+    .querySelectorAll("form > div > .helptext")
+    .forEach((e) => e.classList.add("fieldset-label"));
+
+  // Style inputs
+  document
+    .querySelectorAll("form > div > input")
+    .forEach((e) =>
+      e.classList.add(
+        "input",
+        "w-full",
+        "validator",
+        "focus:input-primary",
+        "active:input-primary",
+      ),
+    );
+  document
+    .querySelectorAll("form > div > input[type=checkbox]")
+    .forEach((e) => {
+      e.classList.remove("input", "w-full");
+      e.classList.add(
+        "checkbox",
+        "focus:checkbox-primary",
+        "active:checkbox-primary",
+      );
+    });
+  document.querySelectorAll("form > div > input[type=radio]").forEach((e) => {
+    e.classList.remove("input", "w-full");
+    e.classList.add("radio", "focus:radio-primary", "active:radio-primary");
+  });
+  document.querySelectorAll("form > div > input[type=file]").forEach((e) => {
+    e.classList.remove("input");
+    e.classList.add(
+      "file-input",
+      "focus:file-input-primary",
+      "active:file-input-primary",
+    );
+  });
+  document
+    .querySelectorAll("form > div > textarea")
+    .forEach((e) =>
+      e.classList.add(
+        "textarea",
+        "w-full",
+        "validator",
+        "focus:textarea-primary",
+        "active:textarea-primary",
+      ),
+    );
+  document
+    .querySelectorAll("form > div > select")
+    .forEach((e) =>
+      e.classList.add(
+        "select",
+        "w-full",
+        "validator",
+        "focus:select-primary",
+        "active:select-primary",
+      ),
+    );
+
+  // Style error lists
+  document
+    .querySelectorAll("form > div > .errorlist")
+    .forEach((e) => e.classList.add("validator-hint", "text-error", "visible"));
+</script>

wagtail_blocks/templates/wagtail/components/languages.html

@@ -0,0 +1,77 @@
+{% load i18n wagtailcore_tags %}
+
+<!---->
+{% if LANGUAGES %}
+<li
+  class="tooltip tooltip-left rtl:tooltip-right"
+  data-tip="{% trans 'Language' %}"
+>
+  {% url 'set_language' as action %}
+  <form id="lang-form" method="post" class="hidden" action="{{ action }}">
+    {% csrf_token %}
+    <input name="next" type="hidden" value="{{ redirect_to }}" />
+  </form>
+  <button
+    popovertarget="language"
+    style="anchor-name: --language"
+    class="btn btn-sm btn-square btn-ghost lg:btn-md 2xl:btn-lg"
+  >
+    <i data-lucide="earth" class="size-4 lg:size-6"></i>
+    <span class="sr-only">{% trans 'Language' %}</span>
+  </button>
+
+  <ul
+    popover
+    id="language"
+    style="position-anchor: --language; max-height: 20rem"
+    class="menu menu-sm dropdown dropdown-left bg-base-100/50 rounded-box shadow-lg backdrop-blur-3xl rtl:dropdown-right lg:menu-md 2xl:menu-lg"
+  >
+    <li class="menu-title">{% trans 'Select a language' %}</li>
+    {% if page %}
+    <!---->
+    {% for translation in page.get_translations.live %}
+    <!---->
+    {% get_language_info for translation.locale.language_code as l %}
+    <li class="tooltip" data-tip="{{ l.name_translated }}">
+      <a
+        rel="alternate"
+        href="{% pageurl translation %}"
+        hreflang="{{ translation.locale.language_code }}"
+        class="{% if translation.locale.language_code == LANGUAGE_CODE %}menu-active{% endif %}"
+      >
+        {{ l.name_translated }} - ({{ l.name_local }})
+      </a>
+    </li>
+    {% empty %}
+    <li>
+      <a href="#" class="menu-active">{{ page.locale }}</a>
+    </li>
+    {% endfor %}
+    <!---->
+    {% else %}
+    <!---->
+    {% for language_code, language_name in LANGUAGES %}
+    <!---->
+    {% get_language_info for language_code as lang %}
+    <li class="tooltip" data-tip="{{ lang.name_translated }}">
+      <label
+        class="{% if language_code == LANGUAGE_CODE %}menu-active{% endif %}"
+      >
+        <input
+          type="submit"
+          class="hidden"
+          name="language"
+          form="lang-form"
+          value="{{ language_code }}"
+          aria-label="{{ lang.name_local }} ({{ lang.code }})"
+        />
+
+        {{ language_name }} - ({{ lang.name_local }})
+      </label>
+    </li>
+    {% endfor %}
+    <!---->
+    {% endif %}
+  </ul>
+</li>
+{% endif %}

wagtail_blocks/templates/wagtail/components/messages.html

@@ -0,0 +1,56 @@
+{% if messages %}
+<div class="toast toast-top toast-end top-24 z-50">
+  <ol class="grid gap-4 max-w-xl">
+    {% for message in messages %}
+    <!---->
+    {% if 'error' in message.tags %}
+    <li class="alert alert-soft alert-error">
+      <div class="tooltip tooltip-error" data-tip="{{ message.tags|title }}">
+        <i data-lucide="circle-x" class="size-4 lg:size-6"></i>
+        <span class="sr-only">{{ message.tags|title }}</span>
+      </div>
+
+      <p>{{ message }}</p>
+    </li>
+    {% elif 'warning' in message.tags %}
+    <li class="alert alert-soft alert-warning">
+      <div class="tooltip tooltip-warning" data-tip="{{ message.tags|title }}">
+        <i data-lucide="triangle-alert" class="size-4 lg:size-6"></i>
+        <span class="sr-only">{{ message.tags|title }}</span>
+      </div>
+
+      <p>{{ message }}</p>
+    </li>
+    {% elif 'success' in message.tags %}
+    <li class="alert alert-soft alert-success">
+      <div class="tooltip tooltip-success" data-tip="{{ message.tags|title }}">
+        <i data-lucide="circle-check" class="size-4 lg:size-6"></i>
+        <span class="sr-only">{{ message.tags|title }}</span>
+      </div>
+
+      <p>{{ message }}</p>
+    </li>
+    {% elif 'info' in message.tags %}
+    <li class="alert alert-soft alert-horizontal alert-info">
+      <div class="tooltip tooltip-info" data-tip="{{ message.tags|title }}">
+        <i data-lucide="info" class="size-4 lg:size-6"></i>
+        <span class="sr-only">{{ message.tags|title }}</span>
+      </div>
+
+      <p>{{ message }}</p>
+    </li>
+    {% else %}
+    <li class="alert alert-soft alert-horizontal">
+      <div class="tooltip tooltip-accent" data-tip="{{ message.tags|title }}">
+        <i data-lucide="bug" class="size-4 lg:size-6"></i>
+        <span class="sr-only">{{ message.tags|title }}</span>
+      </div>
+
+      <p>{{ message }}</p>
+    </li>
+    {% endif %}
+    <!---->
+    {% endfor %}
+  </ol>
+</div>
+{% endif %}

wagtail_blocks/templates/wagtail/components/next.html

@@ -0,0 +1,22 @@
+{% load i18n wagtailcore_tags %}
+
+<!---->
+{% if not page.is_root %}
+<!---->
+{% if page.get_next_sibling %}
+<div class="tooltip ml-auto rtl:ml-0 rtl:mr-auto" data-tip="{% trans 'Next' %}">
+  <a
+    href="{% pageurl page.get_next_sibling %}"
+    class="btn btn-sm btn-ghost lg:btn-md xl:btn-lg"
+  >
+    {{ page.get_next_sibling }}
+    <i data-lucide="chevron-right" class="size-4 lg:size-6 rtl:rotate-180"></i>
+  </a>
+</div>
+{% else %}
+<!---->
+{% include 'wagtail/components/next.html' with page=page.get_parent %}
+<!---->
+{% endif %}
+<!---->
+{% endif %}

wagtail_blocks/templates/wagtail/components/pagination.html

@@ -0,0 +1,59 @@
+{% load i18n %}
+
+<!---->
+{% if is_paginated %}
+<ol class="flex items-center justify-center gap-2 flex-wrap lg:gap-4">
+  {% if page_obj.has_previous %}
+  <li class="tooltip" data-tip="{% translate 'Previous' %}">
+    <a
+      href="?page={{ page_obj.previous_page_number }}"
+      class="btn btn-sm btn-ghost lg:btn-md"
+    >
+      <i data-lucide="chevron-left" class="size-4 lg:size-6 rtl:rotate-180"></i>
+      <span class="sr-only">{% translate 'Previous' %}</span>
+    </a>
+  </li>
+
+  <li class="tooltip" data-tip="{% translate 'First' %}">
+    <a href="?page=1" class="btn btn-sm btn-ghost lg:btn-md">
+      <i
+        data-lucide="chevron-first"
+        class="size-4 lg:size-6 rtl:rotate-180"
+      ></i>
+      {% translate 'First' %}
+    </a>
+  </li>
+  {% endif %}
+
+  <li class="tooltip" data-tip="{% translate 'Current' %}">
+    <button class="btn btn-sm btn-ghost lg:btn-md">
+      {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}
+    </button>
+  </li>
+
+  {% if page_obj.has_next %}
+  <li class="tooltip" data-tip="{% translate 'Last' %}">
+    <a
+      href="?page={{ page_obj.paginator.num_pages }}"
+      class="btn btn-sm btn-ghost lg:btn-md"
+    >
+      {% translate 'Last' %}
+      <i data-lucide="chevron-last" class="size-4 lg:size-6 rtl:rotate-180"></i>
+    </a>
+  </li>
+
+  <li class="tooltip" data-tip="{% translate 'Next' %}">
+    <a
+      href="?page={{ page_obj.next_page_number }}"
+      class="btn btn-sm btn-ghost lg:btn-md"
+    >
+      <i
+        data-lucide="chevron-right"
+        class="size-4 lg:size-6 rtl:rotate-180"
+      ></i>
+      <span class="sr-only">{% translate 'Next' %}</span>
+    </a>
+  </li>
+  {% endif %}
+</ol>
+{% endif %}

wagtail_blocks/templates/wagtail/components/prev.html

@@ -0,0 +1,25 @@
+{% load i18n wagtailcore_tags %}
+
+<!---->
+{% if not page.is_root %}
+<!---->
+{% if page.get_prev_sibling %}
+<div
+  class="tooltip mr-auto rtl:mr-0 rtl:ml-auto"
+  data-tip="{% trans 'Previous' %}"
+>
+  <a
+    href="{% pageurl page.get_prev_sibling %}"
+    class="btn btn-sm btn-ghost lg:btn-md xl:btn-lg"
+  >
+    <i data-lucide="chevron-left" class="size-4 lg:size-6 rtl:rotate-180"></i>
+    {{ page.get_prev_sibling }}
+  </a>
+</div>
+{% else %}
+<!---->
+{% include 'wagtail/components/prev.html' with page=page.get_parent %}
+<!---->
+{% endif %}
+<!---->
+{% endif %}

wagtail_blocks/templates/wagtail/components/prev_next.html

@@ -0,0 +1,5 @@
+<div class="flex items-center justify-between gap-4">
+  {% include 'wagtail/components/prev.html' %}
+  <!---->
+  {% include 'wagtail/components/next.html' %}
+</div>