luxen-ui 0.17.1 → 0.18.1

package/cdn/custom-elements.json

@@ -172,6 +172,181 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/avatar/avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Avatar",
+          "cssProperties": [
+            {
+              "description": "Box size (any length). Set it inline (e.g. `style=\"--size: 20px\"`) for an arbitrary size beyond the `size` token scale; the font then follows proportionally. The `size` attribute sets it to the matching token.",
+              "name": "--size",
+              "default": "40px"
+            },
+            {
+              "description": "Background fill color for initials and the default icon.",
+              "name": "--color"
+            },
+            {
+              "description": "Initials/icon color over `--color`. Defaults to an auto-derived readable color; set it to enforce a specific brand color (overrides the automatic choice).",
+              "name": "--text-color"
+            },
+            {
+              "description": "Set to `circle` for a fully circular avatar (default is a rounded square).",
+              "name": "--appearance"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The avatar container that paints `--color`; style it (e.g. `color`) to override the auto-derived text color.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Name used as the accessible label and to derive the initials fallback.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'md'",
+              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "badge",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Count shown in the corner badge. `0` hides the badge.",
+              "attribute": "badge"
+            },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Render as a `<button>` with focus ring and hover states.",
+              "attribute": "interactive",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
+              "fieldName": "src"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Name used as the accessible label and to derive the initials fallback.",
+              "fieldName": "name"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'md'",
+              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
+              "fieldName": "size"
+            },
+            {
+              "name": "badge",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Count shown in the corner badge. `0` hides the badge.",
+              "fieldName": "badge"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Render as a `<button>` with focus ring and hover states.",
+              "fieldName": "interactive"
+            }
+          ],
+          "superclass": {
+            "name": "LuxenElement",
+            "module": "/src/html/shared/luxen-element.js"
+          },
+          "tagName": "l-avatar",
+          "customElement": true,
+          "summary": "An avatar component for displaying user images, initials, or a default icon.",
+          "_cssClasses": [
+            {
+              "name": ".l-avatar-group",
+              "description": "Flex wrapper that overlaps a row of stacked avatars."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Avatar",
+          "declaration": {
+            "name": "Avatar",
+            "module": "src/html/elements/avatar/avatar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/avatar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/html/elements/avatar/avatar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/alert-dialog/alert-dialog.ts",
@@ -652,181 +827,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/avatar/avatar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Avatar",
-          "cssProperties": [
-            {
-              "description": "Box size (any length). Set it inline (e.g. `style=\"--size: 20px\"`) for an arbitrary size beyond the `size` token scale; the font then follows proportionally. The `size` attribute sets it to the matching token.",
-              "name": "--size",
-              "default": "40px"
-            },
-            {
-              "description": "Background fill color for initials and the default icon.",
-              "name": "--color"
-            },
-            {
-              "description": "Initials/icon color over `--color`. Defaults to an auto-derived readable color; set it to enforce a specific brand color (overrides the automatic choice).",
-              "name": "--text-color"
-            },
-            {
-              "description": "Set to `circle` for a fully circular avatar (default is a rounded square).",
-              "name": "--appearance"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The avatar container that paints `--color`; style it (e.g. `color`) to override the auto-derived text color.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Name used as the accessible label and to derive the initials fallback.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'md'",
-              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "badge",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Count shown in the corner badge. `0` hides the badge.",
-              "attribute": "badge"
-            },
-            {
-              "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Render as a `<button>` with focus ring and hover states.",
-              "attribute": "interactive",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
-              "fieldName": "src"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Name used as the accessible label and to derive the initials fallback.",
-              "fieldName": "name"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'md'",
-              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
-              "fieldName": "size"
-            },
-            {
-              "name": "badge",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Count shown in the corner badge. `0` hides the badge.",
-              "fieldName": "badge"
-            },
-            {
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Render as a `<button>` with focus ring and hover states.",
-              "fieldName": "interactive"
-            }
-          ],
-          "superclass": {
-            "name": "LuxenElement",
-            "module": "/src/html/shared/luxen-element.js"
-          },
-          "tagName": "l-avatar",
-          "customElement": true,
-          "summary": "An avatar component for displaying user images, initials, or a default icon.",
-          "_cssClasses": [
-            {
-              "name": ".l-avatar-group",
-              "description": "Flex wrapper that overlaps a row of stacked avatars."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Avatar",
-          "declaration": {
-            "name": "Avatar",
-            "module": "src/html/elements/avatar/avatar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/avatar/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/html/elements/avatar/avatar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/badge/badge.ts",
@@ -5277,6 +5277,10 @@
               "description": "Color of the editor frame border.",
               "name": "--border-color"
             },
+            {
+              "description": "Color of the editor frame border while the editable area has focus.",
+              "name": "--border-color-focus"
+            },
             {
               "description": "Width of the editor frame border.",
               "name": "--border-width"
@@ -8727,13 +8731,45 @@
         },
         {
           "kind": "class",
-          "description": "A compact chip for tokens, filters, and multi-select values. Shadow DOM so its\nstyles are self-contained and it renders correctly **anywhere**, including\ninside another element's shadow root (e.g. the `<l-select>` multi-select\ntrigger).",
+          "description": "Fired when a `selectable` tag is toggled. Bubbles; not composed.",
+          "name": "TagChangeEvent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true,
+              "default": "selected"
+            }
+          ],
+          "superclass": {
+            "name": "Event",
+            "module": "src/html/elements/tag/tag.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "A compact chip for tokens, filters, and multi-select values. Shadow DOM so its\nstyles are self-contained and it renders correctly **anywhere**, including\ninside another element's shadow root (e.g. the `<l-select>` multi-select\ntrigger).\n\nAdd `selectable` to turn the chip into a filter control: the tag itself\nbecomes a toggle button (`aria-pressed`), and re-activating a selected tag\ndeselects it — the affordance a radio group cannot offer, so a facet always\nhas a way back to \"all\". Add `control=\"checkbox\"` for a multi-select axis and\nthe library's own checkbox rides inside, with the chip as its label.",
           "name": "Tag",
           "cssProperties": [
             {
               "description": "Corner radius. Defaults to a full pill.",
               "name": "--border-radius"
             },
+            {
+              "description": "Chip height. Defaults to the `size` step (a selectable chip is taller, to keep a comfortable target).",
+              "name": "--height"
+            },
+            {
+              "description": "Label size. Defaults to the `size` step — 12px, or 14px at `size=\"lg\"`. Set it with `--height` to land between the two steps in a dense filter panel.",
+              "name": "--font-size"
+            },
+            {
+              "description": "Horizontal padding. Defaults to the `size` step.",
+              "name": "--padding-inline"
+            },
             {
               "description": "Chip background.",
               "name": "--background"
@@ -8741,6 +8777,14 @@
             {
               "description": "Text color.",
               "name": "--color"
+            },
+            {
+              "description": "Text, border, and checkbox accent when selected. Defaults to the library's form-control accent, lightened in dark mode.",
+              "name": "--selected-color"
+            },
+            {
+              "description": "Chip background when selected. Defaults to a tint of `--selected-color`.",
+              "name": "--selected-background"
             }
           ],
           "cssParts": [
@@ -8752,6 +8796,14 @@
               "description": "The label wrapper.",
               "name": "content"
             },
+            {
+              "description": "The toggle button rendered by `selectable` (not with `control=\"checkbox\"`).",
+              "name": "toggle"
+            },
+            {
+              "description": "The native checkbox rendered by `control=\"checkbox\"`.",
+              "name": "checkbox"
+            },
             {
               "description": "The remove button.",
               "name": "remove"
@@ -8765,6 +8817,10 @@
             {
               "description": "Leading content, e.g. an `<l-icon>` or `<l-avatar>`.",
               "name": "prefix"
+            },
+            {
+              "description": "Trailing content, e.g. a result count. Gets the chip's own gutter, so no margin is needed.",
+              "name": "suffix"
             }
           ],
           "members": [
@@ -8790,6 +8846,39 @@
               "attribute": "removable",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Make the tag a filter control the user can toggle on and off.",
+              "attribute": "selectable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the tag is selected. Reflected, so `[selected]` is styleable.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "control",
+              "type": {
+                "text": "TagControl"
+              },
+              "default": "'none'",
+              "description": "What drives the selection: `none` (default) makes the chip itself a toggle\nbutton; `checkbox` renders a checkbox inside and makes the chip its label —\nthe right choice for a multi-select facet. Implies `selectable`.",
+              "attribute": "control",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -8797,7 +8886,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disable the tag — dims it and blocks removal.",
+              "description": "Disable the tag — dims it and blocks selection and removal.",
               "attribute": "disabled",
               "reflects": true
             }
@@ -8807,6 +8896,11 @@
               "name": "remove",
               "description": "Fired when the user removes the tag (× click or Backspace/Delete). Cancelable; if not prevented the tag removes itself. Not composed, does not bubble.",
               "cancelable": true
+            },
+            {
+              "name": "change",
+              "description": "Fired when a `selectable` tag is toggled. Not cancelable — like the platform's own `change`, and like `l-segmented-control`. Bubbles. Properties: `selected: boolean`. The chip is uncontrolled: it applies the new state before dispatching, so a host that vetoes a toggle (a \"max 3 filters\" rule, an async guard) sets `selected` back in the listener — the revert lands in the same render and is never painted.",
+              "cancelable": false
             }
           ],
           "attributes": [
@@ -8828,13 +8922,40 @@
               "description": "Show a remove button (and enable Backspace/Delete removal).",
               "fieldName": "removable"
             },
+            {
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Make the tag a filter control the user can toggle on and off.",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the tag is selected. Reflected, so `[selected]` is styleable.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "control",
+              "type": {
+                "text": "TagControl"
+              },
+              "default": "'none'",
+              "description": "What drives the selection: `none` (default) makes the chip itself a toggle\nbutton; `checkbox` renders a checkbox inside and makes the chip its label —\nthe right choice for a multi-select facet. Implies `selectable`.",
+              "fieldName": "control"
+            },
             {
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disable the tag — dims it and blocks removal.",
+              "description": "Disable the tag — dims it and blocks selection and removal.",
               "fieldName": "disabled"
             }
           ],
@@ -8844,11 +8965,11 @@
           },
           "tagName": "l-tag",
           "customElement": true,
-          "summary": "A compact, optionally removable chip.",
+          "summary": "A compact, optionally removable or selectable chip.",
           "examples": [
             {
               "language": "html",
-              "code": "<l-tag removable>Design</l-tag>"
+              "code": "<l-tag removable>Design</l-tag>\n<l-tag selectable selected>A3</l-tag>\n<l-tag selectable control=\"checkbox\">Color <span slot=\"suffix\">79</span></l-tag>"
             }
           ]
         }
@@ -8862,6 +8983,14 @@
             "module": "src/html/elements/tag/tag.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "TagChangeEvent",
+          "declaration": {
+            "name": "TagChangeEvent",
+            "module": "src/html/elements/tag/tag.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Tag",

package/cdn/elements/alert/alert.d.ts

@@ -55,9 +55,4 @@ export declare class Alert extends LuxenElement {
     private _dismiss;
     private _animateOut;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'l-alert': Alert;
-    }
-}
 //# sourceMappingURL=alert.d.ts.map

package/cdn/elements/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/html/elements/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAK7D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAWrE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,KAAM,SAAQ,YAAY;IAC5B,gBAAgB;IAIzB,uFAAuF;IAEvF,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,oFAAoF;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sCAAsC;IAEtC,WAAW,UAAS;IAEpB,iEAAiE;IAEjE,WAAW,UAAS;IAEpB,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,aAAa,CAAC,CAAgC;IAKtD,OAAO,CAAC,SAAS,CAA4C;IAEpD,iBAAiB;IAKjB,oBAAoB;IAMpB,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;IAI/C,mFAAmF;IACnF,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,SAAS;IAsBjB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,QAAQ,CAQd;IAEF,OAAO,CAAC,WAAW;CA4BpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,KAAK,CAAC;KAClB;CACF"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/html/elements/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAK7D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAWrE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,KAAM,SAAQ,YAAY;IAC5B,gBAAgB;IAIzB,uFAAuF;IAEvF,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,oFAAoF;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sCAAsC;IAEtC,WAAW,UAAS;IAEpB,iEAAiE;IAEjE,WAAW,UAAS;IAEpB,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,aAAa,CAAC,CAAgC;IAKtD,OAAO,CAAC,SAAS,CAA4C;IAEpD,iBAAiB;IAKjB,oBAAoB;IAMpB,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;IAI/C,mFAAmF;IACnF,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,SAAS;IAsBjB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,QAAQ,CAQd;IAEF,OAAO,CAAC,WAAW;CA4BpB"}

