@redvars/peacock 3.2.8 → 3.2.10

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 (86) 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/assets/tokens.css +2 -0
  6. package/dist/assets/tokens.css.map +1 -0
  7. package/dist/{button-BtpAXuLN.js → button-DaL4va7Q.js} +12 -294
  8. package/dist/button-DaL4va7Q.js.map +1 -0
  9. package/dist/button-group.js +3 -2
  10. package/dist/button-group.js.map +1 -1
  11. package/dist/button.js +6 -4
  12. package/dist/button.js.map +1 -1
  13. package/dist/{class-map-CbncA34D.js → class-map-BvQRv7eW.js} +3 -2
  14. package/dist/class-map-BvQRv7eW.js.map +1 -0
  15. package/dist/clock.js +85 -0
  16. package/dist/clock.js.map +1 -0
  17. package/dist/code-editor.js +43877 -0
  18. package/dist/code-editor.js.map +1 -0
  19. package/dist/code-highlighter.js +5 -4
  20. package/dist/code-highlighter.js.map +1 -1
  21. package/dist/custom-elements-jsdocs.json +561 -0
  22. package/dist/custom-elements.json +777 -194
  23. package/dist/directive-Cuw6h7YA.js +9 -0
  24. package/dist/directive-Cuw6h7YA.js.map +1 -0
  25. package/dist/dispatch-event-utils-vbdiOSeC.js +290 -0
  26. package/dist/dispatch-event-utils-vbdiOSeC.js.map +1 -0
  27. package/dist/{breadcrumb-item-DkhwoMAH.js → image-v3BujlY5.js} +261 -92
  28. package/dist/image-v3BujlY5.js.map +1 -0
  29. package/dist/index.js +12 -87
  30. package/dist/index.js.map +1 -1
  31. package/dist/number-counter.js +3 -2
  32. package/dist/number-counter.js.map +1 -1
  33. package/dist/observe-theme-change-NneLARW8.js +51 -0
  34. package/dist/observe-theme-change-NneLARW8.js.map +1 -0
  35. package/dist/peacock-loader.js +22 -11
  36. package/dist/peacock-loader.js.map +1 -1
  37. package/dist/src/code-editor/code-editor.d.ts +45 -0
  38. package/dist/src/code-editor/index.d.ts +2 -0
  39. package/dist/src/image/image.d.ts +45 -0
  40. package/dist/src/image/index.d.ts +1 -0
  41. package/dist/src/index.d.ts +2 -0
  42. package/dist/src/utils/dispatch-event-utils.d.ts +72 -0
  43. package/dist/src/utils/observe-theme-change.d.ts +3 -0
  44. package/dist/src/utils.d.ts +1 -72
  45. package/dist/{state-CEVpI7Vv.js → state-B09bP3XH.js} +2 -2
  46. package/dist/{state-CEVpI7Vv.js.map → state-B09bP3XH.js.map} +1 -1
  47. package/dist/{style-map-mOmZwsJT.js → style-map-B8xgVEc9.js} +3 -2
  48. package/dist/style-map-B8xgVEc9.js.map +1 -0
  49. package/dist/tsconfig.tsbuildinfo +1 -1
  50. package/dist/{unsafe-html-Ca00SXpn.js → unsafe-html-B-dV3Jps.js} +3 -2
  51. package/dist/unsafe-html-B-dV3Jps.js.map +1 -0
  52. package/package.json +5 -3
  53. package/readme.md +2 -2
  54. package/scss/styles.scss +57 -1
  55. package/scss/tokens.css +1 -0
  56. package/scss/tokens.scss +1 -0
  57. package/src/accordion/accordion-item/accordion-item.scss +1 -1
  58. package/src/button/BaseButton.ts +1 -1
  59. package/src/button/button/button.scss +1 -1
  60. package/src/clock/clock.ts +4 -1
  61. package/src/code-editor/code-editor.scss +52 -0
  62. package/src/code-editor/code-editor.ts +215 -0
  63. package/src/code-editor/demo/index.html +37 -0
  64. package/src/code-editor/index.ts +3 -0
  65. package/src/container/container.scss +1 -1
  66. package/src/date-picker/date-picker.ts +1 -1
  67. package/src/image/image.scss +56 -0
  68. package/src/image/image.ts +135 -0
  69. package/src/image/index.ts +1 -0
  70. package/src/index.ts +2 -0
  71. package/src/input/input.ts +1 -2
  72. package/src/menu/menu-item/menu-item.scss +5 -4
  73. package/src/menu/menu-list/menu-list.scss +1 -0
  74. package/src/number-field/number-field.ts +1 -1
  75. package/src/peacock-loader.ts +7 -0
  76. package/src/textarea/textarea.ts +1 -1
  77. package/src/time-picker/time-picker.ts +1 -1
  78. package/src/utils/dispatch-event-utils.ts +131 -0
  79. package/src/utils/observe-theme-change.ts +30 -0
  80. package/src/utils.ts +5 -131
  81. package/dist/PeacockComponent-DMrFEGDh.js.map +0 -1
  82. package/dist/breadcrumb-item-DkhwoMAH.js.map +0 -1
  83. package/dist/button-BtpAXuLN.js.map +0 -1
  84. package/dist/class-map-CbncA34D.js.map +0 -1
  85. package/dist/style-map-mOmZwsJT.js.map +0 -1
  86. package/dist/unsafe-html-Ca00SXpn.js.map +0 -1
