@livenetworks/ashlar 1.5.1 → 1.6.0

package/js/ln-toast/README.md

@@ -1,122 +1,178 @@
-# ln-toast
-
-> Service-style non-blocking status notifications, managed reactively via window events.
-
----
-
-## 1. Philosophy & The Toast Mindset
-
-In `ln-ashlar`, the core design principle is **decoupling**. Toasts are a pure application-level service.
-
-1. **Zero-Markup Dispatch (JavaScript)**: Components and pages never import toast files or call imperative layout methods directly. To show a notification, any script or controller simply dispatches an `ln-toast:enqueue` event to the global `window` object.
-2. **Central Coordination (The Service)**: A single viewport container (`[data-ln-toast]`) listens for these window-level events, builds card elements dynamically from templates, coordinates automatic 6-second exit timers, pauses timers on mouse hover, and destroys elements after animations.
-3. **Decoupled Styling (CSS)**: Visual alert chrome, slide-in animations, and side-accent status colors are handled in Vanilla CSS. The library ships mixins like `@include toast-container` and `@include toast-card` for styling.
-
----
-
-## 2. Minimal Blueprint
-
-To enable toasts, simply place a single container `<ul>` in your HTML layout (typically right before the closing `</body>` tag).
-
-```html
-<!-- The Central Toast Container -->
-<ul data-ln-toast data-ln-toast-timeout="6000" data-ln-toast-max="5"></ul>
-```
-
-### Key Anatomy Rules
-- **The Container (`data-ln-toast`)**: Creates the toast listener service.
-- **Auto-Dismiss Timeout (`data-ln-toast-timeout="6000"`)**: Default dismissal duration in milliseconds. Use `0` for persistent notifications.
-- **Max Stack size (`data-ln-toast-max="5"`)**: Evicts the oldest toast when the count exceeds the threshold.
-
----
-
-## 3. The Window API Contract
-
-Toasts are triggered exclusively by dispatching CustomEvents on the global `window` object. **The window event is the sole contract.**
-
-```js
-// Dispatch a success notification
-window.dispatchEvent(new CustomEvent('ln-toast:enqueue', {
-    detail: { 
-        type: 'success', 
-        title: 'Saved', 
-        message: 'Changes have been saved successfully.' 
-    }
-}));
-```
-
-### Enqueue Event Options (`ln-toast:enqueue`)
-Pass options inside the event's `detail` object:
-
-| Field | Type | Description |
-|---|---|---|
-| `type` | `success\|error\|warn\|info` | Toast category. Drives accents, aria-live roles, and default titles. |
-| `title` | string | Optional card title. |
-| `message` | string \| string[] | Card body content. Pass an array of strings to render a bulleted validation error list. |
-| `timeout` | number | Dismissal timeout in ms. Use `0` to make it persistent. |
-
-### Clear Event (`ln-toast:clear`)
-Dismiss all active toasts in the viewport:
-```js
-window.dispatchEvent(new CustomEvent('ln-toast:clear'));
-```
-
----
-
-## 4. Toast Types & Default Accessibility
-
-ARIA roles and accessibility live-regions are injected automatically by the component depending on the category:
-
-| Category | Default Title | `aria-live` | `role` |
-|---|---|---|---|
-| `success` | Success | `polite` | `status` |
-| `error` | Error | `assertive` | `alert` |
-| `warn` | Warning | `polite` | `status` |
-| `info` | Information | `polite` | `status` |
-
----
-
-## 5. Integration Patterns
-
-### A. SSR-Rendered Flash Messages (Hydration)
-For server-side frameworks (like Laravel, Rails, or ASP.NET), you can place initial toast cards inside the container. The component will hydrate and auto-dismiss them on load:
-```html
-<ul data-ln-toast>
-    <li data-ln-toast-item data-type="success" data-title="Saved">
-        Changes have been saved successfully.
-    </li>
-</ul>
-```
-
-### B. Bulleted Validation Error Maps
-To display a list of form validation errors inside a single toast, pass an array of strings to `message`:
-```js
-window.dispatchEvent(new CustomEvent('ln-toast:enqueue', {
-    detail: {
-        type: 'error',
-        title: 'Validation Failed',
-        message: ['Email is required.', 'Password is too short.']
-    }
-}));
-```
-
----
-
-## 6. Integration & Source Files
-
-- **Unified Bundle**: Loaded automatically with the main bundle:
-  ```html
-  <script src="dist/ln-ashlar.iife.js" defer></script>
-  ```
-- **Standalone IIFE**: For lightweight pages, load the standalone, self-registering IIFE version:
-  ```html
-  <script src="js/ln-toast/ln-toast.js" defer></script>
-  ```
-- **Active Source (ESM)**: Development source is located at [js/ln-toast/src/ln-toast.js](file:///c:/laragon/www/ln-ashlar/js/ln-toast/src/ln-toast.js).
-
----
-
-## Related
-- **[`ln-modal`](../ln-modal/README.md)** — Viewport-blocking focus-gated dialogs.
-- **[`ln-confirm`](../ln-confirm/README.md)** — Lightweight inline action confirmations.
-- **Architecture deep-dive** — [`docs/js/toast.md`](../../docs/js/toast.md).
+# ln-toast
+
+> Service-style non-blocking status notifications, managed reactively via window events.
+
+---
+
+## 1. Philosophy & The Toast Mindset
+
+In `ln-ashlar`, the core design principle is **decoupling**. Toasts are a pure application-level service.
+
+1. **Zero-Markup Dispatch (JavaScript)**: Components and pages never import toast files or call imperative layout methods directly. To show a notification, any script or controller simply dispatches an `ln-toast:enqueue` event to the global `window` object.
+2. **Central Coordination (The Service)**: A single viewport container (`[data-ln-toast]`) listens for these window-level events, builds card elements dynamically from templates, coordinates automatic 6-second exit timers, pauses timers on mouse hover, and destroys elements after animations.
+3. **Decoupled Styling (CSS)**: Visual alert chrome, slide-in animations, and side-accent status colors are handled in Vanilla CSS. The library ships mixins like `@include toast-container` and `@include toast-card` for styling.
+
+---
+
+## 2. Minimal Blueprint
+
+To enable toasts, simply place a single container `<ul>` in your HTML layout (typically right before the closing `</body>` tag).
+
+```html
+<!-- The Central Toast Container -->
+<ul data-ln-toast data-ln-toast-timeout="6000" data-ln-toast-max="5" aria-live="polite" aria-atomic="false"></ul>
+```
+
+### Key Anatomy Rules
+- **The Container (`data-ln-toast`)**: Creates the toast listener service.
+- **Auto-Dismiss Timeout (`data-ln-toast-timeout="6000"`)**: Default dismissal duration in milliseconds. Use `0` for persistent notifications.
+- **Max Stack size (`data-ln-toast-max="5"`)**: Evicts the oldest toast when the count exceeds the threshold.
+- **ARIA (`aria-live`/`aria-atomic`)**: authored once on the container — the live region announces every appended/hydrated toast. Individual toast items never carry `role` or `aria-live`.
+
+---
+
+## 3. The Window API Contract
+
+Toasts are triggered exclusively by dispatching CustomEvents on the global `window` object. **The window event is the sole contract.**
+
+```js
+// Dispatch a success notification
+window.dispatchEvent(new CustomEvent('ln-toast:enqueue', {
+    detail: { 
+        type: 'success', 
+        title: 'Saved', 
+        message: 'Changes have been saved successfully.' 
+    }
+}));
+```
+
+### Enqueue Event Options (`ln-toast:enqueue`)
+Pass options inside the event's `detail` object:
+
+| Field | Type | Description |
+|---|---|---|
+| `type` | `success\|error\|warn\|info` | Toast category. Becomes the `<li>` class verbatim (`success`/`error`/`warn`/`info`); unrecognized or absent values render with no icon and neutral tone (documented degradation, not an error). |
+| `title` | string | Optional card title. |
+| `message` | string \| string[] | Card body content. Pass an array of strings to render a bulleted validation error list. |
+| `timeout` | number | Dismissal timeout in ms. Use `0` to make it persistent. |
+
+### Clear Event (`ln-toast:clear`)
+Dismiss all active toasts in the viewport:
+```js
+window.dispatchEvent(new CustomEvent('ln-toast:clear'));
+```
+
+---
+
+## 4. Toast Types & Tone
+
+`type` drives CSS tone and icon selection only — nothing else. Recognized
+values: `success`, `error`, `warn`, `info`. Each becomes the class on the
+toast `<li>` (the card itself — no nested wrapper): the SSR path authors
+`class="success"`, the dynamic path fills it via `data-ln-attr="class:type"`.
+The SCSS maps the type class → color family (`.warn` → the `warning` family)
+and shows the matching icon from the authored 4-icon list. An unrecognized or
+omitted `type` renders with no icon and neutral tone — no JS whitelist.
+
+There are no default titles. If `title` is omitted, the title element stays
+empty and collapses (`:empty`) — the same rule applies to `message`.
+
+---
+
+## 5. Integration Patterns
+
+### A. SSR-Rendered Flash Messages (Hydration)
+For server-side frameworks (like Laravel, Rails, or ASP.NET), the server authors the full toast markup — icon, title, body, and close button are real HTML written by the backend template. `ln-toast` only binds behavior on load: it wires the close button and starts the auto-dismiss timer. There is no template clone and no DOM replacement — the authored `<li>` is never touched, only queried:
+```html
+<ul data-ln-toast data-ln-toast-timeout="6000" data-ln-toast-max="5" aria-live="polite" aria-atomic="false">
+	<li data-ln-toast-item class="success">
+		<div class="icon">
+			<svg class="ln-icon" aria-hidden="true"><use href="#ln-icon-circle-check"></use></svg>
+		</div>
+		<section class="content">
+			<header>
+				<strong class="title">Saved</strong>
+				<button type="button" data-ln-toast-close aria-label="Close"><svg class="ln-icon" aria-hidden="true"><use href="#ln-icon-x"></use></svg></button>
+			</header>
+			<main class="body"><p>Changes have been saved successfully.</p></main>
+		</section>
+	</li>
+</ul>
+```
+An optional per-item `data-ln-toast-timeout` overrides the container's default timeout (`0` = persistent — e.g. a blocking error the user must dismiss manually).
+
+### B. Bulleted Validation Error Maps
+To display a list of form validation errors inside a single toast, pass an array of strings to `message`:
+```js
+window.dispatchEvent(new CustomEvent('ln-toast:enqueue', {
+    detail: {
+        type: 'error',
+        title: 'Validation Failed',
+        message: ['Email is required.', 'Password is too short.']
+    }
+}));
+```
+
+### C. The Dynamic Template Is Authored Markup
+The `ln-toast:enqueue` path renders from a `<template data-ln-template="ln-toast-item">`
+that the page provides. `ln-toast` ships no hidden runtime default — the
+library never generates or injects this markup. Nest the `<template>` inside
+your `[data-ln-toast]` container for scoped lookup (`cloneTemplateScoped`
+resolves container-local templates first — the recommended placement), or
+place it anywhere else in the document body for a global fallback. Copy
+[`js/ln-toast/template.html`](template.html) as your starting point — it is a
+developer example to adapt, not a runtime artifact. Binding contract: the
+root `<li>` carries `data-ln-toast-item` (eviction, clear, and hydration
+address items by it; the JS stamps it defensively if omitted) plus
+`data-ln-attr="class:type"` and NO static class (fill
+sets the class via setAttribute, which would clobber an authored one);
+`data-ln-field="title"` / `data-ln-field="message"` for text; a
+`data-ln-toast-when="{type}"` icon list if you want per-type icons. A missing
+template fails loudly — `console.warn('[ln-toast] Template "ln-toast-item"
+not found')` at clone time, no silent fallback.
+
+---
+
+## 6. Integration & Source Files
+
+- **Unified Bundle**: Loaded automatically with the main bundle:
+  ```html
+  <script src="dist/ln-ashlar.iife.js" defer></script>
+  ```
+- **Standalone IIFE**: For lightweight pages, load the standalone, self-registering IIFE version:
+  ```html
+  <script src="js/ln-toast/ln-toast.js" defer></script>
+  ```
+- **Active Source (ESM)**: Development source is located at [js/ln-toast/src/ln-toast.js](file:///c:/laragon/www/ln-ashlar/js/ln-toast/src/ln-toast.js).
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-toast/ln-toast.js`. One `_Component` instance per `[data-ln-toast]` container; no reactive proxy, direct DOM manipulation.
+
+### Build order matters
+
+`_buildItem` calls `fill(fragment, data)` on the raw `DocumentFragment` *before* extracting `firstElementChild` — `fill()`'s `querySelectorAll` excludes its own root, so operating on the fragment (whose child is the `<li>`) is what lets `data-ln-attr="class:type"` land on the `<li>` itself. `classList.add('ln-enter')` must run *after* that `fill()` call, because `setAttribute('class', …)` clobbers the whole class attribute and would wipe a pre-added enter flag.
+
+### Two build paths
+
+`_buildItem` (dynamic, `ln-toast:enqueue`) clones the authored `<template data-ln-template="ln-toast-item">` via `cloneTemplateScoped` (container-local template wins over a document-global one) and runs `fill()`. `_hydrateLI` (SSR path, runs once per existing `[data-ln-toast-item]` at construction) never touches markup — it only queries inside the authored `<li>` to wire the close button and start the timeout. Excess authored items beyond `data-ln-toast-max` are removed (no exit animation) before hydration runs.
+
+### Dismiss
+
+`clearTimeout` → `classList.remove('ln-enter')` (defensive, in case dismissed before the enter animation's `requestAnimationFrame` fired) → `classList.add('ln-out')` → 200ms `setTimeout` → `removeChild`. `.ln-enter` only ever appears on JS-built items; SSR items render in their final state on first paint.
+
+### Why no ARIA on individual items
+
+Live-region semantics (`aria-live`, `aria-atomic`) live once on the container, authored by the consumer. Neither build path ever writes `role` or `aria-live` on an item — toast is a non-blocking surface by design, and a nested independent live region inside an already-live container risks double-announcement.
+
+### Icon selection is pure CSS
+
+The template authors all four icon variants as a `<ul>/<li data-ln-toast-when="...">` list, hidden by default; CSS shows the one matching the card's type class. JS holds no type→icon lookup table and never writes an icon `href`.
+
+---
+
+## Related
+- **[`ln-modal`](../ln-modal/README.md)** — Viewport-blocking focus-gated dialogs.
+- **[`ln-confirm`](../ln-confirm/README.md)** — Lightweight inline action confirmations.

package/js/ln-toast/ln-toast.js

@@ -1,15 +1 @@
-(function(){"use strict";const A={};function q(o,r){A[o]||(A[o]=document.querySelector('[data-ln-template="'+o+'"]'));const u=A[o];return u?u.content.cloneNode(!0):(console.warn("["+r+'] Template "'+o+'" not found'),null)}function M(o,r){if(!o||!r)return o;const u=o.querySelectorAll("[data-ln-field]");for(let i=0;i<u.length;i++){const a=u[i],c=a.getAttribute("data-ln-field");r[c]!=null&&(a.textContent=r[c])}const _=o.querySelectorAll("[data-ln-attr]");for(let i=0;i<_.length;i++){const a=_[i],c=a.getAttribute("data-ln-attr").split(",");for(let f=0;f<c.length;f++){const m=c[f].trim().split(":");if(m.length!==2)continue;const y=m[0].trim(),d=m[1].trim();r[d]!=null&&a.setAttribute(y,r[d])}}const g=o.querySelectorAll("[data-ln-show]");for(let i=0;i<g.length;i++){const a=g[i],c=a.getAttribute("data-ln-show");c in r&&a.classList.toggle("hidden",!r[c])}const h=o.querySelectorAll("[data-ln-class]");for(let i=0;i<h.length;i++){const a=h[i],c=a.getAttribute("data-ln-class").split(",");for(let f=0;f<c.length;f++){const m=c[f].trim().split(":");if(m.length!==2)continue;const y=m[0].trim(),d=m[1].trim();d in r&&a.classList.toggle(y,!!r[d])}}return o}function b(o,r){if(!document.body){document.addEventListener("DOMContentLoaded",function(){b(o,r)}),console.warn("["+r+'] Script loaded before <body> — add "defer" to your <script> tag');return}o()}function x(o,r,u){if(o){const _=o.querySelector('[data-ln-template="'+r+'"]');if(_)return _.content.cloneNode(!0)}return q(r,u)}const w={};function N(o,r){w[o]=r}function D(o){return w[o]||{ingress:r=>r,egress:r=>r}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=N,window.lnCore.getDataMapper=D);const I=`<li class="ln-toast__item">\r
-	<div class="ln-toast__card" data-ln-attr="role:role, aria-live:ariaLive">\r
-		<div class="ln-toast__side">\r
-			<svg class="ln-icon" aria-hidden="true"><use href=""></use></svg>\r
-		</div>\r
-		<div class="ln-toast__content">\r
-			<div class="ln-toast__head">\r
-				<strong class="ln-toast__title" data-ln-field="title"></strong>\r
-			</div>\r
-			<button type="button" class="ln-toast__close" aria-label="Close"><svg class="ln-icon" aria-hidden="true"><use href="#ln-x"></use></svg></button>\r
-			<div class="ln-toast__body" data-ln-show="hasBody"></div>\r
-		</div>\r
-	</div>\r
-</li>\r
-`;(function(){const o="data-ln-toast",r="lnToast",u="ln-toast-item",_={success:"circle-check",error:"circle-x",warn:"alert-triangle",info:"info-circle"},g={success:"success",error:"error",warn:"warning",info:"info"},h={success:"Success",error:"Error",warn:"Warning",info:"Information"};if(window.__lnToastLoaded)return;window.__lnToastLoaded=!0;function i(){if(document.querySelector('[data-ln-template="ln-toast-item"]')||!document.body)return;const t=document.createElement("template");t.setAttribute("data-ln-template","ln-toast-item"),t.innerHTML=I,document.body.appendChild(t)}function a(t){if(!t||t.nodeType!==1)return;const e=Array.from(t.querySelectorAll("["+o+"]"));t.hasAttribute&&t.hasAttribute(o)&&e.push(t);for(const n of e)n[r]||new c(n)}function c(t){this.dom=t,t[r]=this,this.timeoutDefault=parseInt(t.getAttribute("data-ln-toast-timeout")||"6000",10),this.max=parseInt(t.getAttribute("data-ln-toast-max")||"5",10);for(const e of Array.from(t.querySelectorAll("[data-ln-toast-item]")))B(e,t);return this}c.prototype.destroy=function(){if(this.dom[r]){for(const t of Array.from(this.dom.children))d(t);delete this.dom[r]}};function f(t,e){const n=((t.type||"info")+"").toLowerCase(),l=x(e,u,"ln-toast");if(!l)return console.warn('[ln-toast] Template "'+u+'" not found'),null;const s=l.firstElementChild;if(!s)return null;const p=!!(t.message||t.data&&t.data.errors);M(s,{title:t.title||h[n]||h.info,role:n==="error"?"alert":"status",ariaLive:n==="error"?"assertive":"polite",hasBody:p});const v=s.querySelector(".ln-toast__card");v&&v.classList.add(g[n]||"info");const T=s.querySelector(".ln-toast__side");if(T){const S=T.querySelector("use");S&&S.setAttribute("href","#ln-"+(_[n]||_.info))}const L=s.querySelector(".ln-toast__body");L&&p&&m(L,t);const E=s.querySelector(".ln-toast__close");return E&&E.addEventListener("click",function(){d(s)}),s}function m(t,e){if(e.message)if(Array.isArray(e.message)){const n=document.createElement("ul");for(const l of e.message){const s=document.createElement("li");s.textContent=l,n.appendChild(s)}t.appendChild(n)}else{const n=document.createElement("p");n.textContent=e.message,t.appendChild(n)}if(e.data&&e.data.errors){const n=document.createElement("ul");for(const l of Object.values(e.data.errors).flat()){const s=document.createElement("li");s.textContent=l,n.appendChild(s)}t.appendChild(n)}}function y(t,e){for(;t.dom.children.length>=t.max;)t.dom.removeChild(t.dom.firstElementChild);t.dom.appendChild(e),requestAnimationFrame(()=>e.classList.add("ln-toast__item--in"))}function d(t){!t||!t.parentNode||(clearTimeout(t._timer),t.classList.remove("ln-toast__item--in"),t.classList.add("ln-toast__item--out"),setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},200))}function C(t){let e=t&&t.container;return typeof e=="string"&&(e=document.querySelector(e)),e instanceof HTMLElement||(e=document.querySelector("["+o+"]")||document.getElementById("ln-toast-container")),e||null}function B(t,e){const n=((t.getAttribute("data-type")||"info")+"").toLowerCase(),l=t.getAttribute("data-title"),s=(t.innerText||t.textContent||"").trim(),p=f({type:n,title:l,message:s||void 0},e);p&&(t.parentNode&&t.parentNode.replaceChild(p,t),requestAnimationFrame(()=>p.classList.add("ln-toast__item--in")))}function O(t){const e=t.detail||{},n=C(e);if(!n){console.warn("[ln-toast] No toast container found");return}const l=n[r]||new c(n),s=f(e,n);if(!s)return;const p=Number.isFinite(e.timeout)?e.timeout:l.timeoutDefault;y(l,s),p>0&&(s._timer=setTimeout(()=>d(s),p))}function F(t){const e=t&&t.detail||{};if(e.container){const n=C(e);if(n)for(const l of Array.from(n.children))d(l)}else{const n=document.querySelectorAll("["+o+"]");for(const l of Array.from(n))for(const s of Array.from(l.children))d(s)}}b(function(){i(),window.addEventListener("ln-toast:enqueue",O),window.addEventListener("ln-toast:clear",F),new MutationObserver(function(e){for(const n of e){if(n.type==="attributes"){a(n.target);continue}for(const l of n.addedNodes)a(l)}}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[o]}),a(document.body)},"ln-toast")})()})();
+(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...n){typeof n[0]=="string"&&(n[0].startsWith("[ln-")||n[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,n)}}const b={};function L(t,n){b[t]||(b[t]=document.querySelector('[data-ln-template="'+t+'"]'));const i=b[t];return i?i.content.cloneNode(!0):(console.warn("["+(n||"ln-core")+'] Template "'+t+'" not found'),null)}function C(t,n){if(!t||!n)return t;const i=t.querySelectorAll("[data-ln-field]");for(let r=0;r<i.length;r++){const a=i[r],s=a.getAttribute("data-ln-field");n[s]!=null&&(a.textContent=n[s])}const f=t.querySelectorAll("[data-ln-attr]");for(let r=0;r<f.length;r++){const a=f[r],s=a.getAttribute("data-ln-attr").split(",");for(let u=0;u<s.length;u++){const m=s[u].trim().split(":");if(m.length!==2)continue;const y=m[0].trim(),w=m[1].trim();n[w]!=null&&a.setAttribute(y,n[w])}}const p=t.querySelectorAll("[data-ln-show]");for(let r=0;r<p.length;r++){const a=p[r],s=a.getAttribute("data-ln-show");s in n&&a.classList.toggle("hidden",!n[s])}const c=t.querySelectorAll("[data-ln-class]");for(let r=0;r<c.length;r++){const a=c[r],s=a.getAttribute("data-ln-class").split(",");for(let u=0;u<s.length;u++){const m=s[u].trim().split(":");if(m.length!==2)continue;const y=m[0].trim(),w=m[1].trim();w in n&&a.classList.toggle(y,!!n[w])}}return t}function k(t,n){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));const i=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let f=0;f<i.length;f++)i[f].dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)C(t.target,t.detail);else{const n=t.target.querySelectorAll("[data-ln-field]");for(let i=0;i<n.length;i++)n[i].textContent=""}})));function _(t,n){if(!t||!n)return t;const i=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;i.nextNode();){const c=i.currentNode;c.textContent.indexOf("{{")!==-1&&(c.textContent=c.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(r,a){return n[a]!==void 0?n[a]:""}))}const f=function(c,r){return n[r]!==void 0?n[r]:""},p=Array.from(t.querySelectorAll("*"));t.nodeType===1&&p.push(t);for(let c=0;c<p.length;c++){const r=p[c],a=r.attributes;for(let s=0;s<a.length;s++){const u=a[s];u.value.indexOf("{{")!==-1&&r.setAttribute(u.name,u.value.replace(/\{\{\s*(\w+)\s*\}\}/g,f))}}return t}function N(t,n,i,f,p,c){const r={};for(let s=0;s<t.children.length;s++){const u=t.children[s],m=u.getAttribute("data-ln-key");m&&(r[m]=u)}const a=document.createDocumentFragment();for(let s=0;s<n.length;s++){const u=n[s],m=String(f(u));let y=r[m];if(y)p(y,u,s);else{const w=L(i,c);if(!w||(_(w,u),y=w.firstElementChild,!y))continue;y.setAttribute("data-ln-key",m),p(y,u,s)}a.appendChild(y)}t.textContent="",t.appendChild(a)}function v(t,n){if(!document.body){document.addEventListener("DOMContentLoaded",function(){v(t,n)}),console.warn("["+n+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function D(t,n,i){if(t){const f=t.querySelector('[data-ln-template="'+n+'"]');if(f)return f.content.cloneNode(!0)}return L(n,i)}const S={};function M(t,n){S[t]=n}function F(t){return S[t]||{ingress:n=>n,egress:n=>n}}const E={};function T(t,n){if(!t||typeof n!="object")return;const i=t.toLowerCase().split("-")[0];E[i]=n}function O(t){if(!t)return null;const n=t.toLowerCase().split("-")[0];return E[n]||null}T("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=M,window.lnCore.getDataMapper=F,window.lnCore.registerLocaleFallback=T,window.lnCore.getLocaleFallback=O,window.lnCore.fillTemplate=_,window.lnCore.fill=C,window.lnCore.lnFill=k,window.lnCore.renderList=N);function q(t){return(t||"").replace(/^#/,"")}function A(t){const n=t===void 0?location.hash:t,i={},f=q(n);if(!f)return i;const p=f.split("&");for(let c=0;c<p.length;c++){const r=p[c];if(!r)continue;const a=r.indexOf(":"),s=a>-1?r.slice(0,a):r,u=a>-1?r.slice(a+1):"";if(s)try{i[s]=decodeURIComponent(u)}catch{i[s]=u}}return i}function I(t){if(!t)return null;const n=A();return t in n?n[t]:null}function B(t,n){if(!t)return;const i=A();n==null?delete i[t]:i[t]=String(n);const p=Object.keys(i).map(function(c){const r=i[c];return r===""?c:c+":"+encodeURIComponent(r)}).join("&");q(location.hash)!==p&&(location.hash=p)}function j(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=A,window.lnCore.hashGet=I,window.lnCore.hashSet=B,window.lnCore.hashLinkClick=j),(function(){const t="data-ln-toast",n="lnToast",i="ln-toast-item";if(window.__lnToastLoaded)return;window.__lnToastLoaded=!0;function f(e){if(!(!e||!(e instanceof HTMLElement))&&(e.hasAttribute("popover")||e.setAttribute("popover","manual"),typeof e.showPopover=="function")){if(e.matches(":popover-open"))try{e.hidePopover()}catch{}try{e.showPopover()}catch{}}}function p(e){if(!e||!(e instanceof HTMLElement))return;if(e.querySelectorAll("[data-ln-toast-item]").length===0&&typeof e.hidePopover=="function"&&e.matches(":popover-open"))try{e.hidePopover()}catch{}}function c(e){if(!e||e.nodeType!==1)return;const o=Array.from(e.querySelectorAll("["+t+"]"));e.hasAttribute&&e.hasAttribute(t)&&o.push(e);for(const l of o)l[n]||new r(l)}function r(e){this.dom=e,e[n]=this,this.timeoutDefault=parseInt(e.getAttribute("data-ln-toast-timeout")||"6000",10),this.max=parseInt(e.getAttribute("data-ln-toast-max")||"5",10);const o=Array.from(e.querySelectorAll("[data-ln-toast-item]"));for(;o.length>this.max;)e.removeChild(o.shift());for(const l of o)w(l,this);return o.length>0&&f(e),this}r.prototype.destroy=function(){if(this.dom[n]){for(const e of Array.from(this.dom.querySelectorAll("[data-ln-toast-item]")))m(e);p(this.dom),delete this.dom[n]}};function a(e,o){const l=((e.type||"")+"").trim().toLowerCase(),h=D(o,i,"ln-toast");if(!h)return console.warn('[ln-toast] Template "'+i+'" not found'),null;C(h,{type:l,title:e.title,message:typeof e.message=="string"?e.message:void 0});const d=h.firstElementChild;if(!d)return null;d.hasAttribute("data-ln-toast-item")||d.setAttribute("data-ln-toast-item",""),d.classList.add("ln-enter");const g=d.querySelector(".body");g&&s(g,e);const x=d.querySelector("[data-ln-toast-close]");return x&&x.addEventListener("click",function(){m(d)}),d}function s(e,o){if(Array.isArray(o.message)){const l=document.createElement("ul");for(const h of o.message){const d=document.createElement("li");d.textContent=h,l.appendChild(d)}e.appendChild(l)}if(o.data&&o.data.errors){const l=document.createElement("ul");for(const h of Object.values(o.data.errors).flat()){const d=document.createElement("li");d.textContent=h,l.appendChild(d)}e.appendChild(l)}}function u(e,o){const l=Array.from(e.dom.querySelectorAll("[data-ln-toast-item]"));for(;l.length>=e.max&&l.length>0;)e.dom.removeChild(l.shift());e.dom.appendChild(o),f(e.dom),requestAnimationFrame(()=>o.classList.remove("ln-enter"))}function m(e){if(!e||!e.parentNode)return;const o=e.parentNode;clearTimeout(e._timer),e.classList.remove("ln-enter"),e.classList.add("ln-out"),setTimeout(()=>{e.parentNode&&(e.parentNode.removeChild(e),p(o))},200)}function y(e){let o=e&&e.container;return typeof o=="string"&&(o=document.querySelector(o)),o instanceof HTMLElement||(o=document.querySelector("["+t+"]")||document.getElementById("ln-toast-container")),o||null}function w(e,o){if(e._lnToastHydrated)return;e._lnToastHydrated=!0;const l=e.querySelector("[data-ln-toast-close]");l&&l.addEventListener("click",function(){m(e)});const h=e.getAttribute("data-ln-toast-timeout"),d=h!==null?parseInt(h,10):NaN,g=Number.isFinite(d)?d:o.timeoutDefault;g>0&&(e._timer=setTimeout(function(){m(e)},g))}function P(e){const o=e.detail||{},l=y(o);if(!l){console.warn("[ln-toast] No toast container found");return}const h=l[n]||new r(l),d=a(o,l);if(!d)return;const g=Number.isFinite(o.timeout)?o.timeout:h.timeoutDefault;u(h,d),g>0&&(d._timer=setTimeout(()=>m(d),g))}function W(e){const o=e&&e.detail||{};if(o.container){const l=y(o);if(l)for(const h of Array.from(l.querySelectorAll("[data-ln-toast-item]")))m(h)}else{const l=document.querySelectorAll("["+t+"]");for(const h of Array.from(l))for(const d of Array.from(h.querySelectorAll("[data-ln-toast-item]")))m(d)}}v(function(){window.addEventListener("ln-toast:enqueue",P),window.addEventListener("ln-toast:clear",W),window.addEventListener("ln-modal:open",function(){const o=document.querySelectorAll("["+t+"]");for(const l of Array.from(o))l.querySelectorAll("[data-ln-toast-item]").length>0&&f(l)}),new MutationObserver(function(o){for(const l of o){if(l.type==="attributes"){c(l.target);continue}for(const h of l.addedNodes)c(h)}}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[t]}),c(document.body)},"ln-toast")})()})();