Extract js and css from select widgets to editable class attributes

core/templates/core/widgets/autocomplete_select.jinja

@@ -1,5 +1,7 @@
-<script-once src="{{ statics.js }}" defer></script-once>
-{% for css in statics.csss %}
+{% for js in statics.js %}
+  <script-once src="{{ js }}" defer></script-once>
+{% endfor %}
+{% for css in statics.css %}
   <link-once rel="stylesheet" type="text/css" href="{{ css }}" defer></link-once>
 {% endfor %}
 

core/views/widgets/select.py

@@ -14,6 +14,14 @@ class AutoCompleteSelectMixin:
     schema: ModelSchema | None = None
     pk = "id"
 
+    js = [
+        "webpack/core/components/ajax-select-index.ts",
+    ]
+    css = [
+        "webpack/core/components/ajax-select-index.css",
+        "core/components/ajax-select.scss",
+    ]
+
     def __init__(self, attrs=None, choices=()):
         if self.is_ajax:
             choices = ()  # Avoid computing anything when in ajax mode
@@ -33,15 +41,8 @@ class AutoCompleteSelectMixin:
         context = super().get_context(name, value, attrs)
         context["component"] = self.component_name
         context["statics"] = {
-            "js": staticfiles_storage.url(
-                "webpack/core/components/ajax-select-index.ts"
-            ),
-            "csss": [
-                staticfiles_storage.url(
-                    "webpack/core/components/ajax-select-index.css"
-                ),
-                staticfiles_storage.url("core/components/ajax-select.scss"),
-            ],
+            "js": [staticfiles_storage.url(file) for file in self.js],
+            "css": [staticfiles_storage.url(file) for file in self.css],
         }
         if self.is_ajax:
             context["selected"] = [