@vielzeug/codex 3.0.4 → 3.1.1

package/data/refine.json

@@ -2080,6 +2080,40 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "KEYBOARD_SHORTCUT_TAG",
+    "type": {
+      "text": "'ore-keyboard-shortcut'"
+    },
+    "default": "'ore-keyboard-shortcut'"
+  },
+  {
+    "kind": "class",
+    "name": "OreKeyboardShortcutElement",
+    "tagName": "ore-keyboard-shortcut",
+    "customElement": true,
+    "description": "",
+    "summary": "",
+    "demos": []
+  },
+  {
+    "kind": "variable",
+    "name": "KEYBOARD_KEY_TAG",
+    "type": {
+      "text": "'ore-keyboard-key'"
+    },
+    "default": "'ore-keyboard-key'"
+  },
+  {
+    "kind": "class",
+    "name": "OreKeyboardKeyElement",
+    "tagName": "ore-keyboard-key",
+    "customElement": true,
+    "description": "",
+    "summary": "",
+    "demos": []
+  },
   {
     "kind": "function",
     "name": "createRevealState",
@@ -2600,6 +2634,155 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "QR_CODE_TAG",
+    "type": {
+      "text": "'ore-qr-code'"
+    },
+    "default": "'ore-qr-code'",
+    "description": "Renders a QR code for `value` as inline SVG — themeable via `currentColor`,\ncrisp at any scale, no canvas. On capacity errors the component shows an\nerror state and emits `error` rather than throwing."
+  },
+  {
+    "kind": "class",
+    "name": "OreQrCodeElement",
+    "tagName": "ore-qr-code",
+    "customElement": true,
+    "description": "Renders a QR code for `value` as inline SVG — themeable via `currentColor`,\ncrisp at any scale, no canvas. On capacity errors the component shows an\nerror state and emits `error` rather than throwing.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "value",
+        "type": {
+          "text": "string"
+        },
+        "description": "The payload to encode"
+      },
+      {
+        "name": "error-correction",
+        "type": {
+          "text": "'L' | 'M' | 'Q' | 'H'"
+        },
+        "description": "'L' | 'M' | 'Q' | 'H' (default 'M')"
+      },
+      {
+        "name": "margin",
+        "type": {
+          "text": "number"
+        },
+        "description": "Quiet-zone modules (default 4)"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "'sm' | 'md' | 'lg', or a pixel value"
+      },
+      {
+        "name": "label",
+        "type": {
+          "text": "string"
+        },
+        "description": "Accessible label (default \"QR code\")"
+      },
+      {
+        "name": "rounded",
+        "type": {
+          "text": "string"
+        },
+        "description": "Border radius for the card variant"
+      }
+    ],
+    "events": [
+      {
+        "name": "render",
+        "description": "detail: `{ version, size }` after each successful render",
+        "type": {
+          "text": "CustomEvent"
+        }
+      },
+      {
+        "name": "error",
+        "description": "detail: `{ error }` when encoding fails",
+        "type": {
+          "text": "CustomEvent"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "caption",
+        "description": "Optional caption rendered below the code"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "wrapper",
+        "description": "Outer container"
+      },
+      {
+        "name": "svg",
+        "description": "The rendered `<svg>` element"
+      },
+      {
+        "name": "caption",
+        "description": "Caption slot container"
+      },
+      {
+        "name": "error",
+        "description": "Error-state container"
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--qr-code-dark",
+        "description": "Module color (default `currentColor`)"
+      },
+      {
+        "name": "--qr-code-light",
+        "description": "Background color (default `transparent`)"
+      },
+      {
+        "name": "--qr-code-size",
+        "description": "Rendered size in px (overrides `size`)"
+      },
+      {
+        "name": "--qr-code-radius",
+        "description": "Border radius"
+      },
+      {
+        "name": "--qr-code-padding",
+        "description": "Inner padding"
+      },
+      {
+        "name": "--qr-code-bg",
+        "description": "Card background (variant=\"card\")"
+      },
+      {
+        "name": "--qr-code-border",
+        "description": "Card border width (variant=\"card\")"
+      },
+      {
+        "name": "--qr-code-border-color",
+        "description": "Card border color (variant=\"card\")"
+      },
+      {
+        "name": "--qr-code-shadow",
+        "description": "Card box shadow (variant=\"card\")"
+      },
+      {
+        "name": "--qr-code-error-color",
+        "description": "Error-state text color"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-qr-code value=\"https://example.com\"></ore-qr-code>\n<ore-qr-code value=\"otpauth://…\" error-correction=\"H\" size=\"256\"></ore-qr-code>\n```"
+      }
+    ]
+  },
   {
     "kind": "variable",
     "name": "SEPARATOR_TAG",
@@ -4231,6 +4414,13 @@
         },
         "description": "Show a close (×) button"
       },
