@redvars/peacock 3.2.8 → 3.2.9

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 (81) hide show
  1. package/dist/{PeacockComponent-DMrFEGDh.js → PeacockComponent-CxJc63xj.js} +6 -13
  2. package/dist/PeacockComponent-CxJc63xj.js.map +1 -0
  3. package/dist/assets/styles.css +1 -1
  4. package/dist/assets/styles.css.map +1 -1
  5. package/dist/{button-BtpAXuLN.js → button-2MeDq0Yy.js} +11 -293
  6. package/dist/button-2MeDq0Yy.js.map +1 -0
  7. package/dist/button-group.js +3 -2
  8. package/dist/button-group.js.map +1 -1
  9. package/dist/button.js +6 -4
  10. package/dist/button.js.map +1 -1
  11. package/dist/{class-map-CbncA34D.js → class-map-BvQRv7eW.js} +3 -2
  12. package/dist/class-map-BvQRv7eW.js.map +1 -0
  13. package/dist/clock.js +85 -0
  14. package/dist/clock.js.map +1 -0
  15. package/dist/code-editor.js +43877 -0
  16. package/dist/code-editor.js.map +1 -0
  17. package/dist/code-highlighter.js +5 -4
  18. package/dist/code-highlighter.js.map +1 -1
  19. package/dist/custom-elements-jsdocs.json +561 -0
  20. package/dist/custom-elements.json +777 -194
  21. package/dist/directive-Cuw6h7YA.js +9 -0
  22. package/dist/directive-Cuw6h7YA.js.map +1 -0
  23. package/dist/dispatch-event-utils-vbdiOSeC.js +290 -0
  24. package/dist/dispatch-event-utils-vbdiOSeC.js.map +1 -0
  25. package/dist/{breadcrumb-item-DkhwoMAH.js → image-DK6VQW7N.js} +255 -92
  26. package/dist/image-DK6VQW7N.js.map +1 -0
  27. package/dist/index.js +12 -87
  28. package/dist/index.js.map +1 -1
  29. package/dist/number-counter.js +3 -2
  30. package/dist/number-counter.js.map +1 -1
  31. package/dist/observe-theme-change-NneLARW8.js +51 -0
  32. package/dist/observe-theme-change-NneLARW8.js.map +1 -0
  33. package/dist/peacock-loader.js +22 -11
  34. package/dist/peacock-loader.js.map +1 -1
  35. package/dist/src/code-editor/code-editor.d.ts +45 -0
  36. package/dist/src/code-editor/index.d.ts +2 -0
  37. package/dist/src/image/image.d.ts +45 -0
  38. package/dist/src/image/index.d.ts +1 -0
  39. package/dist/src/index.d.ts +2 -0
  40. package/dist/src/utils/dispatch-event-utils.d.ts +72 -0
  41. package/dist/src/utils/observe-theme-change.d.ts +3 -0
  42. package/dist/src/utils.d.ts +1 -72
  43. package/dist/{state-CEVpI7Vv.js → state-B09bP3XH.js} +2 -2
  44. package/dist/{state-CEVpI7Vv.js.map → state-B09bP3XH.js.map} +1 -1
  45. package/dist/{style-map-mOmZwsJT.js → style-map-B8xgVEc9.js} +3 -2
  46. package/dist/style-map-B8xgVEc9.js.map +1 -0
  47. package/dist/tsconfig.tsbuildinfo +1 -1
  48. package/dist/{unsafe-html-Ca00SXpn.js → unsafe-html-B-dV3Jps.js} +3 -2
  49. package/dist/unsafe-html-B-dV3Jps.js.map +1 -0
  50. package/package.json +5 -3
  51. package/scss/styles.scss +57 -1
  52. package/scss/tokens.css +1 -0
  53. package/src/accordion/accordion-item/accordion-item.scss +1 -1
  54. package/src/button/BaseButton.ts +1 -1
  55. package/src/clock/clock.ts +4 -1
  56. package/src/code-editor/code-editor.scss +52 -0
  57. package/src/code-editor/code-editor.ts +215 -0
  58. package/src/code-editor/demo/index.html +37 -0
  59. package/src/code-editor/index.ts +3 -0
  60. package/src/container/container.scss +1 -1
  61. package/src/date-picker/date-picker.ts +1 -1
  62. package/src/image/image.scss +49 -0
  63. package/src/image/image.ts +135 -0
  64. package/src/image/index.ts +1 -0
  65. package/src/index.ts +2 -0
  66. package/src/input/input.ts +1 -2
  67. package/src/menu/menu-item/menu-item.scss +5 -4
  68. package/src/menu/menu-list/menu-list.scss +1 -0
  69. package/src/number-field/number-field.ts +1 -1
  70. package/src/peacock-loader.ts +7 -0
  71. package/src/textarea/textarea.ts +1 -1
  72. package/src/time-picker/time-picker.ts +1 -1
  73. package/src/utils/dispatch-event-utils.ts +131 -0
  74. package/src/utils/observe-theme-change.ts +30 -0
  75. package/src/utils.ts +5 -131
  76. package/dist/PeacockComponent-DMrFEGDh.js.map +0 -1
  77. package/dist/breadcrumb-item-DkhwoMAH.js.map +0 -1
  78. package/dist/button-BtpAXuLN.js.map +0 -1
  79. package/dist/class-map-CbncA34D.js.map +0 -1
  80. package/dist/style-map-mOmZwsJT.js.map +0 -1
  81. package/dist/unsafe-html-Ca00SXpn.js.map +0 -1