@@ -1831,6 +1831,344 @@
1831
1831
  }
1832
1832
  }
1833
1833
  },
1834
+ {
1835
+ "rawTag": "code-editor",
1836
+ "label": "Code Editor",
1837
+ "jsdoc": {
1838
+ "@label": [
1839
+ {
1840
+ "kind": "text",
1841
+ "text": "Code Editor"
1842
+ }
1843
+ ],
1844
+ "@tag": [
1845
+ {
1846
+ "kind": "text",
1847
+ "text": "code-editor"
1848
+ }
1849
+ ],
1850
+ "@rawTag": [
1851
+ {
1852
+ "kind": "text",
1853
+ "text": "code-editor"
1854
+ }
1855
+ ],
1856
+ "@summary": [
1857
+ {
1858
+ "kind": "text",
1859
+ "text": "Code editor"
1860
+ }
1861
+ ],
1862
+ "@overview": [
1863
+ {
1864
+ "kind": "text",
1865
+ "text": "- CodeHighlighter is a component that provides syntax highlighting for code snippets.\n - It supports various programming languages and can display line numbers for better readability."
1866
+ }
1867
+ ],
1868
+ "@example": [
1869
+ {
1870
+ "kind": "code",
1871
+ "text": "```html\n<code-highlighter language=\"javascript\" style=\"height: 9rem\"><pre><code>\n function helloWorld() {\n console.log('Hello, world!');\n }</code></pre>\n</code-highlighter>\n```"
1872
+ }
1873
+ ],
1874
+ "@tags": [
1875
+ {
1876
+ "kind": "text",
1877
+ "text": "display"
1878
+ }
1879
+ ]
1880
+ },
1881
+ "customElement": {
1882
+ "kind": "class",
1883
+ "description": "",
1884
+ "name": "CodeEditor",
1885
+ "members": [
1886
+ {
1887
+ "kind": "field",
1888
+ "name": "name",
1889
+ "type": {
1890
+ "text": "string"
1891
+ },
1892
+ "default": "\"\"",
1893
+ "attribute": "name"
1894
+ },
1895
+ {
1896
+ "kind": "field",
1897
+ "name": "value",
1898
+ "type": {
1899
+ "text": "any | undefined"
1900
+ },
1901
+ "default": "''",
1902
+ "attribute": "value",
1903
+ "inheritedFrom": {
1904
+ "name": "BaseInput",
1905
+ "module": "src/input/BaseInput.ts"
1906
+ }
1907
+ },
1908
+ {
1909
+ "kind": "field",
1910
+ "name": "language",
1911
+ "type": {
1912
+ "text": "'javascript' | 'json' | 'html'"
1913
+ },
1914
+ "default": "'javascript'",
1915
+ "attribute": "language"
1916
+ },
1917
+ {
1918
+ "kind": "field",
1919
+ "name": "libSource",
1920
+ "type": {
1921
+ "text": "any"
1922
+ },
1923
+ "attribute": "libSource"
1924
+ },
1925
+ {
1926
+ "kind": "field",
1927
+ "name": "lineNumbers",
1928
+ "type": {
1929
+ "text": "'off' | 'on'"
1930
+ },
1931
+ "default": "'on'",
1932
+ "attribute": "lineNumbers"
1933
+ },
1934
+ {
1935
+ "kind": "field",
1936
+ "name": "minimap",
1937
+ "type": {
1938
+ "text": "boolean"
1939
+ },
1940
+ "default": "false",
1941
+ "attribute": "minimap"
1942
+ },
1943
+ {
1944
+ "kind": "field",
1945
+ "name": "_isDarkMode",
1946
+ "type": {
1947
+ "text": "boolean"
1948
+ },
1949
+ "privacy": "private"
1950
+ },
1951
+ {
1952
+ "kind": "field",
1953
+ "name": "hasFocus",
1954
+ "type": {
1955
+ "text": "boolean"
1956
+ },
1957
+ "privacy": "private",
1958
+ "default": "false"
1959
+ },
1960
+ {
1961
+ "kind": "field",
1962
+ "name": "editorMonacoInstance",
1963
+ "type": {
1964
+ "text": "any | undefined"
1965
+ },
1966
+ "privacy": "private"
1967
+ },
1968
+ {
1969
+ "kind": "field",
1970
+ "name": "editorElement",
1971
+ "type": {
1972
+ "text": "HTMLElement"
1973
+ },
1974
+ "privacy": "private"
1975
+ },
1976
+ {
1977
+ "kind": "field",
1978
+ "name": "monaco",
1979
+ "type": {
1980
+ "text": "any"
1981
+ }
1982
+ },
1983
+ {
1984
+ "kind": "method",
1985
+ "name": "libSourceChanged",
1986
+ "privacy": "private"
1987
+ },
1988
+ {
1989
+ "kind": "method",
1990
+ "name": "getTheme",
1991
+ "privacy": "private"
1992
+ },
1993
+ {
1994
+ "kind": "method",
1995
+ "name": "initializeMonaco"
1996
+ },
1997
+ {
1998
+ "kind": "method",
1999
+ "name": "setFocus"
2000
+ },
2001
+ {
2002
+ "kind": "method",
2003
+ "name": "setBlur"
2004
+ },
2005
+ {
2006
+ "kind": "field",
2007
+ "name": "disabled",
2008
+ "type": {
2009
+ "text": "boolean"
2010
+ },
2011
+ "default": "false",
2012
+ "attribute": "disabled",
2013
+ "reflects": true,
2014
+ "inheritedFrom": {
2015
+ "name": "BaseInput",
2016
+ "module": "src/input/BaseInput.ts"
2017
+ }
2018
+ },
2019
+ {
2020
+ "kind": "field",
2021
+ "name": "readonly",
2022
+ "type": {
2023
+ "text": "boolean"
2024
+ },
2025
+ "default": "false",
2026
+ "attribute": "readonly",
2027
+ "reflects": true,
2028
+ "inheritedFrom": {
2029
+ "name": "BaseInput",
2030
+ "module": "src/input/BaseInput.ts"
2031
+ }
2032
+ },
2033
+ {
2034
+ "kind": "field",
2035
+ "name": "required",
2036
+ "type": {
2037
+ "text": "boolean"
2038
+ },
2039
+ "default": "false",
2040
+ "attribute": "required",
2041
+ "reflects": true,
2042
+ "inheritedFrom": {
2043
+ "name": "BaseInput",
2044
+ "module": "src/input/BaseInput.ts"
2045
+ }
2046
+ },
2047
+ {
2048
+ "kind": "field",
2049
+ "name": "skeleton",
2050
+ "type": {
2051
+ "text": "boolean"
2052
+ },
2053
+ "default": "false",
2054
+ "attribute": "skeleton",
2055
+ "reflects": true,
2056
+ "inheritedFrom": {
2057
+ "name": "BaseInput",
2058
+ "module": "src/input/BaseInput.ts"
2059
+ }
2060
+ }
2061
+ ],
2062
+ "attributes": [
2063
+ {
2064
+ "name": "name",
2065
+ "type": {
2066
+ "text": "string"
2067
+ },
2068
+ "default": "\"\"",
2069
+ "fieldName": "name"
2070
+ },
2071
+ {
2072
+ "name": "value",
2073
+ "type": {
2074
+ "text": "string"
2075
+ },
2076
+ "default": "''",
2077
+ "fieldName": "value"
2078
+ },
2079
+ {
2080
+ "name": "language",
2081
+ "type": {
2082
+ "text": "'javascript' | 'json' | 'html'"
2083
+ },
2084
+ "default": "'javascript'",
2085
+ "fieldName": "language"
2086
+ },
2087
+ {
2088
+ "name": "libSource",
2089
+ "type": {
2090
+ "text": "any"
2091
+ },
2092
+ "fieldName": "libSource"
2093
+ },
2094
+ {
2095
+ "name": "lineNumbers",
2096
+ "type": {
2097
+ "text": "'off' | 'on'"
2098
+ },
2099
+ "default": "'on'",
2100
+ "fieldName": "lineNumbers"
2101
+ },
2102
+ {
2103
+ "name": "minimap",
2104
+ "type": {
2105
+ "text": "boolean"
2106
+ },
2107
+ "default": "false",
2108
+ "fieldName": "minimap"
2109
+ },
2110
+ {
2111
+ "name": "disabled",
2112
+ "type": {
2113
+ "text": "boolean"
2114
+ },
2115
+ "default": "false",
2116
+ "fieldName": "disabled",
2117
+ "inheritedFrom": {
2118
+ "name": "BaseInput",
2119
+ "module": "src/input/BaseInput.ts"
2120
+ }
2121
+ },
2122
+ {
2123
+ "name": "readonly",
2124
+ "type": {
2125
+ "text": "boolean"
2126
+ },
2127
+ "default": "false",
2128
+ "fieldName": "readonly",
2129
+ "inheritedFrom": {
2130
+ "name": "BaseInput",
2131
+ "module": "src/input/BaseInput.ts"
2132
+ }
2133
+ },
2134
+ {
2135
+ "name": "required",
2136
+ "type": {
2137
+ "text": "boolean"
2138
+ },
2139
+ "default": "false",
2140
+ "fieldName": "required",
2141
+ "inheritedFrom": {
2142
+ "name": "BaseInput",
2143
+ "module": "src/input/BaseInput.ts"
2144
+ }
2145
+ },
2146
+ {
2147
+ "name": "skeleton",
2148
+ "type": {
2149
+ "text": "boolean"
2150
+ },
2151
+ "default": "false",
2152
+ "fieldName": "skeleton",
2153
+ "inheritedFrom": {
2154
+ "name": "BaseInput",
2155
+ "module": "src/input/BaseInput.ts"
2156
+ }
2157
+ }
2158
+ ],
2159
+ "superclass": {
2160
+ "name": "BaseInput",
2161
+ "module": "/src/input/BaseInput.js"
2162
+ },
2163
+ "tagName": "code-editor",
2164
+ "customElement": true,
2165
+ "summary": "Code editor",
2166
+ "rawTag": {
2167
+ "name": "code-editor",
2168
+ "description": ""
2169
+ }
2170
+ }
2171
+ },
1834
2172
  {
1835
2173
  "rawTag": "code-highlighter",
1836
2174
  "label": "Code Highlighter",
@@ -3852,6 +4190,229 @@
3852
4190
  }
