@redvars/peacock 3.6.0 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/code-highlighter.js +1 -1
  2. package/dist/code-highlighter.js.map +1 -1
  3. package/dist/custom-elements-jsdocs.json +928 -96
  4. package/dist/custom-elements.json +1294 -379
  5. package/dist/{flow-designer-dZnLJOQT.js → flow-designer-DvTUrDp5.js} +3 -3
  6. package/dist/{flow-designer-dZnLJOQT.js.map → flow-designer-DvTUrDp5.js.map} +1 -1
  7. package/dist/{flow-designer-node-XMe-jlKg.js → flow-designer-node-BWrPuxAR.js} +2 -2
  8. package/dist/flow-designer-node-BWrPuxAR.js.map +1 -0
  9. package/dist/flow-designer-node.js +1 -1
  10. package/dist/flow-designer.js +2 -2
  11. package/dist/html-editor.js +27245 -87
  12. package/dist/html-editor.js.map +1 -1
  13. package/dist/index.js +3 -3
  14. package/dist/modal.js +1 -7
  15. package/dist/modal.js.map +1 -1
  16. package/dist/{navigation-rail-DyO0oAZU.js → navigation-rail-DTTkqohi.js} +763 -214
  17. package/dist/navigation-rail-DTTkqohi.js.map +1 -0
  18. package/dist/peacock-loader.js +12 -3
  19. package/dist/peacock-loader.js.map +1 -1
  20. package/dist/src/html-editor/html-editor.d.ts +44 -11
  21. package/dist/src/index.d.ts +2 -0
  22. package/dist/src/list/index.d.ts +2 -0
  23. package/dist/src/list/list-item.d.ts +35 -0
  24. package/dist/src/list/list.d.ts +28 -0
  25. package/dist/src/modal/modal.d.ts +1 -7
  26. package/dist/src/navigation-rail/navigation-rail.d.ts +3 -7
  27. package/dist/src/number-field/number-field.d.ts +2 -2
  28. package/dist/src/svg/index.d.ts +1 -0
  29. package/dist/src/svg/svg.d.ts +38 -0
  30. package/dist/src/toolbar/toolbar.d.ts +3 -3
  31. package/dist/toolbar.js +3 -3
  32. package/dist/toolbar.js.map +1 -1
  33. package/dist/tsconfig.tsbuildinfo +1 -1
  34. package/package.json +7 -1
  35. package/readme.md +3 -3
  36. package/src/code-highlighter/code-highlighter.ts +1 -1
  37. package/src/flow-designer/flow-designer-node.ts +1 -1
  38. package/src/html-editor/html-editor.scss +44 -2
  39. package/src/html-editor/html-editor.ts +309 -94
  40. package/src/index.ts +2 -1
  41. package/src/list/index.ts +2 -0
  42. package/src/list/list-item.scss +111 -0
  43. package/src/list/list-item.ts +175 -0
  44. package/src/list/list.scss +24 -0
  45. package/src/list/list.ts +51 -0
  46. package/src/modal/modal.ts +1 -7
  47. package/src/navigation-rail/navigation-rail-item.scss +7 -38
  48. package/src/navigation-rail/navigation-rail-item.ts +1 -2
  49. package/src/navigation-rail/navigation-rail.scss +17 -21
  50. package/src/navigation-rail/navigation-rail.ts +6 -9
  51. package/src/number-field/number-field.ts +2 -2
  52. package/src/peacock-loader.ts +12 -0
  53. package/src/svg/index.ts +1 -0
  54. package/src/svg/svg.scss +91 -0
  55. package/src/svg/svg.ts +160 -0
  56. package/src/toolbar/toolbar.ts +3 -3
  57. package/dist/flow-designer-node-XMe-jlKg.js.map +0 -1
  58. package/dist/navigation-rail-DyO0oAZU.js.map +0 -1
@@ -8211,11 +8211,11 @@
8211
8211
  "label": "HTML Editor",
8212
8212
  "tag": "wc-html-editor",
8213
8213
  "rawTag": "html-editor",
8214
- "summary": "A WYSIWYG HTML editor component with a Material 3 styled toolbar.",
8215
- "overview": "<p>The HTML Editor provides a rich-text editing experience using the browser's built-in\n<code>contenteditable</code> API. It wraps the editable area in a Material 3 styled\n<code>wc-field</code> and exposes a toolbar with common formatting actions.</p>\n\n<p>Get and set the HTML content via the <code>value</code> property. The component\ndispatches a <code>change</code> event whenever the content is modified.</p>",
8214
+ "summary": "A Tiptap-powered HTML editor with visual and source editing modes.",
8215
+ "overview": "<p>The HTML Editor provides a rich-text editing experience built on Tiptap.\nIt wraps the editable area in a Material 3 styled <code>wc-field</code>,\nexposes common formatting actions, and includes a segmented switch between\n<strong>Visual</strong> and <strong>HTML</strong> source modes.</p>\n\n<p>Get and set the HTML content via the <code>value</code> property. The component\ndispatches a <code>change</code> event whenever the content is modified.\nMention suggestions are supported through the <code>mentions</code> property,\nwith optional externally managed lookup via the <code>search</code> event.</p>",
8216
8216
  "cssprop": "--html-editor-toolbar-border-color - Border color between toolbar and editing area.",
8217
- "fires": "change - Fired whenever the editable content changes.",
8218
- "example": "```html\n<wc-html-editor label=\"Description\" value=\"<p>Hello <strong>world</strong></p>\"></wc-html-editor>\n```",
8217
+ "fires": "search - Fired in managed mention mode with { query, callback } detail.",
8218
+ "example": "```html\n<wc-html-editor\n label=\"Description\"\n value=\"<p>Hello <strong>world</strong></p>\"\n .mentions=\"[{ label: 'Alex', value: 'alex' }]\"\n></wc-html-editor>\n```",
8219
8219
  "tags": "input editor",
8220
8220
  "customElement": {
8221
8221
  "kind": "class",
@@ -8236,6 +8236,22 @@
8236
8236
  }
