Fixing bigs in macros

src/jinja/dialog.html.jinja

@@ -75,7 +75,7 @@
           {% endfor %}
         >
           <h2 id="{{ id }}-title">{{ title | safe }}</h2>
-          <p>{{ description | safe }}</p>
+          {% if description %}<p>{{ description | safe }}</p>{% endif %}
         </header>
       {% endif %}
       {% if caller %}

src/jinja/dropdown-menu.html.jinja

@@ -21,7 +21,7 @@
   x-data="dropdownMenu"
   @click.away="open = false"
   {% if id %}id="{{ id }}"{% endif %}
-  {% for key, value in main_attrs %}
+  {% for key, value in main_attrs.items() %}
     {% if key != "class" %}{{ key }}="{{ value }}"{% endif %}
   {% endfor %}
 >
@@ -35,7 +35,7 @@
     id="{{ id }}-trigger"
     aria-controls="{{ id }}-menu"
     {% endif %}
-    {% for key, value in trigger_attrs %}
+    {% for key, value in trigger_attrs.items() %}
       {{ key }}="{{ value }}"
     {% endfor %}
   >
@@ -47,7 +47,7 @@
     aria-hidden="true"
     x-bind="$content"
     {% if id %}id="{{ id }}-menu"{% endif %}
-    {% for key, value in content_attrs %}
+    {% for key, value in content_attrs.items() %}
       {{ key }}="{{ value }}"
     {% endfor %}
   >

src/jinja/select.html.jinja

@@ -4,6 +4,7 @@
   @param id {string} [optional] - Unique identifier for the select component.
   @param selected {string} [optional] - The initially selected value.
   @param name {string} [optional] - The name attribute for the hidden input storing the selected value.
+  @param items {array} [optional] - An array of items (objects with type, label, value, attrs, and items) to render.
   @param main_attrs {object} [optional] - Additional HTML attributes for the main container div.
   @param trigger_attrs {object} [optional] - Additional HTML attributes for the trigger button.
   @param content_attrs {object} [optional] - Additional HTML attributes for the popover content div.

src/jinja/toast.html.jinja

@@ -10,7 +10,7 @@
 {% macro toaster(
   id="toaster",
   toasts=[],
-  main_attrs=None,
+  main_attrs={},
   is_fragment=False
 ) %}
 <div
@@ -21,7 +21,7 @@
   {% endfor %}
   {% if is_fragment %}hx-swap-oob="beforeend"{% endif %}
 >
-{% for item in toasts.items() %}
+{% for item in toasts %}
   {{ toast(
     category=item.category,
     title=item.title,

src/js/select.js

@@ -2,9 +2,8 @@ window.basecoat = window.basecoat || {};
 window.basecoat.registerSelect = function(Alpine) {
   if (Alpine.components && Alpine.components.select) return;
   
-  Alpine.data('select', (name = null, initialValue = null) => ({
+  Alpine.data('select', (initialValue = null) => ({
     open: false,
-    name: null,
     options: [],
     disabledOptions: [],
     focusedIndex: null,
@@ -14,7 +13,6 @@ window.basecoat.registerSelect = function(Alpine) {
     
     init() {
       this.$nextTick(() => {
-        if (name) this.name = name;
         this.options = Array.from(this.$el.querySelectorAll('[role=option]:not([aria-disabled])'));
         this.disabledOptions = Array.from(this.$el.querySelectorAll('[role=option][aria-disabled=true]'));
         if (this.options.length === 0) return;
@@ -79,6 +77,14 @@ window.basecoat.registerSelect = function(Alpine) {
       this.selectOption(this.options[this.focusedIndex]);
       this.open = !this.open;
     },
+    selectValue(value, dispatch = true) {
+      if (this.options.length === 0 || value == null) return;
+      
+      const option = this.options.find(opt => opt.getAttribute('data-value') === String(value));
+      if (option) {
+        this.selectOption(option, dispatch);
+      }
+    },
     selectOption(option, dispatch = true) {
       if (this.options.length === 0 || !option || option.disabled || option.getAttribute('data-value') == null) {
         return;

src/nunjucks/dialog.njk

@@ -75,7 +75,7 @@
           {% endfor %}
         >
           <h2 id="{{ id }}-title">{{ title | safe }}</h2>
-          <p>{{ description | safe }}</p>
+          {% if description %}<p>{{ description | safe }}</p>{% endif %}
         </header>
       {% endif %}
       {% if caller %}