@@ -559,6 +559,22 @@
559
559
  "name": "CodeHighlighter",
560
560
  "module": "./code-highlighter/index.js"
561
561
  }
562
+ },
563
+ {
564
+ "kind": "js",
565
+ "name": "CodeEditor",
566
+ "declaration": {
567
+ "name": "CodeEditor",
568
+ "module": "./code-editor/index.js"
569
+ }
570
+ },
571
+ {
572
+ "kind": "js",
573
+ "name": "Image",
574
+ "declaration": {
575
+ "name": "Image",
576
+ "module": "./image/index.js"
577
+ }
562
578
  }
563
579
  ]
564
580
  },
@@ -864,7 +880,7 @@
864
880
  },
865
881
  {
866
882
  "kind": "function",
867
- "name": "dispatchActivationClick",
883
+ "name": "isInViewport",
868
884
  "parameters": [
869
885
  {
870
886
  "name": "element",
@@ -872,59 +888,11 @@
872
888
  "text": "HTMLElement"
873
889
  }
874
890
  }
875
- ],
876
- "description": "Dispatches a click event to the given element that triggers a native action,\nbut is not composed and therefore is not seen outside the element.\n\nThis is useful for responding to an external click event on the host element\nthat should trigger an internal action like a button click.\n\nNote, a helper is provided because setting this up correctly is a bit tricky.\nIn particular, calling `click` on an element creates a composed event, which\nis not desirable, and a manually dispatched event must specifically be a\n`MouseEvent` to trigger a native action."
877
- },
878
- {
879
- "kind": "function",
880
- "name": "isActivationClick",
881
- "parameters": [
882
- {
883
- "name": "event",
884
- "type": {
885
- "text": "Event"
886
- }
887
- }
888
- ],
889
- "description": "Returns true if the click event should trigger an activation behavior. The\nbehavior is defined by the element and is whatever it should do when\nclicked.\n\nTypically when an element needs to handle a click, the click is generated\nfrom within the element and an event listener within the element implements\nthe needed behavior; however, it's possible to fire a click directly\nat the element that the element should handle. This method helps\ndistinguish these \"external\" clicks.\n\nAn \"external\" click can be triggered in a number of ways: via a click\non an associated label for a form associated element, calling\n`element.click()`, or calling\n`element.dispatchEvent(new MouseEvent('click', ...))`.\n\nAlso works around Firefox issue\nhttps://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\nevents for a microtask after called."
890
- },
891
- {
892
- "kind": "function",
893
- "name": "redispatchEvent",
894
- "parameters": [
895
- {
896
- "name": "element",
897
- "type": {
898
- "text": "Element"
899
- },
900
- "description": "The element to dispatch the event from."
901
- },
902
- {
903
- "name": "event",
904
- "type": {
905
- "text": "Event"
906
- },
907
- "description": "The event to re-dispatch."
908
- }
909
- ],
910
- "description": "Re-dispatches an event from the provided element.\n\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
911
- "return": {
912
- "type": {
913
- "text": ""
914
- }
915
- }
891
+ ]
916
892
  },
917
893
  {
918
894
  "kind": "function",
919
- "name": "isInViewport",
920
- "parameters": [
921
- {
922
- "name": "element",
923
- "type": {
924
- "text": "HTMLElement"
925
- }
926
- }
927
- ]
895
+ "name": "isDarkMode"
928
896
  }
929
897
  ],
930
898
  "exports": [
@@ -962,33 +930,17 @@
962
930
  },
963
931
  {
964
932
  "kind": "js",
965
- "name": "dispatchActivationClick",
966
- "declaration": {
967
- "name": "dispatchActivationClick",
968
- "module": "src/utils.ts"
969
- }
970
- },
971
- {
972
- "kind": "js",
973
- "name": "isActivationClick",
974
- "declaration": {
975
- "name": "isActivationClick",
976
- "module": "src/utils.ts"
977
- }
978
- },
979
- {
980
- "kind": "js",
981
- "name": "redispatchEvent",
933
+ "name": "isInViewport",
982
934
  "declaration": {
983
- "name": "redispatchEvent",
935
+ "name": "isInViewport",
984
936
  "module": "src/utils.ts"
985
937
  }
986
938
  },
987
939
  {
988
940
  "kind": "js",
989
- "name": "isInViewport",
941
+ "name": "isDarkMode",
990
942
  "declaration": {
991
- "name": "isInViewport",
943
+ "name": "isDarkMode",
992
944
  "module": "src/utils.ts"
993
945
  }
994
946
  }
@@ -2274,49 +2226,370 @@
2274
2226
  "name": "Clock",