8237
8237
  ],
8238
8238
  "members": [
8239
+ {
8240
+ "kind": "field",
8241
+ "name": "_editor",
8242
+ "type": {
8243
+ "text": "Editor | undefined"
8244
+ },
8245
+ "privacy": "private"
8246
+ },
8247
+ {
8248
+ "kind": "field",
8249
+ "name": "_changeTimeout",
8250
+ "type": {
8251
+ "text": "number | undefined"
8252
+ },
8253
+ "privacy": "private"
8254
+ },
8239
8255
  {
8240
8256
  "kind": "field",
8241
8257
  "name": "value",
@@ -8310,6 +8326,66 @@
8310
8326
  "description": "Error message text.",
8311
8327
  "attribute": "error-text"
8312
8328
  },
8329
+ {
8330
+ "kind": "field",
8331
+ "name": "showToolbar",
8332
+ "type": {
8333
+ "text": "boolean"
8334
+ },
8335
+ "default": "true",
8336
+ "description": "Whether toolbar controls should be displayed in visual mode.",
8337
+ "attribute": "show-toolbar"
8338
+ },
8339
+ {
8340
+ "kind": "field",
8341
+ "name": "mentions",
8342
+ "type": {
8343
+ "text": "Array<{ label: string; value: string }>"
8344
+ },
8345
+ "default": "[]",
8346
+ "description": "Mention suggestions used by the mention extension.",
8347
+ "attribute": "mentions"
8348
+ },
8349
+ {
8350
+ "kind": "field",
8351
+ "name": "mentionsSearch",
8352
+ "type": {
8353
+ "text": "'contains' | 'managed'"
8354
+ },
8355
+ "default": "'contains'",
8356
+ "description": "Mention filtering mode.",
8357
+ "attribute": "mentions-search"
8358
+ },
8359
+ {
8360
+ "kind": "field",
8361
+ "name": "suggestionCharacter",
8362
+ "type": {
8363
+ "text": "string"
8364
+ },
8365
+ "default": "'@'",
8366
+ "description": "Character that triggers mention suggestions.",
8367
+ "attribute": "suggestion-character"
8368
+ },
8369
+ {
8370
+ "kind": "field",
8371
+ "name": "showSuggestionCharacter",
8372
+ "type": {
8373
+ "text": "boolean"
8374
+ },
8375
+ "default": "true",
8376
+ "description": "Whether to include the suggestion character in rendered mention text.",
8377
+ "attribute": "show-suggestion-character"
8378
+ },
8379
+ {
8380
+ "kind": "field",
8381
+ "name": "debounce",
8382
+ "type": {
8383
+ "text": "number"
8384
+ },
8385
+ "default": "250",
8386
+ "description": "Debounce in milliseconds for dispatching `change`.",
8387
+ "attribute": "debounce"
8388
+ },
8313
8389
  {
8314
8390
  "kind": "field",
8315
8391
  "name": "_focused",
@@ -8319,6 +8395,15 @@
8319
8395
  "privacy": "private",
8320
8396
  "default": "false"
8321
8397
  },
8398
+ {
8399
+ "kind": "field",
8400
+ "name": "_mode",
8401
+ "type": {
8402
+ "text": "'visual' | 'html'"
8403
+ },
8404
+ "privacy": "private",
8405
+ "default": "'visual'"
8406
+ },
8322
8407
  {
8323
8408
  "kind": "field",
8324
8409
  "name": "_editorEl",
@@ -8329,18 +8414,12 @@
8329
8414
  },
8330
8415
  {
8331
8416
  "kind": "method",
8332
- "name": "_execCmd",
8417
+ "name": "_normalizeHtml",
8333
8418
  "privacy": "private",
8419
+ "static": true,
8334
8420
  "parameters": [
8335
- {
8336
- "name": "command",
8337
- "type": {
8338
- "text": "string"
8339
- }
8340
- },
8341
8421
  {
8342
8422
  "name": "value",
8343
- "optional": true,
8344
8423
  "type": {
8345
8424
  "text": "string"
8346
8425
  }
@@ -8349,53 +8428,120 @@
8349
8428
  },
8350
8429
  {
8351
8430
  "kind": "method",
8352
- "name": "_handleInput",
8431
+ "name": "_destroyEditor",
8353
8432
  "privacy": "private"
8354
8433
  },
8355
8434
  {
8356
8435
  "kind": "method",
8357
- "name": "_handleFocus",
8436
+ "name": "_initializeEditor",
8358
8437
  "privacy": "private"
8359
8438
  },
8360
8439
  {
8361
- "kind": "method",
8362
- "name": "_handleBlur",
8440
+ "kind": "field",
8441
+ "name": "_focusEditorOnContainerClick",
8363
8442
  "privacy": "private"
8364
8443
  },
8365
8444
  {
8366
8445
  "kind": "method",
8367
- "name": "_insertLink",
8446
+ "name": "_dispatchDebouncedChange",
8368
8447
  "privacy": "private"
8369
8448
  },
8370
8449
  {
8371
8450
  "kind": "method",
8372
- "name": "_toolbarButton",
8451
+ "name": "_requestManagedMentions",
8373
8452
  "privacy": "private",
8453
+ "return": {
8454
+ "type": {
8455
+ "text": "Promise<string[]>"
8456
+ }
8457
+ },
8374
8458
  "parameters": [
8375
8459
  {
8376
- "name": "icon",
8460
+ "name": "mentionQuery",
8377
8461
  "type": {
8378
8462
  "text": "string"
8379
8463
  }
8380
- },
8464
+ }
8465
+ ]
8466
+ },
8467
+ {
8468
+ "kind": "method",
8469
+ "name": "_getMentionItem",
8470
+ "privacy": "private",
8471
+ "parameters": [
8381
8472
  {
8382
- "name": "title",
8473
+ "name": "value",
8383
8474
  "type": {
8384
8475
  "text": "string"
8385
8476
  }
8386
- },
8477
+ }
8478
+ ]
8479
+ },
8480
+ {
8481
+ "kind": "method",
8482
+ "name": "_execCommand",
8483
+ "privacy": "private",
8484
+ "parameters": [
8387
8485
  {
8388
8486
  "name": "command",
8487
+ "type": {
8488
+ "text": "() => void"
8489
+ }
8490
+ }
8491
+ ]
8492
+ },
8493
+ {
8494
+ "kind": "method",
8495
+ "name": "_switchMode",
8496
+ "privacy": "private",
8497
+ "parameters": [
8498
+ {
8499
+ "name": "event",
8500
+ "type": {
8501
+ "text": "CustomEvent<{ value: string }>"
8502
+ }
8503
+ }
8504
+ ]
8505
+ },
8506
+ {
8507
+ "kind": "method",
8508
+ "name": "_handleSourceChange",
8509
+ "privacy": "private",
8510
+ "parameters": [
8511
+ {
8512
+ "name": "event",
8513
+ "type": {
8514
+ "text": "Event"
8515
+ }
8516
+ }
8517
+ ]
8518
+ },
8519
+ {
8520
+ "kind": "method",
8521
+ "name": "_toolbarButton",
8522
+ "privacy": "private",
8523
+ "parameters": [
8524
+ {
8525
+ "name": "icon",
8389
8526
  "type": {
8390
8527
  "text": "string"
8391
8528
  }
8392
8529
  },
8393
8530
  {
8394
- "name": "value",
8395
- "optional": true,
8531
+ "name": "title",
8396
8532
  "type": {
8397
8533
  "text": "string"
8398
8534
  }
8535
+ },
8536
+ {
8537
+ "name": "action",
8538
+ "type": {
8539
+ "text": "() => void"
8540
+ }
8541
+ },
8542
+ {
8543
+ "name": "active",
8544
+ "default": "false"
8399
8545
  }
8400
8546
  ]
8401
8547
  },
@@ -8404,6 +8550,11 @@
8404
8550
  "name": "_renderToolbar",
8405
8551
  "privacy": "private"
8406
8552
  },