3853
4191
  }
3854
4192
  },
4193
+ {
4194
+ "rawTag": "image",
4195
+ "label": "Image",
4196
+ "jsdoc": {
4197
+ "@label": [
4198
+ {
4199
+ "kind": "text",
4200
+ "text": "Image"
4201
+ }
4202
+ ],
4203
+ "@tag": [
4204
+ {
4205
+ "kind": "text",
4206
+ "text": "base-image"
4207
+ }
4208
+ ],
4209
+ "@rawTag": [
4210
+ {
4211
+ "kind": "text",
4212
+ "text": "image"
4213
+ }
4214
+ ],
4215
+ "@summary": [
4216
+ {
4217
+ "kind": "text",
4218
+ "text": "Image"
4219
+ }
4220
+ ],
4221
+ "@overview": [
4222
+ {
4223
+ "kind": "text",
4224
+ "text": "- CodeHighlighter is a component that provides syntax highlighting for code snippets.\n - It supports various programming languages and can display line numbers for better readability."
4225
+ }
4226
+ ],
4227
+ "@example": [
4228
+ {
4229
+ "kind": "code",
4230
+ "text": "```html\n<code-highlighter language=\"javascript\" style=\"height: 9rem\"><pre><code>\n function helloWorld() {\n console.log('Hello, world!');\n }</code></pre>\n</code-highlighter>\n```"
4231
+ }
4232
+ ],
4233
+ "@tags": [
4234
+ {
4235
+ "kind": "text",
4236
+ "text": "display"
4237
+ }
4238
+ ]
4239
+ },
4240
+ "customElement": {
4241
+ "kind": "class",
4242
+ "description": "",
4243
+ "name": "Image",
4244
+ "members": [
4245
+ {
4246
+ "kind": "field",
4247
+ "name": "src",
4248
+ "type": {
4249
+ "text": "string"
4250
+ },
4251
+ "default": "''",
4252
+ "description": "Primary image source",
4253
+ "attribute": "src",
4254
+ "reflects": true
4255
+ },
4256
+ {
4257
+ "kind": "field",
4258
+ "name": "darkSrc",
4259
+ "type": {
4260
+ "text": "string"
4261
+ },
4262
+ "default": "''",
4263
+ "description": "Optional dark-mode image source",
4264
+ "attribute": "dark-src",
4265
+ "reflects": true
4266
+ },
4267
+ {
4268
+ "kind": "field",
4269
+ "name": "imageTitle",
4270
+ "type": {
4271
+ "text": "string"
4272
+ },
4273
+ "default": "''",
4274
+ "description": "Alt text / title for the image",
4275
+ "attribute": "image-title"
4276
+ },
4277
+ {
4278
+ "kind": "field",
4279
+ "name": "preview",
4280
+ "type": {
4281
+ "text": "boolean"
4282
+ },
4283
+ "default": "false",
4284
+ "description": "Enable click-to-preview lightbox",
4285
+ "attribute": "preview",
4286
+ "reflects": true
4287
+ },
4288
+ {
4289
+ "kind": "field",
4290
+ "name": "_isDarkMode",
4291
+ "type": {
4292
+ "text": "boolean"
4293
+ },
4294
+ "privacy": "private"
4295
+ },
4296
+ {
4297
+ "kind": "field",
4298
+ "name": "_loaded",
4299
+ "type": {
4300
+ "text": "boolean"
4301
+ },
4302
+ "privacy": "private",
4303
+ "default": "false"
4304
+ },
4305
+ {
4306
+ "kind": "field",
4307
+ "name": "_previewOpen",
4308
+ "type": {
4309
+ "text": "boolean"
4310
+ },
4311
+ "privacy": "private",
4312
+ "default": "false"
4313
+ },
4314
+ {
4315
+ "kind": "field",
4316
+ "name": "_intersectionObserver",
4317
+ "type": {
4318
+ "text": "IntersectionObserver | null"
4319
+ },
4320
+ "privacy": "private",
4321
+ "default": "null"
4322
+ },
4323
+ {
4324
+ "kind": "field",
4325
+ "name": "_themeCleanup",
4326
+ "type": {
4327
+ "text": "(() => void) | null"
4328
+ },
4329
+ "privacy": "private",
4330
+ "default": "null"
4331
+ },
4332
+ {
4333
+ "kind": "method",
4334
+ "name": "_setupIntersectionObserver",
4335
+ "privacy": "private"
4336
+ },
4337
+ {
4338
+ "kind": "field",
4339
+ "name": "_activeSrc",
4340
+ "type": {
4341
+ "text": "string"
4342
+ },
4343
+ "privacy": "private",
4344
+ "readonly": true
4345
+ },
4346
+ {
4347
+ "kind": "method",
4348
+ "name": "_handleClick",
4349
+ "privacy": "private"
4350
+ },
4351
+ {
4352
+ "kind": "method",
4353
+ "name": "_closePreview",
4354
+ "privacy": "private",
4355
+ "parameters": [
4356
+ {
4357
+ "name": "e",
4358
+ "type": {
4359
+ "text": "Event"
4360
+ }
4361
+ }
4362
+ ]
4363
+ }
4364
+ ],
4365
+ "attributes": [
4366
+ {
4367
+ "name": "src",
4368
+ "type": {
4369
+ "text": "string"
4370
+ },
4371
+ "default": "''",
4372
+ "description": "Primary image source",
4373
+ "fieldName": "src"
4374
+ },
4375
+ {
4376
+ "name": "dark-src",
4377
+ "type": {
4378
+ "text": "string"
4379
+ },
4380
+ "default": "''",
4381
+ "description": "Optional dark-mode image source",
4382
+ "fieldName": "darkSrc"
4383
+ },
4384
+ {
4385
+ "name": "image-title",
4386
+ "type": {
4387
+ "text": "string"
4388
+ },
4389
+ "default": "''",
4390
+ "description": "Alt text / title for the image",
4391
+ "fieldName": "imageTitle"
4392
+ },
4393
+ {
4394
+ "name": "preview",
4395
+ "type": {
4396
+ "text": "boolean"
4397
+ },
4398
+ "default": "false",
4399
+ "description": "Enable click-to-preview lightbox",
4400
+ "fieldName": "preview"
4401
+ }
4402
+ ],
4403
+ "superclass": {
4404
+ "name": "LitElement",
4405
+ "package": "lit"
4406
+ },
4407
+ "tagName": "base-image",
4408
+ "customElement": true,
4409
+ "summary": "Image",
4410
+ "rawTag": {
4411
+ "name": "image",
4412
+ "description": ""
4413
+ }
4414
+ }
4415
+ },
3855
4416
  {
3856
4417
  "rawTag": "input",
3857
4418
  "label": "Input",