2275
2227
  "members": [
2276
2228
  {
2277
- "kind": "field",
2278
- "name": "clockController",
2279
- "default": "new ClockController(this, 100)"
2229
+ "kind": "field",
2230
+ "name": "clockController",
2231
+ "default": "new ClockController(this, 100)"
2232
+ },
2233
+ {
2234
+ "kind": "field",
2235
+ "name": "timezone",
2236
+ "type": {
2237
+ "text": "string | undefined"
2238
+ },
2239
+ "attribute": "timezone"
2240
+ },
2241
+ {
2242
+ "kind": "method",
2243
+ "name": "__formatDate",
2244
+ "parameters": [
2245
+ {
2246
+ "name": "date",
2247
+ "type": {
2248
+ "text": "Date"
2249
+ }
2250
+ }
2251
+ ]
2252
+ }
2253
+ ],
2254
+ "attributes": [
2255
+ {
2256
+ "name": "timezone",
2257
+ "type": {
2258
+ "text": "string | undefined"
2259
+ },
2260
+ "fieldName": "timezone"
2261
+ }
2262
+ ],
2263
+ "superclass": {
2264
+ "name": "LitElement",
2265
+ "package": "lit"
2266
+ },
2267
+ "tagName": "base-clock",
2268
+ "customElement": true,
2269
+ "summary": "Displays the current time in a given timezone.",
2270
+ "rawTag": {
2271
+ "name": "clock",
2272
+ "description": ""
2273
+ }
2274
+ }
2275
+ ],
2276
+ "exports": [
2277
+ {
2278
+ "kind": "js",
2279
+ "name": "Clock",
2280
+ "declaration": {
2281
+ "name": "Clock",
2282
+ "module": "src/clock/clock.ts"
2283
+ }
2284
+ }
2285
+ ]
2286
+ },
2287
+ {
2288
+ "kind": "javascript-module",
2289
+ "path": "src/clock/index.ts",
2290
+ "declarations": [],
2291
+ "exports": [
2292
+ {
2293
+ "kind": "js",
2294
+ "name": "Clock",
2295
+ "declaration": {
2296
+ "name": "Clock",
2297
+ "module": "./clock.js"
2298
+ }
2299
+ }
2300
+ ]
2301
+ },
2302
+ {
2303
+ "kind": "javascript-module",
2304
+ "path": "src/code-editor/code-editor.ts",
2305
+ "declarations": [
2306
+ {
2307
+ "kind": "class",
2308
+ "description": "",
2309
+ "name": "CodeEditor",
2310
+ "members": [
2311
+ {
2312
+ "kind": "field",
2313
+ "name": "name",
2314
+ "type": {
2315
+ "text": "string"
2316
+ },
2317
+ "default": "\"\"",
2318
+ "attribute": "name"
2319
+ },
2320
+ {
2321
+ "kind": "field",
2322
+ "name": "value",
2323
+ "type": {
2324
+ "text": "any | undefined"
2325
+ },
2326
+ "default": "''",
2327
+ "attribute": "value",
2328
+ "inheritedFrom": {
2329
+ "name": "BaseInput",
2330
+ "module": "src/input/BaseInput.ts"
2331
+ }
2332
+ },
2333
+ {
2334
+ "kind": "field",
2335
+ "name": "language",
2336
+ "type": {
2337
+ "text": "'javascript' | 'json' | 'html'"
2338
+ },
2339
+ "default": "'javascript'",
2340
+ "attribute": "language"
2341
+ },
2342
+ {
2343
+ "kind": "field",
2344
+ "name": "libSource",
2345
+ "type": {
2346
+ "text": "any"
2347
+ },
2348
+ "attribute": "libSource"
2349
+ },
2350
+ {
2351
+ "kind": "field",
2352
+ "name": "lineNumbers",
2353
+ "type": {
2354
+ "text": "'off' | 'on'"
2355
+ },
2356
+ "default": "'on'",
2357
+ "attribute": "lineNumbers"
2358
+ },
2359
+ {
2360
+ "kind": "field",
2361
+ "name": "minimap",
2362
+ "type": {
2363
+ "text": "boolean"
2364
+ },
2365
+ "default": "false",
2366
+ "attribute": "minimap"
2367
+ },
2368
+ {
2369
+ "kind": "field",
2370
+ "name": "_isDarkMode",
2371
+ "type": {
2372
+ "text": "boolean"
2373
+ },
2374
+ "privacy": "private"
2375
+ },
2376
+ {
2377
+ "kind": "field",
2378
+ "name": "hasFocus",
2379
+ "type": {
2380
+ "text": "boolean"
2381
+ },
2382
+ "privacy": "private",
2383
+ "default": "false"
2384
+ },
2385
+ {
2386
+ "kind": "field",
2387
+ "name": "editorMonacoInstance",
2388
+ "type": {
2389
+ "text": "any | undefined"
2390
+ },
2391
+ "privacy": "private"
2392
+ },
2393
+ {
2394
+ "kind": "field",
2395
+ "name": "editorElement",
2396
+ "type": {
2397
+ "text": "HTMLElement"
2398
+ },
2399
+ "privacy": "private"
2400
+ },
2401
+ {
2402
+ "kind": "field",
2403
+ "name": "monaco",
2404
+ "type": {
2405
+ "text": "any"
2406
+ }
2407
+ },
2408
+ {
2409
+ "kind": "method",
2410
+ "name": "libSourceChanged",
2411
+ "privacy": "private"
2412
+ },
2413
+ {
2414
+ "kind": "method",
2415
+ "name": "getTheme",
2416
+ "privacy": "private"
2417
+ },
2418
+ {
2419
+ "kind": "method",
2420
+ "name": "initializeMonaco"
2421
+ },
2422
+ {
2423
+ "kind": "method",
2424
+ "name": "setFocus"
2425
+ },
2426
+ {
2427
+ "kind": "method",
2428
+ "name": "setBlur"
2429
+ },
2430
+ {
2431
+ "kind": "field",
2432
+ "name": "disabled",
2433
+ "type": {
2434
+ "text": "boolean"
2435
+ },
2436
+ "default": "false",
2437
+ "attribute": "disabled",
2438
+ "reflects": true,
2439
+ "inheritedFrom": {
2440
+ "name": "BaseInput",
2441
+ "module": "src/input/BaseInput.ts"
2442
+ }
2443
+ },
2444
+ {
2445
+ "kind": "field",
2446
+ "name": "readonly",
2447
+ "type": {
2448
+ "text": "boolean"
2449
+ },
2450
+ "default": "false",
2451
+ "attribute": "readonly",
2452
+ "reflects": true,
2453
+ "inheritedFrom": {
2454
+ "name": "BaseInput",
2455
+ "module": "src/input/BaseInput.ts"
2456
+ }
2457
+ },
2458
+ {
2459
+ "kind": "field",
2460
+ "name": "required",
2461
+ "type": {
2462
+ "text": "boolean"
2463
+ },
2464
+ "default": "false",
2465
+ "attribute": "required",
2466
+ "reflects": true,
2467
+ "inheritedFrom": {
2468
+ "name": "BaseInput",
2469
+ "module": "src/input/BaseInput.ts"
2470
+ }
2471
+ },
2472
+ {
2473
+ "kind": "field",
2474
+ "name": "skeleton",
2475
+ "type": {
2476
+ "text": "boolean"
2477
+ },
2478
+ "default": "false",
2479
+ "attribute": "skeleton",
2480
+ "reflects": true,
2481
+ "inheritedFrom": {
2482
+ "name": "BaseInput",
2483
+ "module": "src/input/BaseInput.ts"
2484
+ }
2485
+ }
2486
+ ],
2487
+ "attributes": [
2488
+ {
2489
+ "name": "name",
2490
+ "type": {
2491
+ "text": "string"
2492
+ },
2493
+ "default": "\"\"",
2494
+ "fieldName": "name"
2495
+ },
2496
+ {
2497
+ "name": "value",
2498
+ "type": {
2499
+ "text": "string"
2500
+ },
2501
+ "default": "''",
2502
+ "fieldName": "value"
2503
+ },
2504
+ {
2505
+ "name": "language",
2506
+ "type": {
2507
+ "text": "'javascript' | 'json' | 'html'"
2508
+ },
2509
+ "default": "'javascript'",
2510
+ "fieldName": "language"
2511
+ },
2512
+ {
2513
+ "name": "libSource",
2514
+ "type": {
2515
+ "text": "any"
2516
+ },
2517
+ "fieldName": "libSource"
2518
+ },
2519
+ {
2520
+ "name": "lineNumbers",
2521
+ "type": {
2522
+ "text": "'off' | 'on'"
2523
+ },
2524
+ "default": "'on'",
2525
+ "fieldName": "lineNumbers"
2526
+ },
2527
+ {
2528
+ "name": "minimap",
2529
+ "type": {
2530
+ "text": "boolean"
2531
+ },
2532
+ "default": "false",
2533
+ "fieldName": "minimap"
2534
+ },
2535
+ {
2536
+ "name": "disabled",
2537
+ "type": {
2538
+ "text": "boolean"
2539
+ },
2540
+ "default": "false",
2541
+ "fieldName": "disabled",
2542
+ "inheritedFrom": {
2543
+ "name": "BaseInput",
2544
+ "module": "src/input/BaseInput.ts"
2545
+ }
2280
2546
  },
2281
2547
  {
2282
- "kind": "field",
2283
- "name": "timezone",
2548
+ "name": "readonly",
2284
2549
  "type": {
2285
- "text": "string | undefined"
2550
+ "text": "boolean"
2286
2551
  },
2287
- "attribute": "timezone"
2552
+ "default": "false",
2553
+ "fieldName": "readonly",
2554
+ "inheritedFrom": {
2555
+ "name": "BaseInput",
2556
+ "module": "src/input/BaseInput.ts"
2557
+ }
2288
2558
  },
2289
2559
  {
2290
- "kind": "method",
2291
- "name": "__formatDate",
2292
- "parameters": [
2293
- {
2294
- "name": "date",
2295
- "type": {
2296
- "text": "Date"
2297
- }
2298
- }
2299
- ]
2300
- }
2301
- ],
2302
- "attributes": [
2560
+ "name": "required",
2561
+ "type": {
2562
+ "text": "boolean"
2563
+ },
2564
+ "default": "false",
2565
+ "fieldName": "required",
2566
+ "inheritedFrom": {
2567
+ "name": "BaseInput",
2568
+ "module": "src/input/BaseInput.ts"
2569
+ }
2570
+ },
2303
2571
  {
2304
- "name": "timezone",
2572
+ "name": "skeleton",
2305
2573
  "type": {
2306
- "text": "string | undefined"
2574
+ "text": "boolean"
2307
2575
  },
2308
- "fieldName": "timezone"
2576
+ "default": "false",
2577
+ "fieldName": "skeleton",
2578
+ "inheritedFrom": {
2579
+ "name": "BaseInput",
2580
+ "module": "src/input/BaseInput.ts"
2581
+ }
2309
2582
  }
2310
2583
  ],
2311
2584
  "superclass": {
2312
- "name": "LitElement",
2313
- "package": "lit"
2585
+ "name": "BaseInput",
2586
+ "module": "/src/input/BaseInput.js"
2314
2587
  },
2315
- "tagName": "base-clock",
2588
+ "tagName": "code-editor",
2316
2589
  "customElement": true,
2317
- "summary": "Displays the current time in a given timezone.",
2590
+ "summary": "Code editor",
2318
2591
  "rawTag": {
2319
- "name": "clock",
2592
+ "name": "code-editor",
2320
2593
  "description": ""
2321
2594
  }
2322
2595
  }
@@ -2324,25 +2597,25 @@
2324
2597
  "exports": [
2325
2598
  {
2326
2599
  "kind": "js",
2327
- "name": "Clock",
2600
+ "name": "default",
2328
2601
  "declaration": {
2329
- "name": "Clock",
2330
- "module": "src/clock/clock.ts"
2602
+ "name": "CodeEditor",
2603
+ "module": "src/code-editor/code-editor.ts"
2331
2604
  }
2332
2605
  }
2333
2606
  ]
2334
2607
  },