8553
+ {
8554
+ "kind": "method",
8555
+ "name": "_renderReadonlyTag",
8556
+ "privacy": "private"
8557
+ },
8407
8558
  {
8408
8559
  "kind": "field",
8409
8560
  "name": "disabled",
@@ -8462,6 +8613,13 @@
8462
8613
  }
8463
8614
  ],
8464
8615
  "events": [
8616
+ {
8617
+ "name": "search",
8618
+ "type": {
8619
+ "text": "CustomEvent"
8620
+ },
8621
+ "description": "Fired in managed mention mode with { query, callback } detail."
8622
+ },
8465
8623
  {
8466
8624
  "type": {
8467
8625
  "text": "Event"
@@ -8534,6 +8692,60 @@
8534
8692
  "description": "Error message text.",
8535
8693
  "fieldName": "errorText"
8536
8694
  },
8695
+ {
8696
+ "name": "show-toolbar",
8697
+ "type": {
8698
+ "text": "boolean"
8699
+ },
8700
+ "default": "true",
8701
+ "description": "Whether toolbar controls should be displayed in visual mode.",
8702
+ "fieldName": "showToolbar"
8703
+ },
8704
+ {
8705
+ "name": "mentions",
8706
+ "type": {
8707
+ "text": "Array<{ label: string; value: string }>"
8708
+ },
8709
+ "default": "[]",
8710
+ "description": "Mention suggestions used by the mention extension.",
8711
+ "fieldName": "mentions"
8712
+ },
8713
+ {
8714
+ "name": "mentions-search",
8715
+ "type": {
8716
+ "text": "'contains' | 'managed'"
8717
+ },
8718
+ "default": "'contains'",
8719
+ "description": "Mention filtering mode.",
8720
+ "fieldName": "mentionsSearch"
8721
+ },
8722
+ {
8723
+ "name": "suggestion-character",
8724
+ "type": {
8725
+ "text": "string"
8726
+ },
8727
+ "default": "'@'",
8728
+ "description": "Character that triggers mention suggestions.",
8729
+ "fieldName": "suggestionCharacter"
8730
+ },
8731
+ {
8732
+ "name": "show-suggestion-character",
8733
+ "type": {
8734
+ "text": "boolean"
8735
+ },
8736
+ "default": "true",
8737
+ "description": "Whether to include the suggestion character in rendered mention text.",
8738
+ "fieldName": "showSuggestionCharacter"
8739
+ },
8740
+ {
8741
+ "name": "debounce",
8742
+ "type": {
8743
+ "text": "number"
8744
+ },
8745
+ "default": "250",
8746
+ "description": "Debounce in milliseconds for dispatching `change`.",
8747
+ "fieldName": "debounce"
8748
+ },
8537
8749
  {
8538
8750
  "name": "disabled",
8539
8751
  "type": {
@@ -8589,7 +8801,7 @@
8589
8801
  },
8590
8802
  "tagName": "wc-html-editor",
8591
8803
  "customElement": true,
8592
- "summary": "A WYSIWYG HTML editor component with a Material 3 styled toolbar.",
8804
+ "summary": "A Tiptap-powered HTML editor with visual and source editing modes.",
8593
8805
  "rawTag": {
8594
8806
  "name": "html-editor",
8595
8807
  "description": ""
@@ -10367,69 +10579,505 @@
10367
10579
  "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
10368
10580
  "attribute": "target",
10369
10581
  "inheritedFrom": {
10370
- "name": "BaseHyperlinkMixin",
10371
- "module": "src/__mixins/BaseHyperlinkMixin.ts"
10582
+ "name": "BaseHyperlinkMixin",
10583
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10584
+ }
10585
+ },
10586
+ {
10587
+ "kind": "field",
10588
+ "name": "rel",
10589
+ "type": {
10590
+ "text": "string | undefined"
10591
+ },
10592
+ "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
10593
+ "attribute": "rel",
10594
+ "inheritedFrom": {
10595
+ "name": "BaseHyperlinkMixin",
10596
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10597
+ }
10598
+ },
10599
+ {
10600
+ "kind": "field",
10601
+ "name": "download",
10602
+ "type": {
10603
+ "text": "string | undefined"
10604
+ },
10605
+ "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
10606
+ "attribute": "download",
10607
+ "inheritedFrom": {
10608
+ "name": "BaseHyperlinkMixin",
10609
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10610
+ }
10611
+ },
10612
+ {
10613
+ "kind": "method",
10614
+ "name": "__isLink",
10615
+ "return": {
10616
+ "type": {
10617
+ "text": "boolean"
10618
+ }
10619
+ },
10620
+ "description": "Returns `true` when `href` is set, indicating the component should render as a link.",
10621
+ "inheritedFrom": {
10622
+ "name": "BaseHyperlinkMixin",
10623
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10624
+ }
10625
+ }
10626
+ ],
10627
+ "mixins": [
10628
+ {
10629
+ "name": "BaseHyperlinkMixin",
10630
+ "module": "/src/__mixins/BaseHyperlinkMixin.js"
10631
+ }
10632
+ ],
10633
+ "superclass": {
10634
+ "name": "LitElement",
10635
+ "package": "lit"
10636
+ },
10637
+ "tagName": "wc-link",
10638
+ "customElement": true,
10639
+ "summary": "The link component is used to navigate to a new page or section within the current page.",
10640
+ "rawTag": {
10641
+ "name": "link",
10642
+ "description": ""
10643
+ },
10644
+ "attributes": [
10645
+ {
10646
+ "name": "href",
10647
+ "type": {
10648
+ "text": "string | undefined"
10649
+ },
10650
+ "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
10651
+ "fieldName": "href",
10652
+ "inheritedFrom": {
10653
+ "name": "BaseHyperlinkMixin",
10654
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10655
+ }
10656
+ },
10657
+ {
10658
+ "name": "target",
10659
+ "type": {
10660
+ "text": "'_self' | '_parent' | '_blank' | '_top' | string"
10661
+ },
10662
+ "default": "'_self'",
10663
+ "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
10664
+ "fieldName": "target",
10665
+ "inheritedFrom": {
10666
+ "name": "BaseHyperlinkMixin",
10667
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10668
+ }
10669
+ },
10670
+ {
10671
+ "name": "rel",
10672
+ "type": {
10673
+ "text": "string | undefined"
10674
+ },
10675
+ "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
10676
+ "fieldName": "rel",
10677
+ "inheritedFrom": {
10678
+ "name": "BaseHyperlinkMixin",
10679
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10680
+ }
10681
+ },
10682
+ {
10683
+ "name": "download",
10684
+ "type": {
10685
+ "text": "string | undefined"
10686
+ },
10687
+ "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
10688
+ "fieldName": "download",
10689
+ "inheritedFrom": {
10690
+ "name": "BaseHyperlinkMixin",
10691
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10692
+ }
10693
+ }
10694
+ ]
10695
+ }
10696
+ },
10697
+ {
10698
+ "label": "List",
10699
+ "tag": "wc-list",
10700
+ "rawTag": "list",
10701
+ "summary": "A Material 3 list container for one or more list items.",
10702
+ "example": "```html\n<wc-list>\n <wc-list-item>\n <wc-icon slot=\"leading\" name=\"inbox\"></wc-icon>\n Inbox\n <span slot=\"trailing\">24</span>\n </wc-list-item>\n</wc-list>\n```",
10703
+ "tags": "display",
10704
+ "customElement": {
10705
+ "kind": "class",
10706
+ "description": "",
10707
+ "name": "List",
10708
+ "members": [
10709
+ {
10710
+ "kind": "field",
10711
+ "name": "Item",
10712
+ "static": true,
10713
+ "default": "ListItem"
10714
+ },
10715
+ {
10716
+ "kind": "field",
10717
+ "name": "variant",
10718
+ "type": {
10719
+ "text": "'standard' | 'vibrant'"
10720
+ },
10721
+ "default": "'standard'",
10722
+ "attribute": "variant",
10723
+ "reflects": true
10724
+ }
10725
+ ],
10726
+ "attributes": [
10727
+ {
10728
+ "name": "variant",
10729
+ "type": {
10730
+ "text": "'standard' | 'vibrant'"
10731
+ },
10732
+ "default": "'standard'",
10733
+ "fieldName": "variant"
10734
+ }
10735
+ ],
10736
+ "superclass": {
10737
+ "name": "LitElement",
10738
+ "package": "lit"
10739
+ },
10740
+ "tagName": "wc-list",
10741
+ "customElement": true,
10742
+ "summary": "A Material 3 list container for one or more list items.",
10743
+ "rawTag": {
10744
+ "name": "list",
10745
+ "description": ""
10746
+ }
10747
+ }
10748
+ },
10749
+ {
10750
+ "label": "List Item",
10751
+ "tag": "wc-list-item",
10752
+ "rawTag": "list-item",
10753
+ "parentRawTag": "list",
10754
+ "summary": "A Material 3 list item with leading, trailing and content slots.",
10755
+ "example": "```html\n<wc-list-item selected>\n <wc-icon slot=\"leading\" name=\"person\"></wc-icon>\n Profile\n <wc-icon slot=\"trailing\" name=\"chevron_right\"></wc-icon>\n</wc-list-item>\n```",
10756
+ "tags": "display",
10757
+ "customElement": {
10758
+ "kind": "class",
10759
+ "description": "",
10760
+ "name": "ListItem",
10761
+ "members": [
10762
+ {
10763
+ "kind": "field",
10764
+ "name": "selected",
10765
+ "type": {
10766
+ "text": "boolean"
10767
+ },
10768
+ "default": "false",
10769
+ "attribute": "selected",
10770
+ "reflects": true
10771
+ },
10772
+ {
10773
+ "kind": "field",
10774
+ "name": "itemElement",
10775
+ "type": {
10776
+ "text": "HTMLElement | null"
10777
+ },
10778
+ "readonly": true
10779
+ },
10780
+ {
10781
+ "kind": "field",
10782
+ "name": "isPressed",
10783
+ "type": {
10784
+ "text": "boolean"
10785
+ },
10786
+ "default": "false"
10787
+ },
10788
+ {
10789
+ "kind": "method",
10790
+ "name": "focus"
10791
+ },
10792
+ {
10793
+ "kind": "method",
10794
+ "name": "blur"
10795
+ },
10796
+ {
10797
+ "kind": "field",
10798
+ "name": "__dispatchClick"
10799
+ },
10800
+ {
10801
+ "kind": "field",
10802
+ "name": "__handleKeyDown"
10803
+ },
10804
+ {
10805
+ "kind": "field",
10806
+ "name": "__handlePress"
10807
+ },
10808
+ {
10809
+ "kind": "method",
10810
+ "name": "renderContent"
10811
+ },
10812
+ {
10813
+ "kind": "field",
10814
+ "name": "htmlType",
10815
+ "type": {
10816
+ "text": "'button' | 'submit' | 'reset'"
10817
+ },
10818
+ "default": "'button'",
10819
+ "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
10820
+ "attribute": "htmlType",
10821
+ "inheritedFrom": {
10822
+ "name": "BaseButtonMixin",
10823
+ "module": "src/__mixins/BaseButtonMixin.ts"
10824
+ }
10825
+ },
10826
+ {
10827
+ "kind": "field",
10828
+ "name": "disabled",
10829
+ "type": {
10830
+ "text": "boolean"
10831
+ },
10832
+ "default": "false",
10833
+ "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
10834
+ "attribute": "disabled",
10835
+ "reflects": true,
10836
+ "inheritedFrom": {
10837
+ "name": "BaseButtonMixin",
10838
+ "module": "src/__mixins/BaseButtonMixin.ts"
10839
+ }
10840
+ },
10841
+ {
10842
+ "kind": "field",
10843
+ "name": "softDisabled",
10844
+ "type": {
10845
+ "text": "boolean"
10846
+ },
10847
+ "default": "false",
10848
+ "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
10849
+ "attribute": "soft-disabled",
10850
+ "reflects": true,
10851
+ "inheritedFrom": {
10852
+ "name": "BaseButtonMixin",
10853
+ "module": "src/__mixins/BaseButtonMixin.ts"
10854
+ }
10855
+ },
10856
+ {
10857
+ "kind": "field",
10858
+ "name": "disabledReason",
10859
+ "type": {
10860
+ "text": "string"
10861
+ },
10862
+ "default": "''",
10863
+ "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
10864
+ "attribute": "disabled-reason",
10865
+ "inheritedFrom": {
10866
+ "name": "BaseButtonMixin",
10867
+ "module": "src/__mixins/BaseButtonMixin.ts"
10868
+ }
10869
+ },
10870
+ {
10871
+ "kind": "field",
10872
+ "name": "form",
10873
+ "type": {
10874
+ "text": "string"
10875
+ },
10876
+ "default": "''",
10877
+ "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
10878
+ "attribute": "form",
10879
+ "inheritedFrom": {
10880
+ "name": "BaseButtonMixin",
10881
+ "module": "src/__mixins/BaseButtonMixin.ts"
10882
+ }
10883
+ },
10884
+ {
10885
+ "kind": "field",
10886
+ "name": "name",
10887
+ "type": {
10888
+ "text": "string"
10889
+ },
10890
+ "default": "''",
10891
+ "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
10892
+ "attribute": "name",
10893
+ "inheritedFrom": {
10894
+ "name": "BaseButtonMixin",
10895
+ "module": "src/__mixins/BaseButtonMixin.ts"
10896
+ }
10897
+ },
10898
+ {
10899
+ "kind": "field",
10900
+ "name": "value",
10901
+ "type": {
10902
+ "text": "string"
10903
+ },
10904
+ "default": "''",
10905
+ "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
10906
+ "attribute": "value",
10907
+ "inheritedFrom": {
10908
+ "name": "BaseButtonMixin",
10909
+ "module": "src/__mixins/BaseButtonMixin.ts"
10910
+ }
10911
+ },
10912
+ {
10913
+ "kind": "field",
10914
+ "name": "href",
10915
+ "type": {
10916
+ "text": "string | undefined"
10917
+ },
10918
+ "description": "The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\nMaps to the native `href` attribute.",
10919
+ "attribute": "href",
10920
+ "reflects": true,
10921
+ "inheritedFrom": {
10922
+ "name": "BaseHyperlinkMixin",
10923
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10924
+ }
10925
+ },
10926
+ {
10927
+ "kind": "field",
10928
+ "name": "target",
10929
+ "type": {
10930
+ "text": "'_self' | '_parent' | '_blank' | '_top' | string"
10931
+ },
10932
+ "default": "'_self'",
10933
+ "description": "Where to display the linked URL. Maps to the native `target` attribute.\nPossible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\nWhen using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.",
10934
+ "attribute": "target",
10935
+ "inheritedFrom": {
10936
+ "name": "BaseHyperlinkMixin",
10937
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10938
+ }
10939
+ },
10940
+ {
10941
+ "kind": "field",
10942
+ "name": "rel",
10943
+ "type": {
10944
+ "text": "string | undefined"
10945
+ },
10946
+ "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
10947
+ "attribute": "rel",
10948
+ "inheritedFrom": {
10949
+ "name": "BaseHyperlinkMixin",
10950
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10951
+ }
10952
+ },
10953
+ {
10954
+ "kind": "field",
10955
+ "name": "download",
10956
+ "type": {
10957
+ "text": "string | undefined"
10958
+ },
10959
+ "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
10960
+ "attribute": "download",
10961
+ "inheritedFrom": {
10962
+ "name": "BaseHyperlinkMixin",
10963
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10964
+ }
10965
+ },
10966
+ {
10967
+ "kind": "method",
10968
+ "name": "__isLink",
10969
+ "return": {
10970
+ "type": {
10971
+ "text": "boolean"
10972
+ }
10973
+ },
10974
+ "description": "Returns `true` when `href` is set, indicating the component should render as a link.",
10975
+ "inheritedFrom": {
10976
+ "name": "BaseHyperlinkMixin",
10977
+ "module": "src/__mixins/BaseHyperlinkMixin.ts"
10978
+ }
10979
+ }
10980
+ ],
10981
+ "attributes": [
10982
+ {
10983
+ "name": "selected",
10984
+ "type": {
10985
+ "text": "boolean"
10986
+ },
10987
+ "default": "false",
10988
+ "fieldName": "selected"
10989
+ },
10990
+ {
10991
+ "name": "htmlType",
10992
+ "type": {
10993
+ "text": "'button' | 'submit' | 'reset'"
10994
+ },
10995
+ "default": "'button'",
10996
+ "description": "The type of the underlying `<button>` element. Maps to the native `type` attribute.\nPossible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.",
10997
+ "fieldName": "htmlType",
10998
+ "inheritedFrom": {
10999
+ "name": "BaseButtonMixin",
11000
+ "module": "src/__mixins/BaseButtonMixin.ts"
11001
+ }
11002
+ },
11003
+ {
11004
+ "name": "disabled",
11005
+ "type": {
11006
+ "text": "boolean"
11007
+ },
11008
+ "default": "false",
11009
+ "description": "When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.",
11010
+ "fieldName": "disabled",
11011
+ "inheritedFrom": {
11012
+ "name": "BaseButtonMixin",
11013
+ "module": "src/__mixins/BaseButtonMixin.ts"
11014
+ }
11015
+ },
11016
+ {
11017
+ "name": "soft-disabled",
11018
+ "type": {
11019
+ "text": "boolean"
11020
+ },
11021
+ "default": "false",
11022
+ "description": "When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\nUse this in combination with `disabledReason` to communicate why the button is unavailable.\nReflects to the `soft-disabled` attribute. Defaults to `false`.",
11023
+ "fieldName": "softDisabled",
11024
+ "inheritedFrom": {
11025
+ "name": "BaseButtonMixin",
11026
+ "module": "src/__mixins/BaseButtonMixin.ts"
11027
+ }
11028
+ },
11029
+ {
11030
+ "name": "disabled-reason",
11031
+ "type": {
11032
+ "text": "string"
11033
+ },
11034
+ "default": "''",
11035
+ "description": "A human-readable explanation of why the button is disabled or soft-disabled.\nRendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\nMaps to the `disabled-reason` attribute.",
11036
+ "fieldName": "disabledReason",
11037
+ "inheritedFrom": {
11038
+ "name": "BaseButtonMixin",
11039
+ "module": "src/__mixins/BaseButtonMixin.ts"
10372
11040
  }
10373
11041
  },
10374
11042
  {
10375
- "kind": "field",
10376
- "name": "rel",
11043
+ "name": "form",
10377
11044
  "type": {
10378
- "text": "string | undefined"
11045
+ "text": "string"
10379
11046
  },
10380
- "description": "The relationship between the current document and the linked URL.\nMaps to the native `rel` attribute on the rendered `<a>` element.\nWhen `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.",
10381
- "attribute": "rel",
11047
+ "default": "''",
11048
+ "description": "The `id` of the `<form>` element to associate the button with.\nIf omitted, the button is associated with its nearest ancestor form.\nMaps to the native `form` attribute.",
11049
+ "fieldName": "form",
10382
11050
  "inheritedFrom": {
10383
- "name": "BaseHyperlinkMixin",
10384
- "module": "src/__mixins/BaseHyperlinkMixin.ts"
11051
+ "name": "BaseButtonMixin",
11052
+ "module": "src/__mixins/BaseButtonMixin.ts"
10385
11053
  }
10386
11054
  },
10387
11055
  {
10388
- "kind": "field",
10389
- "name": "download",
11056
+ "name": "name",
10390
11057
  "type": {
10391
- "text": "string | undefined"
11058
+ "text": "string"
10392
11059
  },
10393
- "description": "Causes the browser to download the linked URL instead of navigating to it.\nIf a string value is provided, it is used as the suggested filename.\nOmit or leave undefined to preserve normal navigation behaviour.\nMaps to the native `download` attribute. Only applies when `href` is set.",
10394
- "attribute": "download",
11060
+ "default": "''",
11061
+ "description": "The name of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `name` attribute.",
11062
+ "fieldName": "name",
10395
11063
  "inheritedFrom": {
10396
- "name": "BaseHyperlinkMixin",
10397
- "module": "src/__mixins/BaseHyperlinkMixin.ts"
11064
+ "name": "BaseButtonMixin",
11065
+ "module": "src/__mixins/BaseButtonMixin.ts"
10398
11066
  }
10399
11067
  },
10400
11068
  {
10401
- "kind": "method",
10402
- "name": "__isLink",
10403
- "return": {
10404
- "type": {
10405
- "text": "boolean"
10406
- }
11069
+ "name": "value",
11070
+ "type": {
11071
+ "text": "string"
10407
11072
  },
10408
- "description": "Returns `true` when `href` is set, indicating the component should render as a link.",
11073
+ "default": "''",
11074
+ "description": "The value of the button, submitted as part of a name/value pair when the associated form is submitted.\nMaps to the native `value` attribute.",
11075
+ "fieldName": "value",
10409
11076
  "inheritedFrom": {
10410
- "name": "BaseHyperlinkMixin",
10411
- "module": "src/__mixins/BaseHyperlinkMixin.ts"
11077
+ "name": "BaseButtonMixin",
11078
+ "module": "src/__mixins/BaseButtonMixin.ts"
10412
11079
  }
10413
- }
10414
- ],
10415
- "mixins": [
10416
- {
10417
- "name": "BaseHyperlinkMixin",
10418
- "module": "/src/__mixins/BaseHyperlinkMixin.js"
10419
- }
10420
- ],
10421
- "superclass": {
10422
- "name": "LitElement",
10423
- "package": "lit"
10424
- },
10425
- "tagName": "wc-link",
10426
- "customElement": true,
10427
- "summary": "The link component is used to navigate to a new page or section within the current page.",
10428
- "rawTag": {
10429
- "name": "link",
10430
- "description": ""
10431
- },
10432
- "attributes": [
11080
+ },
10433
11081
  {
10434
11082
  "name": "href",
10435
11083
  "type": {
@@ -10479,7 +11127,28 @@
10479
11127
  "module": "src/__mixins/BaseHyperlinkMixin.ts"
10480
11128
  }
10481
11129
  }
10482
- ]
11130
+ ],
11131
+ "mixins": [
11132
+ {
11133
+ "name": "BaseButtonMixin",
11134
+ "package": "@/__mixins/BaseButtonMixin.js"
11135
+ },
11136
+ {
11137
+ "name": "BaseHyperlinkMixin",
11138
+ "package": "@/__mixins/BaseHyperlinkMixin.js"
11139
+ }
11140
+ ],
11141
+ "superclass": {
11142
+ "name": "LitElement",
11143
+ "package": "lit"
11144
+ },
11145
+ "tagName": "wc-list-item",
11146
+ "customElement": true,
11147
+ "summary": "A Material 3 list item with leading, trailing and content slots.",
11148
+ "rawTag": {
11149
+ "name": "list-item",
11150
+ "description": ""
11151
+ }
10483
11152
  }
