@mhmo91/schmancy 0.10.35 → 0.10.36

package/dist/agent/schmancy.manifest.json

@@ -324,7 +324,7 @@
           "kind": "class",
           "name": "SchmancyBoat",
           "tagName": "schmancy-boat",
-          "description": "Material-3 extended FAB that delegates its expanded panel to the `show()` overlay service. Collapsed: a draggable, corner-anchored pill (icon + label, circular when no label). Activated: the default-slot content blooms from the FAB as an overlay (backdrop / Esc / back-button / sheet-on-narrow handled by the overlay primitive).",
+          "description": "Corner-anchored launcher that delegates its expanded panel to the `show()` overlay service.  Three slots, three non-overlapping intents — no element-type sniffing, ever:    - `trigger`  — pure consumer content. A native click anywhere on it     opens the panel; interactive children (buttons, FABs, inputs) work     with zero special-casing because the boat never calls     `preventDefault` / `stopPropagation` / `setPointerCapture` here.   - `drag-handle` — opt-in. Pointer-drag is wired ONLY to this slot's     boat-owned wrapper. Slot it to make the boat draggable; omit it and     the boat is static at its corner. (A no-move tap on the handle also     opens, so the grip doubles as a launcher.)   - _(default)_ — the panel body; parked hidden while collapsed,     relocated into the `show()` overlay on open.  The boat owns drag, corner-snapping, position persistence and the glass surface — never the collapsed shape.",
           "attributes": [
             {
               "name": "id",
@@ -346,7 +346,7 @@
                 "top-left"
               ],
               "default": "'bottom-right'",
-              "description": "Corner the FAB is anchored to."
+              "description": "Corner the launcher is anchored to."
             },
             {
               "name": "open",
@@ -871,244 +871,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "chips/assist-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyAssistChip",
-          "tagName": "schmancy-assist-chip",
-          "description": "Assist chip component - prompts user actions like opening calendar events or sharing content Pure Schmancy implementation with Tailwind CSS and RxJS state management",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional href for navigation"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Target for navigation (e.g., '_blank')"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Elevated style variant - true by default per M3 spec for assist chips"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/chips.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyChips",
-          "tagName": "schmancy-chips",
-          "attributes": [
-            {
-              "name": "wrap",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "justify",
-              "type": {
-                "text": "\"start\" | \"center\" | \"end\""
-              },
-              "values": [
-                "start",
-                "center",
-                "end"
-              ],
-              "default": "'start'"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/input-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyInputChip",
-          "tagName": "schmancy-input-chip",
-          "description": "Input chip component - represents user-provided information that can be removed.  IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state. They represent discrete pieces of user input (like entered tags, selections from lists, etc.) that can only be removed, not toggled on/off.  Use cases: - Displaying selected recipients in an email - Showing applied filters that can be removed - Tags or keywords entered by the user - Selected items from a multi-select dropdown",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "avatar",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional avatar image URL"
-            },
-            {
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show remove button (default true for input chips)"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Elevated style variant"
-            }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "description": "Optional click event on chip body (value)"
-            },
-            {
-              "name": "remove",
-              "description": "Dispatched when remove button is clicked (value)"
-            }
-          ],
-          "examples": [
-            "<schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n  John Doe\n</schmancy-input-chip>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "chips/suggestion-chip.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySuggestionChip",
-          "tagName": "schmancy-suggestion-chip",
-          "description": "Suggestion chip component - provides contextual recommendations to users  IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to provide suggestions and recommendations that trigger actions when clicked. Unlike filter chips, they cannot be toggled on/off.  Pure Schmancy implementation with Tailwind CSS and RxJS state management",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Value identifier for the chip"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional icon name (Material Symbols)"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional href for navigation"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Target for navigation (e.g., '_blank')"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable the chip"
-            },
-            {
-              "name": "elevated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Elevated style variant - flat by default per M3 spec"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "connectivity/connectivity-status.ts",
@@ -1769,11 +1531,88 @@
               "default": "true"
             },
             {
-              "name": "inline",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "fab/fab.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyFab",
+          "tagName": "schmancy-fab",
+          "description": "Material 3 Floating Action Button.  Mirrors the `md-fab` reference implementation (github.com/material-components/material-web) and the M3 spec (m3.material.io/components/floating-action-button): four colour variants, three container sizes, an extended form (set `label`), and a `lowered` elevation register. Per M3 guidance a FAB is never disabled, so there is no `disabled` property.  Sizing, shape, icon size and elevation are M3 design tokens expressed as `:host` rules (the same token-driven model as `md-fab`'s SCSS); colour roles and the state layer are schmancy theme utilities. The host shrink-wraps the inner button and clips its rounded shape.",
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "FabVariant"
+              },
+              "values": [
+                "primary",
+                "secondary",
+                "tertiary",
+                "surface"
+              ],
+              "default": "'surface'",
+              "description": "Colour variant. M3 maps each to a container + on-container role."
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "FabSize"
+              },
+              "values": [
+                "small",
+                "medium",
+                "large"
+              ],
+              "default": "'medium'",
+              "description": "Container size. Ignored while extended (extended is always 56dp tall)."
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Extended-FAB label. A non-empty value switches the FAB to its extended form (icon + text), exactly as `md-fab` derives extended from a truthy label."
+            },
+            {
+              "name": "extended",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Reflected mirror of \"label is non-empty\" so `:host([extended])` can drive the extended geometry. Synced from `label`; read it, don't set it."
+            },
+            {
+              "name": "lowered",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Lowers the FAB's elevation register (M3 lowered FAB)."
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The icon (typically `<schmancy-icon>`)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "base",
+              "description": "The underlying native `<button>`."
             }
           ]
         }