+      {
+        "name": "embedded",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Passive surface for a host that owns lifecycle and announcements; the close button only emits `dismiss`"
+      },
       {
         "name": "accented",
         "type": {
@@ -4249,7 +4439,7 @@
     "events": [
       {
         "name": "dismiss",
-        "description": "Fired when the alert is dismissed. detail: { originalEvent: MouseEvent }",
+        "description": "Fired when the alert is dismissed (after the exit animation, or immediately when `embedded`). detail: { originalEvent: MouseEvent }",
         "type": {
           "text": "CustomEvent"
         }
@@ -4630,9 +4820,9 @@
       {
         "name": "variant",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'"
+          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'frost'"
         },
-        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'"
+        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'frost'"
       },
       {
         "name": "size",
@@ -4655,6 +4845,13 @@
         },
         "description": "Interaction mode: 'static' | 'removable' | 'selectable' | 'action'"
       },
+      {
+        "name": "layout",
+        "type": {
+          "text": "string"
+        },
+        "description": "Content layout: 'inline' (default) | 'stacked' — stacked places the icon above a wrapping label, for tile-like selectable chips"
+      },
       {
         "name": "disabled",
         "type": {
@@ -4768,6 +4965,10 @@
         "name": "--chip-gap",
         "description": "Gap between icon, label and remove button"
       },
+      {
+        "name": "--chip-icon-size",
+        "description": "Size of the slotted icon (default: 1em)"
+      },
       {
         "name": "--chip-hover-bg",
         "description": "Background on hover (interactive modes)"
@@ -4965,6 +5166,13 @@
         },
         "description": "'linear' (default) | 'circular' | 'vertical'"
       },
+      {
+        "name": "segments",
+        "type": {
+          "text": "number"
+        },
+        "description": "Split the linear bar into discrete blocks (tracks, steps, stages)"
+      },
       {
         "name": "label",
         "type": {
@@ -4991,6 +5199,10 @@
       {
         "name": "fill",
         "description": "Progress fill element."
+      },
+      {
+        "name": "segment",
+        "description": "One block when `segments` is set; carries `data-filled` once reached."
       }
     ],
     "cssProperties": [
@@ -5037,12 +5249,16 @@
       {
         "name": "--progress-circular-title-size",
         "description": "Font size of the title inside the ring (default --text-xs)"
+      },
+      {
+        "name": "--progress-segment-gap",
+        "description": "Gap between blocks when `segments` is set (default --size-1)"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-progress value=\"45\"></ore-progress>\n<ore-progress value=\"75\" max=\"100\" color=\"success\" size=\"lg\"></ore-progress>\n<ore-progress indeterminate color=\"primary\" label=\"Loading…\"></ore-progress>\n```"
+        "description": "```html\n<ore-progress value=\"45\"></ore-progress>\n<ore-progress value=\"75\" max=\"100\" color=\"success\" size=\"lg\"></ore-progress>\n<ore-progress indeterminate color=\"primary\" label=\"Loading…\"></ore-progress>\n<ore-progress value=\"2\" max=\"6\" segments=\"6\" label=\"Struggle\"></ore-progress>\n```"
       }
     ]
   },
@@ -5196,7 +5412,7 @@
     "name": "OreToastElement",
     "tagName": "ore-toast",
     "customElement": true,
-    "description": "Declarative toast host. It subscribes to the service for its scope and\nrenders notifications, but has no imperative mutation API of its own.",
+    "description": "Declarative toast host. It subscribes to the service for its scope and\nrenders notifications, but has no imperative mutation API of its own.\nNotifications render as a vertical list (newest nearest the anchored edge)\ninside polite and assertive live regions. Entries are keyed by id, so store\nupdates (timer pauses, message updates, phase changes) patch the existing\nDOM instead of re-creating it — focus, in-flight gestures, and CSS\ntransitions all survive.",
     "summary": "",
     "attributes": [
       {
@@ -5214,6 +5430,54 @@
         "description": "Maximum live notifications for the scoped service."
       }
     ],
+    "cssParts": [
+      {
+        "name": "container",
+        "description": "Notification list."
+      },
+      {
+        "name": "toast-wrapper",
+        "description": "Per-notification layout wrapper (swipe target)."
+      },
+      {
+        "name": "toast-inner",
+        "description": "Per-notification motion target."
+      },
+      {
+        "name": "progress",
+        "description": "Auto-dismiss progress bar."
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--toast-max-width",
+        "description": "Panel width cap (default 400px; full width on phones)."
+      },
+      {
+        "name": "--toast-gap",
+        "description": "Gap between notifications."
+      },
+      {
+        "name": "--toast-bg",
+        "description": "Opaque surface for flat/bordered notifications."
+      },
+      {
+        "name": "--toast-shadow",
+        "description": "Elevation shadow."
+      },
+      {
+        "name": "--toast-enter-duration / --toast-exit-duration",
+        "description": "Motion durations."
+      },
+      {
+        "name": "--toast-progress-height",
+        "description": "Height of the auto-dismiss progress bar."
+      },
+      {
+        "name": "--toast-inset-top / --toast-inset-bottom / --toast-inset-left / --toast-inset-right",
+        "description": "Viewport insets."
+      }
+    ],
     "demos": []
   },
   {
@@ -6249,6 +6513,227 @@
     "kind": "variable",
     "name": "value"
   },
+  {
+    "kind": "variable",
+    "name": "COUNTER_HOLD_DELAY_MS",
+    "type": {
+      "text": "number"
+    },
+    "default": "400",
+    "description": "Hold delay before auto-repeat starts, then the repeat interval."
+  },
+  {
+    "kind": "variable",
+    "name": "COUNTER_HOLD_REPEAT_MS",
+    "type": {
+      "text": "number"
+    },
+    "default": "120"
+  },
+  {
+    "kind": "variable",
+    "name": "COUNTER_TAG",
+    "type": {
+      "text": "'ore-counter'"
+    },
+    "default": "'ore-counter'",
+    "description": "A large-target tally control for counting things at a glance: `−` / value / `+` with an\noptional icon, label and hint. Designed for touch and arm's-length use (tabletop trackers,\ninventories, scoreboards) rather than typed form entry — use `ore-number-input` for that.\n\nHolding any button auto-repeats. The value is announced through a live region and is\nkeyboard-operable as a spinbutton (Arrow keys, Home/End, Page Up/Down). Set `quick-steps` to add an\nouter pair of buttons that move by `large-step`, for values that change in chunks (damage, scores)."
+  },
+  {
+    "kind": "class",
+    "name": "OreCounterElement",
+    "tagName": "ore-counter",
+    "customElement": true,
+    "description": "A large-target tally control for counting things at a glance: `−` / value / `+` with an\noptional icon, label and hint. Designed for touch and arm's-length use (tabletop trackers,\ninventories, scoreboards) rather than typed form entry — use `ore-number-input` for that.\nHolding any button auto-repeats. The value is announced through a live region and is\nkeyboard-operable as a spinbutton (Arrow keys, Home/End, Page Up/Down). Set `quick-steps` to add an\nouter pair of buttons that move by `large-step`, for values that change in chunks (damage, scores).",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "value",
+        "type": {
+          "text": "number"
+        },
+        "description": "Current value (default: 0)",
+        "default": "0"
+      },
+      {
+        "name": "min",
+        "type": {
+          "text": "number"
+        },
+        "description": "Minimum value (default: 0)",
+        "default": "0"
+      },
+      {
+        "name": "max",
+        "type": {
+          "text": "number"
+        },
+        "description": "Maximum value"
+      },
+      {
+        "name": "step",
+        "type": {
+          "text": "number"
+        },
+        "description": "Increment/decrement step (default: 1)",
+        "default": "1"
+      },
+      {
+        "name": "large-step",
+        "type": {
+          "text": "number"
+        },
+        "description": "Step for Page Up/Down and the quick-step buttons (default: 10 × step)",
+        "default": "10 × step"
+      },
+      {
+        "name": "quick-steps",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Adds an outer −/+ pair that moves by `large-step`"
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Disables the control"
+      },
+      {
+        "name": "readonly",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Shows the value without the −/+ buttons"
+      },
+      {
+        "name": "label",
+        "type": {
+          "text": "string"
+        },
+        "description": "Visible label and accessible name"
+      },
+      {
+        "name": "hint",
+        "type": {
+          "text": "string"
+        },
+        "description": "One-line hint under the controls"
+      },
+      {
+        "name": "color",
+        "type": {
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        },
+        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "'sm' | 'md' | 'lg'"
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "description": "Fired after every accepted change. detail: { value: number, delta: number }",
+        "type": {
+          "text": "CustomEvent"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "icon",
+        "description": "Leading icon or token artwork shown before the label"
+      },
+      {
+        "name": "hint",
+        "description": "Custom hint content (replaces the `hint` attribute)"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "counter",
+        "description": "Root container."
+      },
+      {
+        "name": "header",
+        "description": "Icon and label row."
+      },
+      {
+        "name": "label",
+        "description": "Label element."
+      },
+      {
+        "name": "controls",
+        "description": "Buttons and value row."
+      },
+      {
+        "name": "decrement-large-btn",
+        "description": "Quick-step decrement button (`quick-steps` only)."
+      },
+      {
+        "name": "decrement-btn",
+        "description": "Decrement button."
+      },
+      {
+        "name": "value",
+        "description": "Value output."
+      },
+      {
+        "name": "increment-btn",
+        "description": "Increment button."
+      },
+      {
+        "name": "increment-large-btn",
+        "description": "Quick-step increment button (`quick-steps` only)."
+      },
+      {
+        "name": "hint",
+        "description": "Hint element."
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--counter-value-size",
+        "description": "Font size of the value"
+      },
+      {
+        "name": "--counter-button-size",
+        "description": "Width/height of the −/+ buttons"
+      },
+      {
+        "name": "--counter-gap",
+        "description": "Gap between the buttons and the value"
+      },
+      {
+        "name": "--counter-bg",
+        "description": "Background of the control"
+      },
+      {
+        "name": "--counter-border-color",
+        "description": "Border color of the control"
+      },
+      {
+        "name": "--counter-radius",
+        "description": "Border radius of the control"
+      },
+      {
+        "name": "--counter-icon-size",
+        "description": "Size of the slotted icon"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-counter label=\"Stamina\" value=\"3\" hint=\"Pay for actions\">\n  <ore-icon slot=\"icon\" name=\"zap\"></ore-icon>\n</ore-counter>\n<ore-counter label=\"Score\" value=\"10\" min=\"0\" max=\"99\" size=\"lg\" color=\"primary\"></ore-counter>\n<ore-counter label=\"Damage\" value=\"12\" large-step=\"5\" quick-steps></ore-counter>\n```"
+      }
+    ]
+  },
   {
     "kind": "variable",
     "name": "COLUMN_TAG",
@@ -7884,6 +8369,169 @@
       }
     ]
   },