10484
11153
  },
10485
11154
  {
@@ -11375,7 +12044,7 @@
11375
12044
  "rawTag": "modal-wc",
11376
12045
  "summary": "A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.",
11377
12046
  "cssprop": "--modal-max-height - Maximum height of the dialog.",
11378
- "example": "```html\n<wc-modal open heading=\"Confirm Action\">\n <p>Are you sure you want to continue?</p>\n <div slot=\"footer\">\n <wc-button variant=\"text\">Cancel</wc-button>\n <wc-button>Confirm</wc-button>\n </div>\n</wc-modal>\n```",
12047
+ "example": "```html\nMODAL\n```",
11379
12048
  "tags": "overlay, dialog, feedback",
11380
12049
  "customElement": {
11381
12050
  "kind": "class",
@@ -11636,6 +12305,7 @@
11636
12305
  "rawTag": "navigation-rail",
11637
12306
  "summary": "A vertical side navigation for medium-sized screens, following Material Design 3 specs.",
11638
12307
  "overview": "<p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>\n<p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>",
12308
+ "slot": "footer - Content pinned to the bottom of the rail.",
11639
12309
  "cssprop": "--nav-rail-active-label-color - Color of active labels. Defaults to on-surface.",
11640
12310
  "example": "```html\n<wc-navigation-rail>\n <wc-navigation-rail-item active>\n <wc-icon slot=\"icon\">home</wc-icon>\n Home\n </wc-navigation-rail-item>\n <wc-navigation-rail-item>\n <wc-icon slot=\"icon\">search</wc-icon>\n Search\n </wc-navigation-rail-item>\n <wc-navigation-rail-item>\n <wc-icon slot=\"icon\">settings</wc-icon>\n Settings\n </wc-navigation-rail-item>\n</wc-navigation-rail>\n```",
11641
12311
  "tags": "navigation",
@@ -11685,6 +12355,16 @@
11685
12355
  "name": "--nav-rail-active-label-color"
11686
12356
  }
11687
12357
  ],