2335
2608
  {
2336
2609
  "kind": "javascript-module",
2337
- "path": "src/clock/index.ts",
2610
+ "path": "src/code-editor/index.ts",
2338
2611
  "declarations": [],
2339
2612
  "exports": [
2340
2613
  {
2341
2614
  "kind": "js",
2342
- "name": "Clock",
2615
+ "name": "CodeEditor",
2343
2616
  "declaration": {
2344
- "name": "Clock",
2345
- "module": "./clock.js"
2617
+ "name": "CodeEditor",
2618
+ "module": "src/code-editor/index.ts"
2346
2619
  }
2347
2620
  }
2348
2621
  ]
@@ -4210,158 +4483,364 @@
4210
4483
  "type": {
4211
4484
  "text": "IconProvider"
4212
4485
  },
4213
- "default": "'material-symbols'",
4214
- "fieldName": "provider",
4215
- "inheritedFrom": {
4216
- "name": "Icon",
4217
- "module": "src/icon/icon.ts"
4218
- }
4219
- }
4220
- ],
4221
- "members": [
4486
+ "default": "'material-symbols'",
4487
+ "fieldName": "provider",
4488
+ "inheritedFrom": {
4489
+ "name": "Icon",
4490
+ "module": "src/icon/icon.ts"
4491
+ }
4492
+ }
4493
+ ],
4494
+ "members": [
4495
+ {
4496
+ "kind": "field",
4497
+ "name": "name",
4498
+ "type": {
4499
+ "text": "string | undefined"
4500
+ },
4501
+ "description": "The identifier for the icon.\nThis name corresponds to a specific SVG asset in the icon set.",
4502
+ "attribute": "name",
4503
+ "reflects": true,
4504
+ "inheritedFrom": {
4505
+ "name": "Icon",
4506
+ "module": "src/icon/icon.ts"
4507
+ }
4508
+ },
4509
+ {
4510
+ "kind": "field",
4511
+ "name": "src",
4512
+ "type": {
4513
+ "text": "string | undefined"
4514
+ },
4515
+ "attribute": "src",
4516
+ "reflects": true,
4517
+ "inheritedFrom": {
4518
+ "name": "Icon",
4519
+ "module": "src/icon/icon.ts"
4520
+ }
4521
+ },
4522
+ {
4523
+ "kind": "field",
4524
+ "name": "provider",
4525
+ "type": {
4526
+ "text": "IconProvider"
4527
+ },
4528
+ "default": "'material-symbols'",
4529
+ "attribute": "provider",
4530
+ "inheritedFrom": {
4531
+ "name": "Icon",
4532
+ "module": "src/icon/icon.ts"
4533
+ }
4534
+ },
4535
+ {
4536
+ "kind": "field",
4537
+ "name": "svgContent",
4538
+ "type": {
4539
+ "text": "string"
4540
+ },
4541
+ "privacy": "private",
4542
+ "default": "''",
4543
+ "inheritedFrom": {
4544
+ "name": "Icon",
4545
+ "module": "src/icon/icon.ts"
4546
+ }
4547
+ },
4548
+ {
4549
+ "kind": "field",
4550
+ "name": "loading",
4551
+ "type": {
4552
+ "text": "boolean"
4553
+ },
4554
+ "privacy": "private",
4555
+ "default": "false",
4556
+ "inheritedFrom": {
4557
+ "name": "Icon",
4558
+ "module": "src/icon/icon.ts"
4559
+ }
4560
+ },
4561
+ {
4562
+ "kind": "field",
4563
+ "name": "error",
4564
+ "type": {
4565
+ "text": "Error | null"
4566
+ },
4567
+ "privacy": "private",
4568
+ "default": "null",
4569
+ "inheritedFrom": {
4570
+ "name": "Icon",
4571
+ "module": "src/icon/icon.ts"
4572
+ }
4573
+ },
4574
+ {
4575
+ "kind": "field",
4576
+ "name": "_fetchId",
4577
+ "type": {
4578
+ "text": "number"
4579
+ },
4580
+ "privacy": "private",
4581
+ "default": "0",
4582
+ "inheritedFrom": {
4583
+ "name": "Icon",
4584
+ "module": "src/icon/icon.ts"
4585
+ }
4586
+ },
4587
+ {
4588
+ "kind": "field",
4589
+ "name": "_debounceTimer",
4590
+ "type": {
4591
+ "text": "number | undefined"
4592
+ },
4593
+ "privacy": "private",
4594
+ "inheritedFrom": {
4595
+ "name": "Icon",
4596
+ "module": "src/icon/icon.ts"
4597
+ }
4598
+ },
4599
+ {
4600
+ "kind": "method",
4601
+ "name": "__scheduleUpdate",
4602
+ "privacy": "private",
4603
+ "inheritedFrom": {
4604
+ "name": "Icon",
4605
+ "module": "src/icon/icon.ts"
4606
+ }
4607
+ }
4608
+ ],
4609
+ "events": [
4610
+ {
4611
+ "name": "icon-error",
4612
+ "type": {
4613
+ "text": "CustomEvent"
4614
+ },
4615
+ "inheritedFrom": {
4616
+ "name": "Icon",
4617
+ "module": "src/icon/icon.ts"
4618
+ }
4619
+ }
4620
+ ]
4621
+ }
4622
+ ],
4623
+ "exports": [
4624
+ {
4625
+ "kind": "js",
4626
+ "name": "PIcon",
4627
+ "declaration": {
4628
+ "name": "PIcon",
4629
+ "module": "src/icon/p-icon.ts"
4630
+ }
4631
+ },
4632
+ {
4633
+ "kind": "custom-element-definition",
4634
+ "name": "base-icon",
4635
+ "declaration": {
4636
+ "name": "PIcon",
4637
+ "module": "src/icon/p-icon.ts"
4638
+ }
4639
+ }
4640
+ ]
4641
+ },
4642
+ {
4643
+ "kind": "javascript-module",
4644
+ "path": "src/image/image.ts",
4645
+ "declarations": [
4646
+ {
4647
+ "kind": "class",
4648
+ "description": "",
4649
+ "name": "Image",
4650
+ "members": [
4651
+ {
4652
+ "kind": "field",
4653
+ "name": "src",
4654
+ "type": {
4655
+ "text": "string"
4656
+ },
4657
+ "default": "''",
4658
+ "description": "Primary image source",
4659
+ "attribute": "src",
4660
+ "reflects": true
4661
+ },
4662
+ {
4663
+ "kind": "field",
4664
+ "name": "darkSrc",
4665
+ "type": {
4666
+ "text": "string"
4667
+ },
4668
+ "default": "''",
4669
+ "description": "Optional dark-mode image source",
4670
+ "attribute": "dark-src",
4671
+ "reflects": true
4672
+ },
4222
4673
  {
4223
4674
  "kind": "field",
4224
- "name": "name",
4675
+ "name": "imageTitle",
4225
4676
  "type": {
4226
- "text": "string | undefined"
4677
+ "text": "string"
4227
4678
  },
4228
- "description": "The identifier for the icon.\nThis name corresponds to a specific SVG asset in the icon set.",
4229
- "attribute": "name",
4230
- "reflects": true,
4231
- "inheritedFrom": {
4232
- "name": "Icon",
4233
- "module": "src/icon/icon.ts"
4234
- }
4679
+ "default": "''",
4680
+ "description": "Alt text / title for the image",
4681
+ "attribute": "image-title"
4235
4682
  },
4236
4683
  {
4237
4684
  "kind": "field",
4238
- "name": "src",
4685
+ "name": "preview",
4239
4686
  "type": {
4240
- "text": "string | undefined"
4687
+ "text": "boolean"
4241
4688
  },
4242
- "attribute": "src",
4243
- "reflects": true,
4244
- "inheritedFrom": {
4245
- "name": "Icon",
4246
- "module": "src/icon/icon.ts"
4247
- }
4689
+ "default": "false",
4690
+ "description": "Enable click-to-preview lightbox",
4691
+ "attribute": "preview",
4692
+ "reflects": true
4248
4693
  },
4249
4694
  {
4250
4695
  "kind": "field",
4251
- "name": "provider",
4696
+ "name": "_isDarkMode",
4252
4697
  "type": {
4253
- "text": "IconProvider"
4698
+ "text": "boolean"
4254
4699
  },
4255
- "default": "'material-symbols'",
4256
- "attribute": "provider",
4257
- "inheritedFrom": {
4258
- "name": "Icon",
4259
- "module": "src/icon/icon.ts"
4260
- }
4700
+ "privacy": "private"
4261
4701
  },
4262
4702
  {
4263
4703
  "kind": "field",
4264
- "name": "svgContent",
4704
+ "name": "_loaded",
4265
4705
  "type": {
4266
- "text": "string"
4706
+ "text": "boolean"
4267
4707
  },
4268
4708
  "privacy": "private",
4269
- "default": "''",
4270
- "inheritedFrom": {
4271
- "name": "Icon",
4272
- "module": "src/icon/icon.ts"
4273
- }
4709
+ "default": "false"
4274
4710
  },
4275
4711
  {
4276
4712
  "kind": "field",
4277
- "name": "loading",
4713
+ "name": "_previewOpen",
4278
4714
  "type": {
4279
4715
  "text": "boolean"
4280
4716
  },
4281
4717
  "privacy": "private",
4282
- "default": "false",
4283
- "inheritedFrom": {
4284
- "name": "Icon",
4285
- "module": "src/icon/icon.ts"
4286
- }
4718
+ "default": "false"
4287
4719
  },
4288
4720
  {
4289
4721
  "kind": "field",
4290
- "name": "error",
4722
+ "name": "_intersectionObserver",
4291
4723
  "type": {
4292
- "text": "Error | null"
4724
+ "text": "IntersectionObserver | null"
4293
4725
  },
4294
4726
  "privacy": "private",
4295
- "default": "null",
4296
- "inheritedFrom": {
4297
- "name": "Icon",
4298
- "module": "src/icon/icon.ts"
4299
- }
4727
+ "default": "null"
4300
4728
  },
4301
4729
  {
4302
4730
  "kind": "field",
4303
- "name": "_fetchId",
4731
+ "name": "_themeCleanup",
4304
4732
  "type": {
4305
- "text": "number"
4733
+ "text": "(() => void) | null"
4306
4734
  },
4307
4735
  "privacy": "private",
4308
- "default": "0",
4309
- "inheritedFrom": {
4310
- "name": "Icon",
4311
- "module": "src/icon/icon.ts"
4312
- }
4736
+ "default": "null"
4737
+ },
4738
+ {
4739
+ "kind": "method",
4740
+ "name": "_setupIntersectionObserver",
4741
+ "privacy": "private"
4313
4742
  },
4314
4743
  {
4315
4744
  "kind": "field",
4316
- "name": "_debounceTimer",
4745
+ "name": "_activeSrc",
4317
4746
  "type": {
4318
- "text": "number | undefined"
4747
+ "text": "string"
4319
4748
  },
4320
4749
  "privacy": "private",
4321
- "inheritedFrom": {
4322
- "name": "Icon",
4323
- "module": "src/icon/icon.ts"
4324
- }
4750
+ "readonly": true
4325
4751
  },
4326
4752
  {
4327
4753
  "kind": "method",
4328
- "name": "__scheduleUpdate",
4754
+ "name": "_handleClick",
4755
+ "privacy": "private"
4756
+ },
4757
+ {
4758
+ "kind": "method",
4759
+ "name": "_closePreview",
4329
4760
  "privacy": "private",
4330
- "inheritedFrom": {
4331
- "name": "Icon",
4332
- "module": "src/icon/icon.ts"
4333
- }
4761
+ "parameters": [
4762
+ {
4763
+ "name": "e",
4764
+ "type": {
4765
+ "text": "Event"
4766
+ }
4767
+ }
4768
+ ]
4334
4769
  }
4335
4770
  ],
4336
- "events": [
4771
+ "attributes": [
4337
4772
  {
4338
- "name": "icon-error",
4773
+ "name": "src",
4339
4774
  "type": {
4340
- "text": "CustomEvent"
4775
+ "text": "string"
4341
4776
  },
4342
- "inheritedFrom": {
4343
- "name": "Icon",
4344
- "module": "src/icon/icon.ts"
4345
- }
4777
+ "default": "''",
4778
+ "description": "Primary image source",
4779
+ "fieldName": "src"
4780
+ },
4781
+ {
4782
+ "name": "dark-src",
4783
+ "type": {
4784
+ "text": "string"
4785
+ },
4786
+ "default": "''",
4787
+ "description": "Optional dark-mode image source",
4788
+ "fieldName": "darkSrc"
4789
+ },
4790
+ {
4791
+ "name": "image-title",
4792
+ "type": {
4793
+ "text": "string"
4794
+ },
4795
+ "default": "''",
4796
+ "description": "Alt text / title for the image",
4797
+ "fieldName": "imageTitle"
4798
+ },
4799
+ {
4800
+ "name": "preview",
4801
+ "type": {
4802
+ "text": "boolean"
4803
+ },
4804
+ "default": "false",
4805
+ "description": "Enable click-to-preview lightbox",
4806
+ "fieldName": "preview"
4346
4807
  }
4347
- ]
4808
+ ],
4809
+ "superclass": {
4810
+ "name": "LitElement",
4811
+ "package": "lit"
4812
+ },
4813
+ "tagName": "base-image",
4814
+ "customElement": true,
4815
+ "summary": "Image",
4816
+ "rawTag": {
4817
+ "name": "image",
4818
+ "description": ""
4819
+ }
4348
4820
  }
4349
4821
  ],
4350
4822
  "exports": [
4351
4823
  {
4352
4824
  "kind": "js",
4353
- "name": "PIcon",
4825
+ "name": "Image",
4354
4826
  "declaration": {
4355
- "name": "PIcon",
4356
- "module": "src/icon/p-icon.ts"
4827
+ "name": "Image",
4828
+ "module": "src/image/image.ts"
4357
4829
  }
4358
- },
4830
+ }
4831
+ ]
4832
+ },
4833
+ {
4834
+ "kind": "javascript-module",
4835
+ "path": "src/image/index.ts",
4836
+ "declarations": [],
4837
+ "exports": [
4359
4838
  {
4360
- "kind": "custom-element-definition",
4361
- "name": "base-icon",
4839
+ "kind": "js",
4840
+ "name": "Image",
4362
4841
  "declaration": {
4363
- "name": "PIcon",
4364
- "module": "src/icon/p-icon.ts"
4842
+ "name": "Image",
4843
+ "module": "./image.js"
4365
4844
  }
4366
4845
  }
4367
4846
  ]
@@ -7552,6 +8031,110 @@
7552
8031
  }
