flask-construct-ui 0.9.5__py3-none-any.whl

flask_construct_ui/schema.py

@@ -0,0 +1,507 @@
+import enum
+import datetime
+from .validation import ValidationError, parse_rule
+
+
+class SchemaField:
+    def __init__(self, field_type, name, **kwargs):
+        self.field_type = field_type
+        self.name = name
+        self.readonly = kwargs.get("readonly", False)
+        self.required = kwargs.get("required", False)
+        self.nullable = kwargs.get("nullable", not self.required)
+        self.skipfilter = kwargs.get("skipfilter", False)
+        self.visible_list = kwargs.get("visible_list", True)
+        self.visible_form = kwargs.get("visible_form", True)
+        self.secret = kwargs.get("secret", False)
+        # None = follow the app-wide CONSTRUCT_ENFORCE_MATCHES default;
+        # True/False = explicit per-field override for server-side `matches`
+        # enforcement. Structural checks (length, type, required) are always
+        # enforced server-side regardless of this flag.
+        self.enforce = kwargs.get("enforce", None)
+        self.default = kwargs.get("default", None)
+        self.kwargs = kwargs
+        matches = kwargs.get("matches", None)
+        self._matches_fn = None
+        self._validation_node = None
+        if callable(matches):
+            self._matches_fn = matches
+        elif matches:
+            self.matches = matches
+            self._validation_node = parse_rule(matches)
+
+    def form_input_type(self) -> str:
+        return "text"
+
+    def form_extra_attrs(self) -> str:
+        return ""
+
+    def format_value(self, field, row):
+        return getattr(row, field)
+
+    def parse_value(self, value):
+        return value
+
+    def validate_value(self, val, row=None):
+        if val is None or val == "":
+            if self.required:
+                return ValidationError(
+                    "validation-field-required", {}, "This field is required"
+                )
+            return None
+        return self._validate_matches(val, row)
+
+    def _validate_matches(self, val, row=None):
+        if self._matches_fn is not None:
+            rule_str = self._matches_fn(row)
+            if rule_str:
+                node = parse_rule(rule_str)
+                ok, err = node.validate_detail(val)
+                if not ok:
+                    return err
+        elif self._validation_node:
+            ok, err = self._validation_node.validate_detail(val)
+            if not ok:
+                return err
+        return None
+
+    def validate_structural(self, val):
+        """Type/size invariants that are always enforced server-side."""
+        return None
+
+    def validate_submission(self, val, row=None, enforce_default=False):
+        """Validate a submitted form value before it is written.
+
+        Structural checks and ``required`` always apply; ``matches`` rules
+        apply when the field's ``enforce`` flag (or the app default) is on.
+        """
+        if (
+            val is None
+            or val == ""
+            or (isinstance(val, (set, list, tuple)) and not val)
+        ):
+            if self.required:
+                return ValidationError(
+                    "validation-field-required", {}, "This field is required"
+                )
+            return None
+        err = self.validate_structural(val)
+        if err:
+            return err
+        enforce = self.enforce if self.enforce is not None else enforce_default
+        if enforce:
+            return self._validate_matches(val, row)
+        return None
+
+
+class PK(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("pk", name, **kwargs)
+
+
+class String(SchemaField):
+    def __init__(self, name, length, **kwargs):
+        super().__init__("string", name, **kwargs)
+        self.length = length
+
+    def form_input_type(self):
+        return "text"
+
+    def validate_structural(self, val):
+        if self.length and len(str(val)) > self.length:
+            return ValidationError(
+                "validation-string-len-at-most",
+                {"limit": self.length},
+                f"Length must be at most {self.length} characters",
+            )
+        return None
+
+
+class Text(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("text", name, **kwargs)
+        self.markdown = kwargs.get("markdown", False)
+        self.orgmode = kwargs.get("orgmode", False)
+
+    def form_input_type(self):
+        if self.markdown:
+            return "richtext"
+        return "textarea"
+
+
+class Integer(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("integer", name, **kwargs)
+
+    def form_input_type(self):
+        return "number"
+
+    def parse_value(self, value):
+        if value == "":
+            return None
+        return value
+
+    def validate_structural(self, val):
+        try:
+            int(str(val))
+        except (ValueError, TypeError):
+            return ValidationError(
+                "validation-must-be-integer", {}, "Must be an integer"
+            )
+        return None
+
+
+class Decimal(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("decimal", name, **kwargs)
+
+    def form_input_type(self):
+        return "number"
+
+    def parse_value(self, value):
+        if value == "":
+            return None
+        return value
+
+    def form_extra_attrs(self):
+        return 'step="any"'
+
+    def validate_structural(self, val):
+        try:
+            float(val)
+        except (ValueError, TypeError):
+            return ValidationError("validation-must-be-number", {}, "Must be a number")
+        return None
+
+
+class Boolean(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("bool", name, **kwargs)
+
+    def form_input_type(self):
+        return "checkbox"
+
+
+class DateTime(SchemaField):
+    def __init__(self, name, **kwargs):
+        super().__init__("datetime", name, **kwargs)
+
+    def form_input_type(self):
+        return "datetime-local"
+
+    def parse_value(self, value):
+        if value == "":
+            return None
+        return value
+
+    def validate_structural(self, val):
+
+        if isinstance(val, (datetime.date, datetime.datetime)):
+            return None
+        try:
+            datetime.datetime.fromisoformat(str(val))
+        except (ValueError, TypeError):
+            return ValidationError(
+                "validation-must-be-datetime", {}, "Must be a valid date/time"
+            )
+        return None
+
+
+class Related(SchemaField):
+    def __init__(self, name, relcls, relation, **kwargs):
+        super().__init__("related", name, **kwargs)
+        self.related_class = relcls
+        self.related_field = relation
+
+    def form_input_type(self):
+        return "select"
+
+    def format_value(self, field, row):
+        curr = row
+        for item in self.related_field.split("."):
+            if curr is None:
+                return None
+            curr = getattr(curr, item, None)
+        return curr
+
+    def form_value(self, row):
+        """The related record itself, for form rendering.
+
+        ``format_value`` resolves ``related_field`` as a (possibly dotted)
+        display path for list cells — e.g. ``"category.name"`` yields a
+        string. Form templates instead need the related record to compare
+        primary keys when preselecting the current option, so this always
+        resolves just the relationship attribute (the first path segment).
+        A raw primary key on the row (a form re-rendering submitted values
+        after a validation failure) is read back into the record.
+        """
+        value = getattr(row, self.related_field.split(".")[0], None)
+        if value is None or value == "":
+            return None
+        model = getattr(self.related_class, "model", None)
+        if model is not None and isinstance(value, model):
+            return value
+        if isinstance(value, (str, int)):
+            return self.related_class().read(value)
+        return value
+
+
+class _RecordMap:
+    """Mapping over a record's attributes for ``str.format_map`` — missing
+    attributes render as empty strings instead of raising."""
+
+    def __init__(self, record):
+        self._record = record
+
+    def __getitem__(self, key):
+        value = getattr(self._record, key, None)
+        return "" if value is None else value
+
+
+class ManyRelated(SchemaField):
+    # Sub-field types allowed in the inline create panel (create="form").
+    # Relational types would need recursive pickers and richtext needs a
+    # live editor instance — neither works inside a cloned <template>.
+    INLINE_FORM_TYPES = (
+        "string",
+        "text",
+        "integer",
+        "decimal",
+        "datetime",
+        "bool",
+        "set",
+        "enum",
+    )
+
+    def __init__(self, name, relcls, relation, **kwargs):
+        super().__init__("manyrelated", name, **kwargs)
+        self.related_class = relcls
+        self.related_field = relation
+        self.search_fields = kwargs.get("search_fields", None)
+        self.display = kwargs.get("display", None)
+        self.create = kwargs.get("create", None)
+        if self.create not in (None, "quick", "form"):
+            raise ValueError(
+                f"ManyRelated create= must be None, 'quick' or 'form',"
+                f" got {self.create!r}"
+            )
+        self.quick_field = kwargs.get("quick_field", None)
+        self._quick_field_resolved = None
+
+    def form_input_type(self):
+        return "manyrelated"
+
+    def render_display(self, record):
+        """Render a related record for chips and search results.
+
+        ``display`` mirrors the ``matches`` contract: a format string
+        interpolating related-record fields (``"{name} ({city})"``) or a
+        ``callable(record) -> str``. Defaults to ``str(record)``.
+        """
+        if record is None:
+            return ""
+        if callable(self.display):
+            return str(self.display(record))
+        if self.display:
+            return self.display.format_map(_RecordMap(record))
+        return str(record)
+
+    def resolve_quick_field(self):
+        """The related field that receives a quick-created value.
+
+        Resolved lazily — ``related_class._schema`` only exists once
+        ``@dataschema`` has run on the related class.
+        """
+        if self._quick_field_resolved is not None:
+            return self._quick_field_resolved
+        sub_schema = self.related_class._schema
+        if self.quick_field is not None:
+            ftype = sub_schema.get(self.quick_field)
+            if ftype is None or ftype.field_type not in ("string", "text"):
+                raise ValueError(
+                    f"ManyRelated {self.name}: quick_field"
+                    f" {self.quick_field!r} must be a string or text field"
+                    f" of the related schema"
+                )
+            self._quick_field_resolved = self.quick_field
+            return self.quick_field
+        candidates = [
+            sub_name
+            for sub_name, ftype in sub_schema.items()
+            if ftype.field_type in ("string", "text")
+            and ftype.visible_form
+            and not ftype.readonly
+            and not ftype.secret
+        ]
+        required = [c for c in candidates if sub_schema[c].required]
+        if len(required) == 1:
+            self._quick_field_resolved = required[0]
+        elif len(candidates) == 1:
+            self._quick_field_resolved = candidates[0]
+        else:
+            raise ValueError(
+                f"ManyRelated {self.name}: quick_field is ambiguous;"
+                f" pass quick_field= explicitly"
+            )
+        return self._quick_field_resolved
+
+    def inline_form_fields(self):
+        """The related-schema fields editable in the inline create panel."""
+        return [
+            (sub_name, ftype)
+            for sub_name, ftype in self.related_class._schema.items()
+            if ftype.field_type in self.INLINE_FORM_TYPES
+            and ftype.visible_form
+            and not ftype.readonly
+            and not ftype.secret
+        ]
+
+    def format_value(self, field, row):
+        return list(getattr(row, self.related_field, None) or [])
+
+    def form_value(self, row):
+        """The related records, for form rendering (see Related.form_value).
+
+        Raw primary keys on the row (a form re-rendering submitted values
+        after a validation failure) are read back into records.
+        """
+        model = getattr(self.related_class, "model", None)
+        resolved = []
+        for item in getattr(row, self.related_field, None) or []:
+            if model is not None and isinstance(item, model):
+                resolved.append(item)
+            elif isinstance(item, (str, int)):
+                rec = self.related_class().read(item)
+                if rec is not None:
+                    resolved.append(rec)
+            else:
+                resolved.append(item)
+        return resolved
+
+
+class Set(SchemaField):
+    def __init__(self, name, sets, **kwargs):
+        super().__init__("set", name, **kwargs)
+        self.sets = sets
+
+    def parse_value(self, value):
+        if isinstance(value, (list, set)):
+            return ",".join(sorted(list(value)))
+        return value
+
+    def form_input_type(self):
+        return "multiselect"
+
+    def validate_structural(self, val):
+        values = val if isinstance(val, (set, list, tuple)) else str(val).split(",")
+        invalid = [v for v in values if v and v not in self.sets]
+        if invalid:
+            options = ", ".join(f"'{k}'" for k in self.sets)
+            return ValidationError(
+                "validation-must-be-one-of",
+                {"options": options},
+                f"Must be one of: {options}",
+            )
+        return None
+
+
+class List(SchemaField):
+    def __init__(self, name, relcls, relation, columns=None, **kwargs):
+        super().__init__("list", name, **kwargs)
+        self.list_class = relcls
+        self.list_field = relation
+        self.columns = columns
+        self.layout = kwargs.get("layout", "table")
+        self.can_add = kwargs.get("can_add", True)
+        self.can_delete = kwargs.get("can_delete", True)
+        self.template = kwargs.get("template", None)
+
+    def form_input_type(self):
+        return "list"
+
+
+class Enum(String):
+    class ValueWrapper(dict):
+        def __init__(self, v, display=None):
+            super().__init__(id=v)
+            self.v = v
+            self.id = v
+            self.display = display if display is not None else v
+
+        def __str__(self):
+            from flask import has_app_context, current_app
+
+            if has_app_context() and hasattr(current_app, "l10n"):
+                translated = current_app.l10n.t(self.v)
+                if translated != self.v:
+                    return str(translated)
+            return str(self.display)
+
+    def __init__(self, name, enum_class, **kwargs):
+        super().__init__(name, 50, **kwargs)
+        self.enum_class = enum_class
+        self.field_type = "enum"
+        self._primary_key = "id"
+
+    def related_class(self):
+        return self
+
+    related_class._primary_key = "id"
+
+    def search(self, q=None):
+        return [self.ValueWrapper(t.name, t.value) for t in self.enum_class]
+
+    def validate_structural(self, val):
+        if str(val) not in {member.name for member in self.enum_class}:
+            options = ", ".join(f"'{member.name}'" for member in self.enum_class)
+            return ValidationError(
+                "validation-must-be-one-of",
+                {"options": options},
+                f"Must be one of: {options}",
+            )
+        return None
+
+    def parse_value(self, value):
+        if value == "":
+            return None
+        return value
+
+    def format_value(self, field, row):
+        val = getattr(row, field, None)
+        if val is None:
+            return None
+
+        if isinstance(val, enum.Enum):
+            return self.ValueWrapper(val.name, val.value)
+        return self.ValueWrapper(str(val), str(val))
+
+
+class Schema:
+    def __init__(self):
+        self.PK = PK
+        self.String = String
+        self.Text = Text
+        self.Integer = Integer
+        self.Decimal = Decimal
+        self.Boolean = Boolean
+        self.DateTime = DateTime
+        self.Related = Related
+        self.ManyRelated = ManyRelated
+        self.List = List
+        self.Set = Set
+        self.Enum = Enum
+
+
+schema = Schema()
+
+
+def dataschema(cls):
+    cls._schema = {}
+    cls._primary_key = None
+    for name, attribute in list(cls.__dict__.items()):
+        if isinstance(attribute, SchemaField):
+            cls._schema[name] = attribute
+            delattr(cls, name)
+        if isinstance(attribute, PK):
+            cls._primary_key = name
+    return cls

flask_construct_ui/static/css/prosemirror-bundle.min.css

@@ -0,0 +1 @@
+.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}

flask_construct_ui/static/css/unpoly.min.css

@@ -0,0 +1,6 @@
+[hidden][hidden]{display:none !important}
+up-wrapper{display:inline-block}
+up-bounds{position:absolute}.up-focus-hidden:focus-visible{outline-color:rgba(0,0,0,0) !important;outline-style:none !important}body.up-scrollbar-away{padding-right:calc(var(--up-scrollbar-width) + var(--up-original-padding-right)) !important}body.up-scrollbar-away,html:has(>body.up-scrollbar-away){overflow-y:hidden !important;overflow-y:clip !important}body.up-scrollbar-away .up-scrollbar-away{right:calc(var(--up-scrollbar-width) + var(--up-original-right)) !important}
+.up-request-loader{display:none}up-progress-bar{position:fixed;top:0;left:0;z-index:999999999;height:3px;background-color:#007bff}
+up-focus-trap{position:fixed;top:0;left:0;width:0;height:0}up-cover-viewport,up-drawer-viewport,up-modal-viewport,up-drawer-backdrop,up-modal-backdrop,up-cover,up-drawer,up-modal{top:0;left:0;bottom:0;right:0}up-drawer-box,up-modal-box{box-shadow:0 0 10px 1px rgba(0,0,0,.3)}up-popup{box-shadow:0 0 4px rgba(0,0,0,.3)}up-popup:focus,up-cover-box:focus,up-drawer-box:focus,up-modal-box:focus,up-cover:focus,up-drawer:focus,up-modal:focus,up-popup:focus-visible,up-cover-box:focus-visible,up-drawer-box:focus-visible,up-modal-box:focus-visible,up-cover:focus-visible,up-drawer:focus-visible,up-modal:focus-visible{outline:none}up-cover,up-drawer,up-modal{z-index:2000;position:fixed}up-drawer-backdrop,up-modal-backdrop{position:absolute;background:rgba(0,0,0,.4)}up-cover-viewport,up-drawer-viewport,up-modal-viewport{position:absolute;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center}up-popup,up-cover-box,up-drawer-box,up-modal-box{position:relative;box-sizing:border-box;max-width:100%;background-color:#fff;padding:20px;overflow-x:hidden}up-popup-content,up-cover-content,up-drawer-content,up-modal-content{display:block}up-popup{z-index:1000}up-popup-dismiss,up-cover-dismiss,up-drawer-dismiss,up-modal-dismiss{color:#888;position:absolute;top:10px;right:10px;font-size:1.7rem;line-height:.5;cursor:pointer}up-modal[nesting="0"] up-modal-viewport{padding:25px 15px}up-modal[nesting="1"] up-modal-viewport{padding:50px 30px}up-modal[nesting="2"] up-modal-viewport{padding:75px 45px}up-modal[nesting="3"] up-modal-viewport{padding:100px 60px}up-modal[nesting="4"] up-modal-viewport{padding:125px 75px}up-modal[size=small] up-modal-box{width:350px}up-modal[size=medium] up-modal-box{width:650px}up-modal[size=large] up-modal-box{width:1000px}up-modal[size=grow] up-modal-box{width:auto}up-modal[size=full] up-modal-box{width:100%}up-drawer-viewport{justify-content:flex-start}up-drawer[position=right] up-drawer-viewport{justify-content:flex-end}up-drawer-box{min-height:100vh}up-drawer[size=small] up-drawer-box{width:150px}up-drawer[size=medium] up-drawer-box{width:340px}up-drawer[size=large] up-drawer-box{width:600px}up-drawer[size=grow] up-drawer-box{width:auto}up-drawer[size=full] up-drawer-box{width:100%}up-cover-box{width:100%;min-height:100vh;padding:0}up-popup{padding:15px;text-align:left}up-popup[size=small]{width:180px}up-popup[size=medium]{width:300px}up-popup[size=large]{width:550px}up-popup[size=grow] up-popup{width:auto}up-popup[size=full] up-popup{width:100%}
+[up-clickable][role=link]{cursor:pointer}[up-expand]:not([role]),[up-expand][role=link]{cursor:pointer}

flask_construct_ui/static/js/construct-core.min.js

@@ -0,0 +1 @@
+(()=>{var x={};if(typeof up<"u"){let d=function(r){return String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};A=d,up.status&&up.status.config&&up.status.config.currentClasses&&(up.status.config.currentClasses.includes("active")||up.status.config.currentClasses.push("active")),up.feedback&&up.feedback.config&&up.feedback.config.currentClasses&&(up.feedback.config.currentClasses.includes("active")||up.feedback.config.currentClasses.push("active")),up.on("up:location:changed",function(){setTimeout(()=>{document.querySelectorAll(".fcu-submenu-link.active, .fcu-submenu-link.up-current").forEach(function(r){let a=r.closest("details");a&&(a.open=!0)})},0)}),up.compiler(".fcu-menu-link, .fcu-submenu-link",function(r){let a=r.getAttribute("href");if(a&&a!=="#"){let u=a.replace(/\/+$/,"");u&&u!=="/"&&r.setAttribute("up-alias",`${u} ${u}/ ${u}/*`)}}),up.compiler("[data-live-sse-url], [data-live-poll-url]",function(r){let a=r.getAttribute("data-live-sse-url"),u=r.getAttribute("data-live-poll-url"),e=parseInt(r.getAttribute("data-live-interval")||"10000",10),n=r.getAttribute("data-live-content-id")||"live-content-"+r.getAttribute("data-live-source"),o=document.getElementById(n),s=r.getAttribute("data-live-format")||"default",t=r.getAttribute("data-live-limit")?parseInt(r.getAttribute("data-live-limit"),10):200;if(!o)return;let c=null,i=null,p=!1;setTimeout(()=>{p=!0},2*e);function g(l){if(l&&!p)return;r.classList.toggle("live-stale",l);let f=r.querySelector(".live-stale-indicator");f&&(f.style.display=l?"":"none")}function v(l){let f=l||location.href;typeof up<"u"&&up.visit?(up.cache&&up.cache.expire&&up.cache.expire(),up.visit(f,{cache:!1})):window.location.href=f}function T(){let l=e*.15*(Math.random()*2-1);return Math.max(1e3,e+l)}function b(){document.hidden||fetch(u).then(l=>l.status===205?(y(),v(),null):l.text()).then(l=>{if(!l)return;let m=new DOMParser().parseFromString(l,"text/html").querySelector(".live-content");m&&(o.innerHTML=m.innerHTML),g(!1)}).catch(()=>g(!0))}function E(){c=setTimeout(()=>{b(),E()},T())}function w(){document.hidden||b()}function L(){c||!u||(document.addEventListener("visibilitychange",w),E())}function y(){c&&(clearTimeout(c),c=null),document.removeEventListener("visibilitychange",w)}return a?(i=new EventSource(a),i.addEventListener("update",function(l){if(s==="raw"){o.innerHTML=l.data,o.scrollTop=o.scrollHeight,g(!1),r.dispatchEvent(new CustomEvent("fcu:live:update",{detail:l.data}));return}try{let f=JSON.parse(l.data);r.dispatchEvent(new CustomEvent("fcu:live:update",{detail:f}));let m=Object.entries(f).map(([I,h])=>I==="line"?`<div style="padding:2px 0;border-bottom:1px solid rgba(0,0,0,0.07)">${d(h)}</div>`:Array.isArray(h)?h.map(k=>`<div style="padding:2px 0;border-bottom:1px solid rgba(0,0,0,0.07)">${d(k)}</div>`).join(""):`<div><strong>${d(I)}</strong>: ${d(h)}</div>`).join("");if(s==="append"){if(o.insertAdjacentHTML("beforeend",m),t>0)for(;o.children.length>t;)o.removeChild(o.firstChild)}else o.innerHTML=m;o.scrollTop=o.scrollHeight,g(!1)}catch{if(s==="append"){let m=document.createElement("div");if(m.textContent=l.data,o.appendChild(m),t>0)for(;o.children.length>t;)o.removeChild(o.firstChild)}else o.textContent=l.data;o.scrollTop=o.scrollHeight,r.dispatchEvent(new CustomEvent("fcu:live:update",{detail:l.data}))}}),i.addEventListener("done",function(l){i.close(),i=null,y();let f;try{f=JSON.parse(l.data).redirect}catch{}r.dispatchEvent(new CustomEvent("fcu:live:done",{detail:f})),v(f)}),i.onerror=function(){i.close(),i=null,g(!0),L()}):L(),function(){i&&i.close(),y()}})}var A;if(typeof up<"u"){let a=function(e){let n=document.getElementById("manyrelated-results-"+e);n&&(n.innerHTML="");let o=document.getElementById("manyrelated-search-"+e);o&&(o.value="",o.focus())},u=function(e,n,o,s){let t=document.createElement("span");t.style.cssText=`display: inline-flex; align-items: center; gap: 4px; background-color: var(--fcu-surface-alt); border: 1px ${o?"dashed":"solid"} var(--fcu-border); font-size: var(--fcu-font-size-sm); font-weight: 500; padding: 2px 8px; border-radius: var(--fcu-border-radius);`,t.appendChild(document.createTextNode(n));let c=document.createElement("button");c.type="button",c.style.cssText="margin-left: 4px; border: none; background: transparent; padding: 0; cursor: pointer; color: var(--fcu-text-muted); display: inline-flex; align-items: center;";let i=document.getElementById("manyrelated-search-"+e),p=i&&i.parentNode.querySelector("span button");return p?c.innerHTML=p.innerHTML:c.textContent="\xD7",c.addEventListener("click",function(g){g.stopPropagation(),s(t)}),t.appendChild(c),i&&i.parentNode.insertBefore(t,i),t};q=a,C=u,up.compiler(".js-hide",function(e){e.querySelectorAll("input, textarea, select").forEach(n=>n.disabled=!0)}),up.compiler(".secret-toggle-btn",function(e){let n=o=>{let s=e.closest(".form-group"),t=s.querySelector(".secret-input-container"),c=s.querySelector(".secret-change-checkbox");if(!t||!c)return;let i=t.querySelectorAll("input, textarea, select");t.style.display==="none"?(t.style.display="block",i.forEach(p=>p.disabled=!1),c.checked=!0,e.classList.add("active"),e.querySelector(".bi")?e.innerHTML='<i class="bi bi-x-lg"></i>':e.querySelector(".material-symbols-outlined")&&(e.innerHTML='<span class="material-symbols-outlined text-xl">close</span>'),i.length>0&&i[0].focus()):(t.style.display="none",i.forEach(p=>p.disabled=!0),c.checked=!1,e.classList.remove("active"),e.querySelector(".bi")?e.innerHTML='<i class="bi bi-pencil-fill"></i>':e.querySelector(".material-symbols-outlined")&&(e.innerHTML='<span class="material-symbols-outlined text-xl">edit</span>'))};return e.addEventListener("click",n),()=>e.removeEventListener("click",n)}),up.compiler("[data-auto-dismiss]",function(e){let n=(o,s)=>{let t=s||o.target;t&&!t.contains(e)&&document.contains(e)&&(up.destroy(e,{transition:"fade-out"}),up.off("up:fragment:inserted",n))};return up.on("up:fragment:inserted",n),()=>up.off("up:fragment:inserted",n)});let d={},r={};window.addItem=function(e){if(d[e]===void 0){let s=document.querySelectorAll(`[name^="${e}-new-"]`).length;d[e]=s}let n=document.getElementById(`${e}-new-item-template`),o=document.getElementById(`${e}-new-items-container`);if(n&&o){let s=n.content.cloneNode(!0),t=document.createElement("div");t.appendChild(s);let c=t.innerHTML.replace(/__INDEX__/g,d[e]);o.insertAdjacentHTML("beforeend",c),d[e]++}},window.selectItem=function(e,n,o){let s=document.getElementById(e);s&&(s.value=n);let t=document.getElementById(`selected-item-display-${e}`);t&&(t.value=o);let c=document.getElementById(`search-results-${e}`);c&&(c.innerHTML="");let i=document.getElementById(`search-input-${e}`);i&&(i.value="")},window.addManyRelatedItem=function(e,n,o){let s=document.getElementById(e+"-hidden-inputs");if(!s)return;if(s.querySelector(`input[value="${n}"]`)){a(e);return}let t=document.createElement("input");t.type="hidden",t.name=e,t.value=n,s.appendChild(t);let c=u(e,o,!1,function(i){t.remove(),i.remove()});c.id=e+"-badge-"+n,a(e)},window.addManyRelatedQuickItem=function(e,n){if(Array.from(document.querySelectorAll(`input[name="${e}-quicknew"]`)).some(function(p){return!p.disabled&&p.value===n})){a(e);return}let s=document.getElementById(e+"-hidden-inputs"),t=s&&s.dataset.pendingLabel||"",c=document.createElement("input");c.type="hidden",c.name=e+"-quicknew",c.value=n;let i=u(e,n,!0,function(p){p.remove()});if(i.insertBefore(c,i.firstChild),t){let p=document.createElement("span");p.style.cssText="color: var(--fcu-text-muted); font-weight: normal;",p.textContent=t,i.insertBefore(p,i.lastChild)}a(e)},window.addManyRelatedNewPanel=function(e){let n=`${e}-newrel-`;if(r[e]===void 0){let t=-1;document.querySelectorAll(`[name^="${n}"]`).forEach(function(c){let i=parseInt(c.name.slice(n.length).split("-")[0],10);!isNaN(i)&&i>t&&(t=i)}),r[e]=t+1}let o=document.getElementById(`${e}-newrel-item-template`),s=document.getElementById(`${e}-newrel-items-container`);if(o&&s){let t=o.content.cloneNode(!0),c=document.createElement("div");c.appendChild(t);let i=c.innerHTML.replace(/__INDEX__/g,r[e]);s.insertAdjacentHTML("beforeend",i),r[e]++}},window.removeManyRelatedItem=function(e,n){let o=document.getElementById(e+"-hidden-inputs");if(o){let t=o.querySelector(`input[value="${n}"]`);t&&t.remove()}let s=document.getElementById(e+"-badge-"+n);s&&s.remove()},up.compiler("[data-js-enable]",function(e){e.disabled=!1}),up.compiler(".js-hide select",function(e){e.disabled=!0}),up.compiler('input[id^="search-input-"]',function(e){e.addEventListener("keydown",function(n){let o=e.id.replace("search-input-",""),s=document.getElementById("search-results-"+o);if(!s)return;if(n.key==="Escape"){n.preventDefault(),s.innerHTML="",e.blur();return}let t=s.querySelectorAll("a.fcu-dropdown-item, a.list-group-item");if(t.length===0)return;let c=s.querySelector("a.fcu-dropdown-item.active, a.list-group-item.active"),i=c?Array.from(t).indexOf(c):-1;n.key==="ArrowDown"?(n.preventDefault(),c&&c.classList.remove("active"),i=(i+1)%t.length,t[i].classList.add("active"),t[i].scrollIntoView({block:"nearest"})):n.key==="ArrowUp"?(n.preventDefault(),c&&c.classList.remove("active"),i=(i-1+t.length)%t.length,t[i].classList.add("active"),t[i].scrollIntoView({block:"nearest"})):n.key==="Enter"&&(n.preventDefault(),c&&c.click())})}),up.compiler('input[id^="manyrelated-search-"]',function(e){e.addEventListener("keydown",function(n){let o=e.id.replace("manyrelated-search-",""),s=document.getElementById("manyrelated-results-"+o);if(!s)return;let t=s.querySelectorAll("a.fcu-dropdown-item, a.list-group-item");if(t.length===0)return;let c=s.querySelector("a.fcu-dropdown-item.active, a.list-group-item.active"),i=c?Array.from(t).indexOf(c):-1;n.key==="ArrowDown"?(n.preventDefault(),c&&c.classList.remove("active"),i=(i+1)%t.length,t[i].classList.add("active"),t[i].scrollIntoView({block:"nearest"})):n.key==="ArrowUp"?(n.preventDefault(),c&&c.classList.remove("active"),i=(i-1+t.length)%t.length,t[i].classList.add("active"),t[i].scrollIntoView({block:"nearest"})):n.key==="Enter"?(n.preventDefault(),c&&c.click()):n.key==="Escape"&&(s.innerHTML="")})})}var q,C;document.addEventListener("input",function(d){let r=d.target;if(r.matches('input[id^="manyrelated-search-"]')){let a=r.id.replace("manyrelated-search-",""),u=r.getAttribute("up-href"),e=r.value,n=parseInt(r.getAttribute("up-delay"))||0,o=parseInt(r.getAttribute("up-min-length"))||0;if(clearTimeout(window.manyRelatedTimer),u&&e.length>=o)window.manyRelatedTimer=setTimeout(function(){typeof up<"u"&&up.render({url:u,target:"#manyrelated-results-"+a,params:{q:e}})},n);else{let s=document.getElementById("manyrelated-results-"+a);s&&(s.innerHTML="")}return}if(r.matches('input[id^="search-input-"]')){let a=r.id.replace("search-input-",""),u=r.getAttribute("up-href"),e=r.getAttribute("up-target"),n=r.value,o=parseInt(r.getAttribute("up-delay"))||0,s=parseInt(r.getAttribute("up-min-length"))||0;if(clearTimeout(window.searchTimer),u&&e)if(n.length>=s)window.searchTimer=setTimeout(function(){typeof up<"u"&&up.render({url:u,target:e,params:{q:n}})},o);else{let t=document.querySelector(e);t&&(t.innerHTML="")}}});document.addEventListener("focusin",function(d){let r=d.target;if(r.matches('input[id^="manyrelated-search-"]')){let a=r.id.replace("manyrelated-search-","");clearTimeout(x[a]),r.dispatchEvent(new Event("input",{bubbles:!0}))}r.matches('input[id^="search-input-"]')&&r.dispatchEvent(new Event("input",{bubbles:!0}))});document.addEventListener("keydown",function(d){let r=d.target;if(d.key==="ArrowDown"&&r.matches('input[id^="selected-item-display-"]')){let a=document.getElementById("search-input-"+r.id.replace("selected-item-display-",""));a&&(d.preventDefault(),a.focus())}});document.addEventListener("focusout",function(d){let r=d.target;if(r.matches('input[id^="manyrelated-search-"]')){let a=r.id.replace("manyrelated-search-","");x[a]=setTimeout(function(){let u=document.getElementById("manyrelated-results-"+a);u&&(u.innerHTML="")},200)}});})();