12358
+ "slots": [
12359
+ {
12360
+ "description": "Content displayed above the rail items.",
12361
+ "name": "header"
12362
+ },
12363
+ {
12364
+ "description": "Content pinned to the bottom of the rail.",
12365
+ "name": "footer"
12366
+ }
12367
+ ],
11688
12368
  "members": [
11689
12369
  {
11690
12370
  "kind": "field",
@@ -11692,17 +12372,6 @@
11692
12372
  "static": true,
11693
12373
  "default": "NavigationRailItem"
11694
12374
  },
11695
- {
11696
- "kind": "field",
11697
- "name": "alignment",
11698
- "type": {
11699
- "text": "'top' | 'center' | 'bottom'"
11700
- },
11701
- "default": "'center'",
11702
- "description": "Vertical alignment of items within the rail.\n- `\"top\"`: Items align to the top.\n- `\"center\"`: Items are centered (default).\n- `\"bottom\"`: Items align to the bottom.",
11703
- "attribute": "alignment",
11704
- "reflects": true
11705
- },
11706
12375
  {
11707
12376
  "kind": "field",
11708
12377
  "name": "mode",
@@ -11746,15 +12415,6 @@
11746
12415
  }
11747
12416
  ],
11748
12417
  "attributes": [
11749
- {
11750
- "name": "alignment",
11751
- "type": {
11752
- "text": "'top' | 'center' | 'bottom'"
11753
- },
11754
- "default": "'center'",
11755
- "description": "Vertical alignment of items within the rail.\n- `\"top\"`: Items align to the top.\n- `\"center\"`: Items are centered (default).\n- `\"bottom\"`: Items align to the bottom.",
11756
- "fieldName": "alignment"
11757
- },
11758
12418
  {
11759
12419
  "name": "mode",
11760
12420
  "type": {
@@ -12547,8 +13207,8 @@
12547
13207
  },
12548
13208
  {
12549
13209
  "label": "Number Field",
12550
- "tag": "number-field",
12551
- "rawTag": "number",
13210
+ "tag": "wc-number-field",
13211
+ "rawTag": "number-field",
12552
13212
  "summary": "The Number Field component is used to capture numeric user input.",
12553
13213
  "example": "```html\n<wc-number-field label=\"Age\" placeholder=\"Enter your age\"></wc-number-field>\n```",
12554
13214
  "customElement": {
@@ -13053,11 +13713,11 @@
13053
13713
  "name": "BaseInput",
13054
13714
  "module": "/src/input/BaseInput.js"
13055
13715
  },
13056
- "tagName": "number-field",
13716
+ "tagName": "wc-number-field",
13057
13717
  "customElement": true,
13058
13718
  "summary": "The Number Field component is used to capture numeric user input.",
13059
13719
  "rawTag": {
13060
- "name": "number",
13720
+ "name": "number-field",
13061
13721
  "description": ""
13062
13722
  }
13063
13723
  }
@@ -17003,6 +17663,178 @@
17003
17663
  }
17004
17664
  }