7553
8032
  ]
7554
8033
  },
8034
+ {
8035
+ "kind": "javascript-module",
8036
+ "path": "src/utils/dispatch-event-utils.ts",
8037
+ "declarations": [
8038
+ {
8039
+ "kind": "function",
8040
+ "name": "dispatchActivationClick",
8041
+ "parameters": [
8042
+ {
8043
+ "name": "element",
8044
+ "type": {
8045
+ "text": "HTMLElement"
8046
+ }
8047
+ }
8048
+ ],
8049
+ "description": "Dispatches a click event to the given element that triggers a native action,\nbut is not composed and therefore is not seen outside the element.\n\nThis is useful for responding to an external click event on the host element\nthat should trigger an internal action like a button click.\n\nNote, a helper is provided because setting this up correctly is a bit tricky.\nIn particular, calling `click` on an element creates a composed event, which\nis not desirable, and a manually dispatched event must specifically be a\n`MouseEvent` to trigger a native action."
8050
+ },
8051
+ {
8052
+ "kind": "function",
8053
+ "name": "isActivationClick",
8054
+ "parameters": [
8055
+ {
8056
+ "name": "event",
8057
+ "type": {
8058
+ "text": "Event"
8059
+ }
8060
+ }
8061
+ ],
8062
+ "description": "Returns true if the click event should trigger an activation behavior. The\nbehavior is defined by the element and is whatever it should do when\nclicked.\n\nTypically when an element needs to handle a click, the click is generated\nfrom within the element and an event listener within the element implements\nthe needed behavior; however, it's possible to fire a click directly\nat the element that the element should handle. This method helps\ndistinguish these \"external\" clicks.\n\nAn \"external\" click can be triggered in a number of ways: via a click\non an associated label for a form associated element, calling\n`element.click()`, or calling\n`element.dispatchEvent(new MouseEvent('click', ...))`.\n\nAlso works around Firefox issue\nhttps://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\nevents for a microtask after called."
8063
+ },
8064
+ {
8065
+ "kind": "function",
8066
+ "name": "redispatchEvent",
8067
+ "parameters": [
8068
+ {
8069
+ "name": "element",
8070
+ "type": {
8071
+ "text": "Element"
8072
+ },
8073
+ "description": "The element to dispatch the event from."
8074
+ },
8075
+ {
8076
+ "name": "event",
8077
+ "type": {
8078
+ "text": "Event"
8079
+ },
8080
+ "description": "The event to re-dispatch."
8081
+ }
8082
+ ],
8083
+ "description": "Re-dispatches an event from the provided element.\n\nThis function is useful for forwarding non-composed events, such as `change`\nevents.",
8084
+ "return": {
8085
+ "type": {
8086
+ "text": ""
8087
+ }
8088
+ }
8089
+ }
8090
+ ],
8091
+ "exports": [
8092
+ {
8093
+ "kind": "js",
8094
+ "name": "dispatchActivationClick",
8095
+ "declaration": {
8096
+ "name": "dispatchActivationClick",
8097
+ "module": "src/utils/dispatch-event-utils.ts"
8098
+ }
8099
+ },
8100
+ {
8101
+ "kind": "js",
8102
+ "name": "isActivationClick",
8103
+ "declaration": {
8104
+ "name": "isActivationClick",
8105
+ "module": "src/utils/dispatch-event-utils.ts"
8106
+ }
8107
+ },
8108
+ {
8109
+ "kind": "js",
8110
+ "name": "redispatchEvent",
8111
+ "declaration": {
8112
+ "name": "redispatchEvent",
8113
+ "module": "src/utils/dispatch-event-utils.ts"
8114
+ }
8115
+ }
8116
+ ]
8117
+ },
8118
+ {
8119
+ "kind": "javascript-module",
8120
+ "path": "src/utils/observe-theme-change.ts",
8121
+ "declarations": [
8122
+ {
8123
+ "kind": "variable",
8124
+ "name": "observeThemeChange"
8125
+ }
8126
+ ],
8127
+ "exports": [
8128
+ {
8129
+ "kind": "js",
8130
+ "name": "observeThemeChange",
8131
+ "declaration": {
8132
+ "name": "observeThemeChange",
8133
+ "module": "src/utils/observe-theme-change.ts"
8134
+ }
8135
+ }
8136
+ ]
8137
+ },
7555
8138
  {
7556
8139
  "kind": "javascript-module",
7557
8140
  "path": "src/accordion/accordion/accordion.ts",