package/cdn/elements/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/html/elements/alert/alert.ts"],"sourcesContent":["import 'iconify-icon';\nimport type { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { LuxenElement } from '../../shared/luxen-element.js';\nimport { LocalizeController } from '../../shared/localize.js';\nimport { cls } from '../../registry.js';\nimport { HideEvent, AfterHideEvent } from '../../events/index.js';\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/** Default Iconify icon per variant (neutral falls back to the info glyph). */\nconst DEFAULT_ICONS: Record<string, string> = {\n  neutral: 'lucide:info',\n  info: 'lucide:info',\n  success: 'lucide:circle-check',\n  warning: 'lucide:triangle-alert',\n  danger: 'lucide:octagon-alert',\n};\n\n/**\n * @summary A callout box that highlights contextual information with a semantic color and a leading icon.\n * @customElement l-alert\n *\n * @event hide - Emitted when a dismissible alert is about to close. Cancelable — call `event.preventDefault()` to keep it open.\n * @event after-hide - Emitted after the dismiss animation completes and the alert is removed from the DOM. Not cancelable.\n *\n * @cssproperty [--gap=0.75rem] - Gap between the icon, content, and close button.\n * @cssproperty [--padding=1rem] - Inner padding.\n * @cssproperty [--border-radius=8px] - Corner radius.\n *\n * @cssClass .l-alert-icon - The leading icon, colored by variant (auto-injected).\n * @cssClass .l-alert-content - Wrapper the authored children are moved into; stacks them vertically (auto-injected).\n * @cssClass .l-alert-title - Optional bold heading placed above the body content. Use a real heading element (e.g. `<h3 class=\"l-alert-title\">`) when the alert is a section callout so it is reachable by heading navigation.\n *\n * @example\n * ```html\n * <l-alert variant=\"warning\" dismissible>\n *   <span class=\"l-alert-title\">Heads up</span>\n *   This action cannot be undone.\n * </l-alert>\n * ```\n */\nexport class Alert extends LuxenElement {\n  override createRenderRoot() {\n    return this;\n  }\n\n  /** Semantic variant: `info`, `success`, `warning`, or `danger`. Default is neutral. */\n  @property({ reflect: true })\n  variant?: AlertVariant;\n\n  /** Iconify icon name (e.g. `lucide:bell`) overriding the variant's default icon. */\n  @property()\n  icon?: string;\n\n  /** Hide the leading icon entirely. */\n  @property({ attribute: 'without-icon', type: Boolean })\n  withoutIcon = false;\n\n  /** Show a close button that dismisses the alert when clicked. */\n  @property({ type: Boolean, reflect: true })\n  dismissible = false;\n\n  private _localize = new LocalizeController(this);\n  private _dismissTimer?: ReturnType<typeof setTimeout>;\n  // Re-home children the parser (upgrade-before-parse) or the consumer\n  // (imperative `append`) adds directly to the host after a sync. Lit's\n  // `updated()` only fires on reactive-property changes, so without this an\n  // appended text-node body would escape `.l-alert-content`.\n  private _observer = new MutationObserver(() => this._sync());\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._sync();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._observer.disconnect();\n    if (this._dismissTimer) clearTimeout(this._dismissTimer);\n  }\n\n  override updated(_changed: PropertyValues<this>) {\n    this._sync();\n  }\n\n  /** Idempotently reconcile the injected icon, content wrapper, and close button. */\n  private _sync() {\n    // Pause the observer so our own DOM moves below don't re-trigger it.\n    this._observer.disconnect();\n    this._syncIcon();\n    this._syncContent();\n    this._syncClose();\n    if (this.isConnected) this._observer.observe(this, { childList: true });\n  }\n\n  private _iconName(): string | null {\n    if (this.withoutIcon) return null;\n    if (this.icon) return this.icon;\n    return DEFAULT_ICONS[this.variant ?? 'neutral'];\n  }\n\n  private _syncIcon() {\n    const iconClass = cls('alert-icon');\n    let iconEl = this.querySelector<HTMLElement>(`:scope > .${iconClass}`);\n    const name = this._iconName();\n\n    if (!name) {\n      iconEl?.remove();\n      return;\n    }\n\n    if (!iconEl) {\n      iconEl = document.createElement('iconify-icon');\n      iconEl.className = iconClass;\n      iconEl.setAttribute('aria-hidden', 'true');\n      this.prepend(iconEl);\n    } else if (this.firstElementChild !== iconEl) {\n      this.prepend(iconEl);\n    }\n\n    if (iconEl.getAttribute('icon') !== name) iconEl.setAttribute('icon', name);\n  }\n\n  /**\n   * Move the authored children into a `.l-alert-content` wrapper so they stack\n   * as one column regardless of node type. A wrapper (rather than placing bare\n   * children directly) is required because text nodes — a plain string body —\n   * cannot be targeted by CSS, so they would otherwise escape the layout.\n   */\n  private _syncContent() {\n    const contentClass = cls('alert-content');\n    const iconClass = cls('alert-icon');\n    const closeClass = cls('close');\n\n    let content = this.querySelector<HTMLElement>(`:scope > .${contentClass}`);\n    if (!content) {\n      content = document.createElement('div');\n      content.className = contentClass;\n      this.append(content);\n    }\n\n    for (const node of Array.from(this.childNodes)) {\n      if (node === content) continue;\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        if (el.classList.contains(iconClass) || el.classList.contains(closeClass)) continue;\n      } else if (node.nodeType !== Node.TEXT_NODE) {\n        // Leave comment/marker nodes in place — notably Lit's empty\n        // ChildPart marker (`<!---->`) from the default light-DOM render.\n        continue;\n      }\n      content.append(node);\n    }\n  }\n\n  private _syncClose() {\n    const closeClass = cls('close');\n    let btn = this.querySelector<HTMLButtonElement>(`:scope > .${closeClass}[data-alert-close]`);\n\n    if (!this.dismissible) {\n      btn?.remove();\n      return;\n    }\n\n    if (!btn) {\n      btn = document.createElement('button');\n      btn.type = 'button';\n      btn.className = closeClass;\n      btn.dataset.appearance = 'ring';\n      btn.dataset.alertClose = '';\n      btn.addEventListener('click', this._dismiss);\n      this.append(btn);\n    } else if (this.lastElementChild !== btn) {\n      this.append(btn);\n    }\n\n    btn.setAttribute('aria-label', this._localize.term('close'));\n  }\n\n  private _dismiss = () => {\n    // Ignore repeat activations (fast double-click / double AT activation)\n    // once a dismissal is already animating out.\n    if (this.hasAttribute('data-dismissing')) return;\n    if (!this.dispatchEvent(new HideEvent())) return;\n    // A `hide` listener may have removed the alert itself; don't animate a\n    // node that is no longer in the document.\n    if (this.isConnected) this._animateOut();\n  };\n\n  private _animateOut() {\n    this.setAttribute('data-dismissing', '');\n\n    let done = false;\n    const finish = () => {\n      if (done) return;\n      done = true;\n      this.removeEventListener('transitionend', onEnd);\n      if (this._dismissTimer) clearTimeout(this._dismissTimer);\n      this.dispatchEvent(new AfterHideEvent());\n      this.remove();\n    };\n    const onEnd = (e: TransitionEvent) => {\n      if (e.target !== this) return;\n      finish();\n    };\n\n    const duration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;\n    if (!duration) {\n      finish();\n      return;\n    }\n\n    this.addEventListener('transitionend', onEnd);\n    // Fallback: hidden Preview tabs never fire `transitionend`. Tracked so\n    // `disconnectedCallback` can cancel it if the alert is removed mid-animation.\n    this._dismissTimer = setTimeout(finish, duration + 50);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'l-alert': Alert;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/html/elements/alert/alert.ts"],"sourcesContent":["import 'iconify-icon';\nimport type { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { LuxenElement } from '../../shared/luxen-element.js';\nimport { LocalizeController } from '../../shared/localize.js';\nimport { cls } from '../../registry.js';\nimport { HideEvent, AfterHideEvent } from '../../events/index.js';\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\n/** Default Iconify icon per variant (neutral falls back to the info glyph). */\nconst DEFAULT_ICONS: Record<string, string> = {\n  neutral: 'lucide:info',\n  info: 'lucide:info',\n  success: 'lucide:circle-check',\n  warning: 'lucide:triangle-alert',\n  danger: 'lucide:octagon-alert',\n};\n\n/**\n * @summary A callout box that highlights contextual information with a semantic color and a leading icon.\n * @customElement l-alert\n *\n * @event hide - Emitted when a dismissible alert is about to close. Cancelable — call `event.preventDefault()` to keep it open.\n * @event after-hide - Emitted after the dismiss animation completes and the alert is removed from the DOM. Not cancelable.\n *\n * @cssproperty [--gap=0.75rem] - Gap between the icon, content, and close button.\n * @cssproperty [--padding=1rem] - Inner padding.\n * @cssproperty [--border-radius=8px] - Corner radius.\n *\n * @cssClass .l-alert-icon - The leading icon, colored by variant (auto-injected).\n * @cssClass .l-alert-content - Wrapper the authored children are moved into; stacks them vertically (auto-injected).\n * @cssClass .l-alert-title - Optional bold heading placed above the body content. Use a real heading element (e.g. `<h3 class=\"l-alert-title\">`) when the alert is a section callout so it is reachable by heading navigation.\n *\n * @example\n * ```html\n * <l-alert variant=\"warning\" dismissible>\n *   <span class=\"l-alert-title\">Heads up</span>\n *   This action cannot be undone.\n * </l-alert>\n * ```\n */\nexport class Alert extends LuxenElement {\n  override createRenderRoot() {\n    return this;\n  }\n\n  /** Semantic variant: `info`, `success`, `warning`, or `danger`. Default is neutral. */\n  @property({ reflect: true })\n  variant?: AlertVariant;\n\n  /** Iconify icon name (e.g. `lucide:bell`) overriding the variant's default icon. */\n  @property()\n  icon?: string;\n\n  /** Hide the leading icon entirely. */\n  @property({ attribute: 'without-icon', type: Boolean })\n  withoutIcon = false;\n\n  /** Show a close button that dismisses the alert when clicked. */\n  @property({ type: Boolean, reflect: true })\n  dismissible = false;\n\n  private _localize = new LocalizeController(this);\n  private _dismissTimer?: ReturnType<typeof setTimeout>;\n  // Re-home children the parser (upgrade-before-parse) or the consumer\n  // (imperative `append`) adds directly to the host after a sync. Lit's\n  // `updated()` only fires on reactive-property changes, so without this an\n  // appended text-node body would escape `.l-alert-content`.\n  private _observer = new MutationObserver(() => this._sync());\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._sync();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._observer.disconnect();\n    if (this._dismissTimer) clearTimeout(this._dismissTimer);\n  }\n\n  override updated(_changed: PropertyValues<this>) {\n    this._sync();\n  }\n\n  /** Idempotently reconcile the injected icon, content wrapper, and close button. */\n  private _sync() {\n    // Pause the observer so our own DOM moves below don't re-trigger it.\n    this._observer.disconnect();\n    this._syncIcon();\n    this._syncContent();\n    this._syncClose();\n    if (this.isConnected) this._observer.observe(this, { childList: true });\n  }\n\n  private _iconName(): string | null {\n    if (this.withoutIcon) return null;\n    if (this.icon) return this.icon;\n    return DEFAULT_ICONS[this.variant ?? 'neutral'];\n  }\n\n  private _syncIcon() {\n    const iconClass = cls('alert-icon');\n    let iconEl = this.querySelector<HTMLElement>(`:scope > .${iconClass}`);\n    const name = this._iconName();\n\n    if (!name) {\n      iconEl?.remove();\n      return;\n    }\n\n    if (!iconEl) {\n      iconEl = document.createElement('iconify-icon');\n      iconEl.className = iconClass;\n      iconEl.setAttribute('aria-hidden', 'true');\n      this.prepend(iconEl);\n    } else if (this.firstElementChild !== iconEl) {\n      this.prepend(iconEl);\n    }\n\n    if (iconEl.getAttribute('icon') !== name) iconEl.setAttribute('icon', name);\n  }\n\n  /**\n   * Move the authored children into a `.l-alert-content` wrapper so they stack\n   * as one column regardless of node type. A wrapper (rather than placing bare\n   * children directly) is required because text nodes — a plain string body —\n   * cannot be targeted by CSS, so they would otherwise escape the layout.\n   */\n  private _syncContent() {\n    const contentClass = cls('alert-content');\n    const iconClass = cls('alert-icon');\n    const closeClass = cls('close');\n\n    let content = this.querySelector<HTMLElement>(`:scope > .${contentClass}`);\n    if (!content) {\n      content = document.createElement('div');\n      content.className = contentClass;\n      this.append(content);\n    }\n\n    for (const node of Array.from(this.childNodes)) {\n      if (node === content) continue;\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        if (el.classList.contains(iconClass) || el.classList.contains(closeClass)) continue;\n      } else if (node.nodeType !== Node.TEXT_NODE) {\n        // Leave comment/marker nodes in place — notably Lit's empty\n        // ChildPart marker (`<!---->`) from the default light-DOM render.\n        continue;\n      }\n      content.append(node);\n    }\n  }\n\n  private _syncClose() {\n    const closeClass = cls('close');\n    let btn = this.querySelector<HTMLButtonElement>(`:scope > .${closeClass}[data-alert-close]`);\n\n    if (!this.dismissible) {\n      btn?.remove();\n      return;\n    }\n\n    if (!btn) {\n      btn = document.createElement('button');\n      btn.type = 'button';\n      btn.className = closeClass;\n      btn.dataset.appearance = 'ring';\n      btn.dataset.alertClose = '';\n      btn.addEventListener('click', this._dismiss);\n      this.append(btn);\n    } else if (this.lastElementChild !== btn) {\n      this.append(btn);\n    }\n\n    btn.setAttribute('aria-label', this._localize.term('close'));\n  }\n\n  private _dismiss = () => {\n    // Ignore repeat activations (fast double-click / double AT activation)\n    // once a dismissal is already animating out.\n    if (this.hasAttribute('data-dismissing')) return;\n    if (!this.dispatchEvent(new HideEvent())) return;\n    // A `hide` listener may have removed the alert itself; don't animate a\n    // node that is no longer in the document.\n    if (this.isConnected) this._animateOut();\n  };\n\n  private _animateOut() {\n    this.setAttribute('data-dismissing', '');\n\n    let done = false;\n    const finish = () => {\n      if (done) return;\n      done = true;\n      this.removeEventListener('transitionend', onEnd);\n      if (this._dismissTimer) clearTimeout(this._dismissTimer);\n      this.dispatchEvent(new AfterHideEvent());\n      this.remove();\n    };\n    const onEnd = (e: TransitionEvent) => {\n      if (e.target !== this) return;\n      finish();\n    };\n\n    const duration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;\n    if (!duration) {\n      finish();\n      return;\n    }\n\n    this.addEventListener('transitionend', onEnd);\n    // Fallback: hidden Preview tabs never fire `transitionend`. Tracked so\n    // `disconnectedCallback` can cancel it if the alert is removed mid-animation.\n    this._dismissTimer = setTimeout(finish, duration + 50);\n  }\n}\n"],"mappings":"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"}