@@ -2632,12 +2471,12 @@
             {
               "name": "alignment",
               "type": {
-                "text": "\"center\" | \"top\" | \"bottom\""
+                "text": "\"top\" | \"bottom\" | \"center\""
               },
               "values": [
-                "center",
                 "top",
-                "bottom"
+                "bottom",
+                "center"
               ],
               "default": "'top'",
               "description": "Alignment of navigation items"
@@ -3940,23 +3779,23 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\" | \"justify\""
+                "text": "\"right\" | \"left\" | \"center\" | \"justify\""
               },
               "values": [
-                "center",
                 "right",
                 "left",
+                "center",
                 "justify"
               ]
             },
             {
               "name": "weight",
               "type": {
-                "text": "\"normal\" | \"medium\" | \"bold\""
+                "text": "\"medium\" | \"normal\" | \"bold\""
               },
               "values": [
-                "normal",
                 "medium",
+                "normal",
                 "bold"
               ]
             },
@@ -4340,6 +4179,245 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/assist-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyAssistChip",
+          "tagName": "schmancy-assist-chip",
+          "description": "Assist chip component - prompts user actions like opening calendar events or sharing content Pure Schmancy implementation with Tailwind CSS and RxJS state management",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional href for navigation"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Target for navigation (e.g., '_blank')"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Elevated style variant - true by default per M3 spec for assist chips"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/chips.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyChips",
+          "tagName": "schmancy-chips",
+          "attributes": [
+            {
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether multiple chips can be selected simultaneously."
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "justify",
+              "type": {
+                "text": "\"start\" | \"end\" | \"center\""
+              },
+              "values": [
+                "start",
+                "end",
+                "center"
+              ],
+              "default": "'start'"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/input-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyInputChip",
+          "tagName": "schmancy-input-chip",
+          "description": "Input chip component - represents user-provided information that can be removed.  IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state. They represent discrete pieces of user input (like entered tags, selections from lists, etc.) that can only be removed, not toggled on/off.  Use cases: - Displaying selected recipients in an email - Showing applied filters that can be removed - Tags or keywords entered by the user - Selected items from a multi-select dropdown",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "avatar",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional avatar image URL"
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether to show remove button (default true for input chips)"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Elevated style variant"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Optional click event on chip body (value)"
+            },
+            {
+              "name": "remove",
+              "description": "Dispatched when remove button is clicked (value)"
+            }
+          ],
+          "examples": [
+            "<schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n  John Doe\n</schmancy-input-chip>"
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/chips/suggestion-chip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancySuggestionChip",
+          "tagName": "schmancy-suggestion-chip",
+          "description": "Suggestion chip component - provides contextual recommendations to users  IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to provide suggestions and recommendations that trigger actions when clicked. Unlike filter chips, they cannot be toggled on/off.  Pure Schmancy implementation with Tailwind CSS and RxJS state management",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value identifier for the chip"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional icon name (Material Symbols)"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional href for navigation"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Target for navigation (e.g., '_blank')"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable the chip"
+            },
+            {
+              "name": "elevated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Elevated style variant - flat by default per M3 spec"
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "form/fields/date-range/date-range-dialog.ts",
@@ -4562,12 +4640,12 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\""
+                "text": "\"right\" | \"left\" | \"center\""
               },
               "values": [
-                "center",
                 "right",
-                "left"
+                "left",
+                "center"
               ],
               "default": "'left'",
               "description": "Text alignment within the input. - 'left' | 'center' | 'right'"
@@ -5009,12 +5087,12 @@
             {
               "name": "align",
               "type": {
-                "text": "\"center\" | \"right\" | \"left\""
+                "text": "\"right\" | \"left\" | \"center\""
               },
               "values": [
-                "center",
                 "right",
-                "left"
+                "left",
+                "center"
               ],
               "default": "'left'"
             },

package/dist/{area-DviXdbDx.js → area-BA96mwFY.js}

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-CA0Wqt8m.js";
-import "./mixins-Bp0wIHg2.js";
+import { t as e, u as t } from "./SchmancyElement-C3CpdNsi.js";
+import "./mixins-DTzfFVyv.js";
 import { EMPTY as n, ReplaySubject as r, Subject as i, bufferTime as a, catchError as o, distinctUntilChanged as s, filter as c, from as l, fromEvent as u, map as d, merge as f, of as p, shareReplay as m, skip as h, startWith as g, switchMap as _, takeUntil as v, tap as y, timeout as b, zip as x } from "rxjs";
 import { customElement as S, property as C, queryAssignedElements as w } from "lit/decorators.js";
 import { css as T, html as E } from "lit";