+  {
+    "kind": "variable",
+    "name": "QR_SCANNER_TAG",
+    "type": {
+      "text": "'ore-qr-scanner'"
+    },
+    "default": "'ore-qr-scanner'",
+    "description": "Camera QR scanner built on `createQrScanner` (native `BarcodeDetector`).\n`active` starts/stops the camera externally; internal Start/Stop controls\ndrive the same intent. Unsupported browsers render the `unsupported` slot\nso apps can substitute a paste fallback."
+  },
+  {
+    "kind": "class",
+    "name": "OreQrScannerElement",
+    "tagName": "ore-qr-scanner",
+    "customElement": true,
+    "description": "Camera QR scanner built on `createQrScanner` (native `BarcodeDetector`).\n`active` starts/stops the camera externally; internal Start/Stop controls\ndrive the same intent. Unsupported browsers render the `unsupported` slot\nso apps can substitute a paste fallback.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "active",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Start/stop the camera"
+      },
+      {
+        "name": "facing-mode",
+        "type": {
+          "text": "'environment' | 'user'"
+        },
+        "description": "'environment' | 'user' (default 'environment')"
+      },
+      {
+        "name": "interval",
+        "type": {
+          "text": "number"
+        },
+        "description": "Ms between detection passes (default 200)"
+      },
+      {
+        "name": "once",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Stop after first scan (default true)"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "'sm' | 'md' | 'lg', or a pixel value"
+      },
+      {
+        "name": "label",
+        "type": {
+          "text": "string"
+        },
+        "description": "Region label (default \"QR code scanner\")"
+      },
+      {
+        "name": "rounded",
+        "type": {
+          "text": "string"
+        },
+        "description": "Border radius"
+      }
+    ],
+    "events": [
+      {
+        "name": "scan",
+        "description": "detail: `{ value }` on each decode",
+        "type": {
+          "text": "CustomEvent"
+        }
+      },
+      {
+        "name": "error",
+        "description": "detail: `{ error }` on permission/support/detection failure",
+        "type": {
+          "text": "CustomEvent"
+        }
+      },
+      {
+        "name": "status",
+        "description": "detail: `{ status }` on view-state transitions",
+        "type": {
+          "text": "CustomEvent"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "overlay",
+        "description": "Content layered over the camera preview"
+      },
+      {
+        "name": "unsupported",
+        "description": "Fallback UI when scanning is unsupported (e.g. paste input)"
+      },
+      {
+        "name": "footer",
+        "description": "Extra content below the status row"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "wrapper",
+        "description": "Outer container"
+      },
+      {
+        "name": "stage",
+        "description": "Square preview area (video + overlays)"
+      },
+      {
+        "name": "video",
+        "description": "The `<video>` preview element"
+      },
+      {
+        "name": "viewfinder",
+        "description": "Decorative scan frame over the preview"
+      },
+      {
+        "name": "state",
+        "description": "Idle/error/denied/unsupported/result panel"
+      },
+      {
+        "name": "status",
+        "description": "Live status line"
+      },
+      {
+        "name": "controls",
+        "description": "Button row"
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--qr-scanner-size",
+        "description": "Preview edge length in px (overrides `size`)"
+      },
+      {
+        "name": "--qr-scanner-radius",
+        "description": "Border radius"
+      },
+      {
+        "name": "--qr-scanner-bg",
+        "description": "Preview background while idle"
+      },
+      {
+        "name": "--qr-scanner-viewfinder-color",
+        "description": "Viewfinder frame color"
+      },
+      {
+        "name": "--qr-scanner-status-color",
+        "description": "Status text color"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-qr-scanner active @scan=${(e) => pair(e.detail.value)}></ore-qr-scanner>\n```"
+      }
+    ]
+  },
   {
     "kind": "variable",
     "name": "RADIO_TAG",