17005
17665
  },
17666
+ {
17667
+ "label": "SVG",
17668
+ "tag": "wc-svg",
17669
+ "rawTag": "svg",
17670
+ "summary": "An SVG component with lazy loading and optional preview support.",
17671
+ "overview": "Renders an inline SVG fetched from a URL, with lazy loading via IntersectionObserver and an optional click-to-preview lightbox.",
17672
+ "cssprop": "[--svg-size=1rem] - Controls the size of the SVG. Defaults to \"1rem\"",
17673
+ "example": "```html\n<wc-svg src=\"/icons/my-icon.svg\" image-title=\"My icon\"></wc-svg>\n```",
17674
+ "customElement": {
17675
+ "kind": "class",
17676
+ "description": "",
17677
+ "name": "Svg",
17678
+ "cssProperties": [
17679
+ {
17680
+ "description": "Controls the fill color of the SVG.",
17681
+ "name": "--svg-color"
17682
+ },
17683
+ {
17684
+ "description": "Controls the size of the SVG. Defaults to \"1rem\"",
17685
+ "name": "--svg-size",
17686
+ "default": "1rem"
17687
+ }
17688
+ ],
17689
+ "members": [
17690
+ {
17691
+ "kind": "field",
17692
+ "name": "src",
17693
+ "type": {
17694
+ "text": "string"
17695
+ },
17696
+ "default": "''",
17697
+ "description": "URL of the SVG asset to fetch and render inline.",
17698
+ "attribute": "src",
17699
+ "reflects": true
17700
+ },
17701
+ {
17702
+ "kind": "field",
17703
+ "name": "imageTitle",
17704
+ "type": {
17705
+ "text": "string"
17706
+ },
17707
+ "default": "''",
17708
+ "description": "Accessible title / alt text for the SVG.",
17709
+ "attribute": "image-title"
17710
+ },
17711
+ {
17712
+ "kind": "field",
17713
+ "name": "preview",
17714
+ "type": {
17715
+ "text": "boolean"
17716
+ },
17717
+ "default": "false",
17718
+ "description": "Enable click-to-preview lightbox.",
17719
+ "attribute": "preview",
17720
+ "reflects": true
17721
+ },
17722
+ {
17723
+ "kind": "field",
17724
+ "name": "_loaded",
17725
+ "type": {
17726
+ "text": "boolean"
17727
+ },
17728
+ "privacy": "private",
17729
+ "default": "false"
17730
+ },
17731
+ {
17732
+ "kind": "field",
17733
+ "name": "_previewOpen",
17734
+ "type": {
17735
+ "text": "boolean"
17736
+ },
17737
+ "privacy": "private",
17738
+ "default": "false"
17739
+ },
17740
+ {
17741
+ "kind": "field",
17742
+ "name": "_svgContent",
17743
+ "type": {
17744
+ "text": "string"
17745
+ },
17746
+ "privacy": "private",
17747
+ "default": "''"
17748
+ },
17749
+ {
17750
+ "kind": "field",
17751
+ "name": "_fetchId",
17752
+ "type": {
17753
+ "text": "number"
17754
+ },
17755
+ "privacy": "private",
17756
+ "default": "0"
17757
+ },
17758
+ {
17759
+ "kind": "field",
17760
+ "name": "_intersectionObserver",
17761
+ "type": {
17762
+ "text": "IntersectionObserver | null"
17763
+ },
17764
+ "privacy": "private",
17765
+ "default": "null"
17766
+ },
17767
+ {
17768
+ "kind": "method",
17769
+ "name": "_setupIntersectionObserver",
17770
+ "privacy": "private"
17771
+ },
17772
+ {
17773
+ "kind": "method",
17774
+ "name": "_fetchSvg",
17775
+ "privacy": "private"
17776
+ },
17777
+ {
17778
+ "kind": "method",
17779
+ "name": "_handleClick",
17780
+ "privacy": "private"
17781
+ },
17782
+ {
17783
+ "kind": "method",
17784
+ "name": "_closePreview",
17785
+ "privacy": "private",
17786
+ "parameters": [
17787
+ {
17788
+ "name": "e",
17789
+ "type": {
17790
+ "text": "Event"
17791
+ }
17792
+ }
17793
+ ]
17794
+ }
17795
+ ],
17796
+ "attributes": [
17797
+ {
17798
+ "name": "src",
17799
+ "type": {
17800
+ "text": "string"
17801
+ },
17802
+ "default": "''",
17803
+ "description": "URL of the SVG asset to fetch and render inline.",
17804
+ "fieldName": "src"
17805
+ },
17806
+ {
17807
+ "name": "image-title",
17808
+ "type": {
17809
+ "text": "string"
17810
+ },
17811
+ "default": "''",
17812
+ "description": "Accessible title / alt text for the SVG.",
17813
+ "fieldName": "imageTitle"
17814
+ },
17815
+ {
17816
+ "name": "preview",
17817
+ "type": {
17818
+ "text": "boolean"
17819
+ },
17820
+ "default": "false",
17821
+ "description": "Enable click-to-preview lightbox.",
17822
+ "fieldName": "preview"
17823
+ }
17824
+ ],
17825
+ "superclass": {
17826
+ "name": "LitElement",
17827
+ "package": "lit"
17828
+ },
17829
+ "tagName": "wc-svg",
17830
+ "customElement": true,
17831
+ "summary": "An SVG component with lazy loading and optional preview support.",
17832
+ "rawTag": {
17833
+ "name": "svg",
17834
+ "description": ""
17835
+ }
17836
+ }
17837
+ },
17006
17838
  {
17007
17839
  "label": "Switch",
17008
17840
  "tag": "wc-switch",