@alegendstale/holly-components 2.0.8 → 2.0.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 (6) hide show
  1. package/custom-elements.json +926 -910
  2. package/dist/components/absolute-container/absolute-container.d.ts +2 -0
  3. package/dist/components/absolute-container/absolute-container.d.ts.map +1 -1
  4. package/dist/components/bottom-sheet/bottom-sheet.d.ts +3 -0
  5. package/dist/components/bottom-sheet/bottom-sheet.d.ts.map +1 -1
  6. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -2,31 +2,6 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "dist/decorators/condCustomElement.js",
8
- "declarations": [
9
- {
10
- "kind": "function",
11
- "name": "o",
12
- "parameters": [
13
- {
14
- "name": "t"
15
- }
16
- ]
17
- }
18
- ],
19
- "exports": [
20
- {
21
- "kind": "js",
22
- "name": "condCustomElement",
23
- "declaration": {
24
- "name": "o",
25
- "module": "dist/decorators/condCustomElement.js"
26
- }
27
- }
28
- ]
29
- },
30
5
  {
31
6
  "kind": "javascript-module",
32
7
  "path": "dist/utils/basicUtils.js",
@@ -590,6 +565,31 @@
590
565
  }
591
566
  ]
592
567
  },
568
+ {
569
+ "kind": "javascript-module",
570
+ "path": "dist/decorators/condCustomElement.js",
571
+ "declarations": [
572
+ {
573
+ "kind": "function",
574
+ "name": "o",
575
+ "parameters": [
576
+ {
577
+ "name": "t"
578
+ }
579
+ ]
580
+ }
581
+ ],
582
+ "exports": [
583
+ {
584
+ "kind": "js",
585
+ "name": "condCustomElement",
586
+ "declaration": {
587
+ "name": "o",
588
+ "module": "dist/decorators/condCustomElement.js"
589
+ }
590
+ }
591
+ ]
592
+ },
593
593
  {
594
594
  "kind": "javascript-module",
595
595
  "path": "src/decorators/condCustomElement.ts",
@@ -1783,48 +1783,6 @@
1783
1783
  }
1784
1784
  ]
1785
1785
  },
1786
- {
1787
- "kind": "javascript-module",
1788
- "path": "dist/components/draw-svg/draw-svg.js",
1789
- "declarations": [
1790
- {
1791
- "kind": "variable",
1792
- "name": "i",
1793
- "default": "class extends l { constructor() { super(...arguments), this.isIntersecting = !1, this.intersectionObserver = new IntersectionObserver(([s]) => { this.isIntersecting = s.isIntersecting, this.emitter.emit(\"intersection\", s.isIntersecting); }), this.emitter = new m(); } svgClasses() { return super.svgClasses(), { animation: this.isIntersecting }; } connectedCallback() { super.connectedCallback(), this.intersectionObserver.observe(this); } disconnectedCallback() { super.disconnectedCallback(), this.intersectionObserver.disconnect(); } }"
1794
- }
1795
- ],
1796
- "exports": [
1797
- {
1798
- "kind": "js",
1799
- "name": "DrawSvg",
1800
- "declaration": {
1801
- "name": "i",
1802
- "module": "dist/components/draw-svg/draw-svg.js"
1803
- }
1804
- }
1805
- ]
1806
- },
1807
- {
1808
- "kind": "javascript-module",
1809
- "path": "dist/components/draw-svg/draw-svg.styles.js",
1810
- "declarations": [
1811
- {
1812
- "kind": "variable",
1813
- "name": "e",
1814
- "default": "t` :host { stroke: white; fill: white; } /* Override responsive-svg path fill */ :host(:not([svgColors])) path { fill: transparent; } path { stroke-width: 2; stroke-dasharray: 1000; stroke-dashoffset: 1000; } .animation { path { animation: textAnimation 2s ease-in-out 1 forwards; will-change: fill, stroke-width, stroke-dashoffset; } } @keyframes textAnimation { 0% { stroke-dashoffset: 1000; } 60% { fill: transparent; } 100% { fill: inherit; stroke-dashoffset: 0; stroke-width: 1; } } `"
1815
- }
1816
- ],
1817
- "exports": [
1818
- {
1819
- "kind": "js",
1820
- "name": "default",
1821
- "declaration": {
1822
- "name": "e",
1823
- "module": "dist/components/draw-svg/draw-svg.styles.js"
1824
- }
1825
- }
1826
- ]
1827
- },
1828
1786
  {
1829
1787
  "kind": "javascript-module",
1830
1788
  "path": "dist/components/responsive-svg/responsive-svg.js",
@@ -1915,6 +1873,48 @@
1915
1873
  }
1916
1874
  ]
1917
1875
  },
1876
+ {
1877
+ "kind": "javascript-module",
1878
+ "path": "dist/components/draw-svg/draw-svg.js",
1879
+ "declarations": [
1880
+ {
1881
+ "kind": "variable",
1882
+ "name": "i",
1883
+ "default": "class extends l { constructor() { super(...arguments), this.isIntersecting = !1, this.intersectionObserver = new IntersectionObserver(([s]) => { this.isIntersecting = s.isIntersecting, this.emitter.emit(\"intersection\", s.isIntersecting); }), this.emitter = new m(); } svgClasses() { return super.svgClasses(), { animation: this.isIntersecting }; } connectedCallback() { super.connectedCallback(), this.intersectionObserver.observe(this); } disconnectedCallback() { super.disconnectedCallback(), this.intersectionObserver.disconnect(); } }"
1884
+ }
1885
+ ],
1886
+ "exports": [
1887
+ {
1888
+ "kind": "js",
1889
+ "name": "DrawSvg",
1890
+ "declaration": {
1891
+ "name": "i",
1892
+ "module": "dist/components/draw-svg/draw-svg.js"
1893
+ }
1894
+ }
1895
+ ]
1896
+ },
1897
+ {
1898
+ "kind": "javascript-module",
1899
+ "path": "dist/components/draw-svg/draw-svg.styles.js",
1900
+ "declarations": [
1901
+ {
1902
+ "kind": "variable",
1903
+ "name": "e",
1904
+ "default": "t` :host { stroke: white; fill: white; } /* Override responsive-svg path fill */ :host(:not([svgColors])) path { fill: transparent; } path { stroke-width: 2; stroke-dasharray: 1000; stroke-dashoffset: 1000; } .animation { path { animation: textAnimation 2s ease-in-out 1 forwards; will-change: fill, stroke-width, stroke-dashoffset; } } @keyframes textAnimation { 0% { stroke-dashoffset: 1000; } 60% { fill: transparent; } 100% { fill: inherit; stroke-dashoffset: 0; stroke-width: 1; } } `"
1905
+ }
1906
+ ],
1907
+ "exports": [
1908
+ {
1909
+ "kind": "js",
1910
+ "name": "default",
1911
+ "declaration": {
1912
+ "name": "e",
1913
+ "module": "dist/components/draw-svg/draw-svg.styles.js"
1914
+ }
1915
+ }
1916
+ ]
1917
+ },
1918
1918
  {
1919
1919
  "kind": "javascript-module",
1920
1920
  "path": "dist/components/tool-tip/tool-tip.js",
@@ -1995,6 +1995,12 @@
1995
1995
  "kind": "class",
1996
1996
  "description": "A container component which can serve as a modal or popup wrapper.",
1997
1997
  "name": "AbsoluteContainer",
1998
+ "cssParts": [
1999
+ {
2000
+ "description": "Styles the dialog element.",
2001
+ "name": "__dialog"
2002
+ }
2003
+ ],
1998
2004
  "members": [
1999
2005
  {
2000
2006
  "kind": "field",
@@ -2148,6 +2154,16 @@
2148
2154
  "name": "--height"
2149
2155
  }
2150
2156
  ],
2157
+ "cssParts": [
2158
+ {
2159
+ "description": "Styles handle element..",
2160
+ "name": "__handle"
2161
+ },
2162
+ {
2163
+ "description": "Styles the content wrapper element.",
2164
+ "name": "__content"
2165
+ }
2166
+ ],
2151
2167
  "members": [
2152
2168
  {
2153
2169
  "kind": "field",
@@ -3152,215 +3168,96 @@
3152
3168
  },
3153
3169
  {
3154
3170
  "kind": "javascript-module",
3155
- "path": "src/components/carousel-scroller/carousel-scroller.styles.ts",
3156
- "declarations": [],
3157
- "exports": [
3158
- {
3159
- "kind": "js",
3160
- "name": "default",
3161
- "declaration": {
3162
- "module": "src/components/carousel-scroller/carousel-scroller.styles.ts"
3163
- }
3164
- }
3165
- ]
3166
- },
3167
- {
3168
- "kind": "javascript-module",
3169
- "path": "src/components/carousel-scroller/carousel-scroller.ts",
3171
+ "path": "src/components/color-palette/color-palette-utils.ts",
3170
3172
  "declarations": [
3173
+ {
3174
+ "kind": "variable",
3175
+ "name": "defaultSettings",
3176
+ "type": {
3177
+ "text": "ColorPaletteSettings"
3178
+ },
3179
+ "default": "{ noticeDuration: 10000, errorPulse: true, aliasMode: AliasMode.Both, corners: true, stabilizeWhileEditing: true, reloadDelay: 5, copyFormat: CopyFormat.Raw, height: 150, width: 700, direction: Direction.Column, gradient: false, preventHover: false, hideText: false, override: false }"
3180
+ },
3181
+ {
3182
+ "kind": "variable",
3183
+ "name": "urlRegex",
3184
+ "default": "/(?:https:\\/\\/www\\.|http:\\/\\/www\\.|https:\\/\\/|http:\\/\\/)?[a-zA-Z0-9]{2,}(?:\\.[a-zA-Z0-9]{2,})(?:\\.[a-zA-Z0-9]{2,})?\\/(?:palette\\/)?([a-zA-Z0-9-]{2,})/"
3185
+ },
3171
3186
  {
3172
3187
  "kind": "class",
3173
- "description": "A carousel which can have any number of slides, and rotates circularly.",
3174
- "name": "CarouselScroller",
3175
- "cssProperties": [
3188
+ "description": "",
3189
+ "name": "PaletteError",
3190
+ "members": [
3176
3191
  {
3192
+ "kind": "field",
3193
+ "name": "status",
3177
3194
  "type": {
3178
- "text": "<length>"
3195
+ "text": "Status"
3179
3196
  },
3180
- "description": "The size of the scroller padding.",
3181
- "name": "--padding"
3182
- },
3197
+ "default": "status"
3198
+ }
3199
+ ],
3200
+ "superclass": {
3201
+ "name": "Error",
3202
+ "module": "src/components/color-palette/color-palette-utils.ts"
3203
+ }
3204
+ },
3205
+ {
3206
+ "kind": "function",
3207
+ "name": "parseSettings",
3208
+ "return": {
3209
+ "type": {
3210
+ "text": ""
3211
+ }
3212
+ },
3213
+ "parameters": [
3183
3214
  {
3215
+ "name": "input",
3184
3216
  "type": {
3185
- "text": "<length>"
3217
+ "text": "string"
3186
3218
  },
3187
- "description": "The size of the scroller margin.",
3188
- "name": "--margin"
3219
+ "description": "settings from codeblock"
3189
3220
  }
3190
3221
  ],
3191
- "members": [
3222
+ "description": "Parses input & extracts settings"
3223
+ },
3224
+ {
3225
+ "kind": "function",
3226
+ "name": "parseColors",
3227
+ "return": {
3228
+ "type": {
3229
+ "text": ""
3230
+ }
3231
+ },
3232
+ "parameters": [
3192
3233
  {
3193
- "kind": "field",
3194
- "name": "slotEl",
3234
+ "name": "input",
3195
3235
  "type": {
3196
- "text": "HTMLSlotElement"
3236
+ "text": "string[]"
3197
3237
  },
3198
- "privacy": "protected",
3199
- "description": "The items that will be used as slides."
3238
+ "description": "colors from codeblock"
3200
3239
  },
3201
3240
  {
3202
- "kind": "field",
3203
- "name": "slotChildren",
3241
+ "name": "override",
3204
3242
  "type": {
3205
- "text": "HTMLElement[]"
3206
- },
3207
- "privacy": "protected",
3208
- "default": "[]",
3209
- "description": "The slides being used."
3243
+ "text": "boolean"
3244
+ }
3245
+ }
3246
+ ],
3247
+ "description": "Parses input & extracts colors based on color space or URL"
3248
+ },
3249
+ {
3250
+ "kind": "function",
3251
+ "name": "calcColorsAndSettings",
3252
+ "parameters": [
3253
+ {
3254
+ "name": "input",
3255
+ "type": {
3256
+ "text": "string"
3257
+ }
3210
3258
  },
3211
3259
  {
3212
- "kind": "field",
3213
- "name": "emitter",
3214
- "type": {
3215
- "text": "EventEmitter<EventMap>"
3216
- },
3217
- "privacy": "public",
3218
- "default": "new EventEmitter<EventMap>()",
3219
- "description": "Public way to subscribe to events."
3220
- },
3221
- {
3222
- "kind": "method",
3223
- "name": "getCurrentSlide",
3224
- "privacy": "public",
3225
- "description": "Gets the current slide.",
3226
- "return": {
3227
- "type": {
3228
- "text": ""
3229
- }
3230
- }
3231
- },
3232
- {
3233
- "kind": "method",
3234
- "name": "scrollToPrevSlide",
3235
- "privacy": "public",
3236
- "description": "Scrolls to the slide before the current slide."
3237
- },
3238
- {
3239
- "kind": "method",
3240
- "name": "scrollToNextSlide",
3241
- "privacy": "public",
3242
- "description": "Scrolls to the slide after the current slide."
3243
- }
3244
- ],
3245
- "superclass": {
3246
- "name": "LitElement",
3247
- "package": "lit"
3248
- },
3249
- "tagName": "carousel-scroller",
3250
- "customElement": true
3251
- }
3252
- ],
3253
- "exports": [
3254
- {
3255
- "kind": "js",
3256
- "name": "CarouselScroller",
3257
- "declaration": {
3258
- "name": "CarouselScroller",
3259
- "module": "src/components/carousel-scroller/carousel-scroller.ts"
3260
- }
3261
- },
3262
- {
3263
- "kind": "custom-element-definition",
3264
- "name": "carousel-scroller",
3265
- "declaration": {
3266
- "name": "CarouselScroller",
3267
- "module": "src/components/carousel-scroller/carousel-scroller.ts"
3268
- }
3269
- }
3270
- ]
3271
- },
3272
- {
3273
- "kind": "javascript-module",
3274
- "path": "src/components/color-palette/color-palette-utils.ts",
3275
- "declarations": [
3276
- {
3277
- "kind": "variable",
3278
- "name": "defaultSettings",
3279
- "type": {
3280
- "text": "ColorPaletteSettings"
3281
- },
3282
- "default": "{ noticeDuration: 10000, errorPulse: true, aliasMode: AliasMode.Both, corners: true, stabilizeWhileEditing: true, reloadDelay: 5, copyFormat: CopyFormat.Raw, height: 150, width: 700, direction: Direction.Column, gradient: false, preventHover: false, hideText: false, override: false }"
3283
- },
3284
- {
3285
- "kind": "variable",
3286
- "name": "urlRegex",
3287
- "default": "/(?:https:\\/\\/www\\.|http:\\/\\/www\\.|https:\\/\\/|http:\\/\\/)?[a-zA-Z0-9]{2,}(?:\\.[a-zA-Z0-9]{2,})(?:\\.[a-zA-Z0-9]{2,})?\\/(?:palette\\/)?([a-zA-Z0-9-]{2,})/"
3288
- },
3289
- {
3290
- "kind": "class",
3291
- "description": "",
3292
- "name": "PaletteError",
3293
- "members": [
3294
- {
3295
- "kind": "field",
3296
- "name": "status",
3297
- "type": {
3298
- "text": "Status"
3299
- },
3300
- "default": "status"
3301
- }
3302
- ],
3303
- "superclass": {
3304
- "name": "Error",
3305
- "module": "src/components/color-palette/color-palette-utils.ts"
3306
- }
3307
- },
3308
- {
3309
- "kind": "function",
3310
- "name": "parseSettings",
3311
- "return": {
3312
- "type": {
3313
- "text": ""
3314
- }
3315
- },
3316
- "parameters": [
3317
- {
3318
- "name": "input",
3319
- "type": {
3320
- "text": "string"
3321
- },
3322
- "description": "settings from codeblock"
3323
- }
3324
- ],
3325
- "description": "Parses input & extracts settings"
3326
- },
3327
- {
3328
- "kind": "function",
3329
- "name": "parseColors",
3330
- "return": {
3331
- "type": {
3332
- "text": ""
3333
- }
3334
- },
3335
- "parameters": [
3336
- {
3337
- "name": "input",
3338
- "type": {
3339
- "text": "string[]"
3340
- },
3341
- "description": "colors from codeblock"
3342
- },
3343
- {
3344
- "name": "override",
3345
- "type": {
3346
- "text": "boolean"
3347
- }
3348
- }
3349
- ],
3350
- "description": "Parses input & extracts colors based on color space or URL"
3351
- },
3352
- {
3353
- "kind": "function",
3354
- "name": "calcColorsAndSettings",
3355
- "parameters": [
3356
- {
3357
- "name": "input",
3358
- "type": {
3359
- "text": "string"
3360
- }
3361
- },
3362
- {
3363
- "name": "pluginSettings",
3260
+ "name": "pluginSettings",
3364
3261
  "type": {
3365
3262
  "text": "ColorPaletteSettings"
3366
3263
  }
@@ -3861,115 +3758,234 @@
3861
3758
  },
3862
3759
  {
3863
3760
  "kind": "javascript-module",
3864
- "path": "src/components/draw-svg/draw-svg.styles.ts",
3761
+ "path": "src/components/carousel-scroller/carousel-scroller.styles.ts",
3865
3762
  "declarations": [],
3866
3763
  "exports": [
3867
3764
  {
3868
3765
  "kind": "js",
3869
3766
  "name": "default",
3870
3767
  "declaration": {
3871
- "module": "src/components/draw-svg/draw-svg.styles.ts"
3768
+ "module": "src/components/carousel-scroller/carousel-scroller.styles.ts"
3872
3769
  }
3873
3770
  }
3874
3771
  ]
3875
3772
  },
3876
3773
  {
3877
3774
  "kind": "javascript-module",
3878
- "path": "src/components/draw-svg/draw-svg.ts",
3775
+ "path": "src/components/carousel-scroller/carousel-scroller.ts",
3879
3776
  "declarations": [
3880
3777
  {
3881
3778
  "kind": "class",
3882
- "description": "Animates the provided SVG paths as if they were being drawn.",
3883
- "name": "DrawSvg",
3884
- "members": [
3779
+ "description": "A carousel which can have any number of slides, and rotates circularly.",
3780
+ "name": "CarouselScroller",
3781
+ "cssProperties": [
3885
3782
  {
3886
- "kind": "field",
3887
- "name": "isIntersecting",
3888
3783
  "type": {
3889
- "text": "boolean"
3784
+ "text": "<length>"
3890
3785
  },
3891
- "privacy": "public",
3892
- "default": "false",
3893
- "description": "Whether the SVG is intersecting with the client viewport. Useful for determining when to animate."
3786
+ "description": "The size of the scroller padding.",
3787
+ "name": "--padding"
3894
3788
  },
3895
3789
  {
3896
- "kind": "method",
3897
- "name": "svgClasses",
3898
- "privacy": "protected",
3899
- "return": {
3900
- "type": {
3901
- "text": "{}"
3902
- }
3790
+ "type": {
3791
+ "text": "<length>"
3903
3792
  },
3904
- "inheritedFrom": {
3905
- "name": "ResponsiveSvg",
3906
- "module": "src/components/responsive-svg/responsive-svg.ts"
3907
- }
3908
- },
3793
+ "description": "The size of the scroller margin.",
3794
+ "name": "--margin"
3795
+ }
3796
+ ],
3797
+ "members": [
3909
3798
  {
3910
3799
  "kind": "field",
3911
- "name": "emitter",
3800
+ "name": "slotEl",
3912
3801
  "type": {
3913
- "text": "EventEmitter<EventMap>"
3802
+ "text": "HTMLSlotElement"
3914
3803
  },
3915
- "privacy": "public",
3916
- "default": "new EventEmitter()",
3917
- "description": "Public way to subscribe to events."
3804
+ "privacy": "protected",
3805
+ "description": "The items that will be used as slides."
3918
3806
  },
3919
3807
  {
3920
3808
  "kind": "field",
3921
- "name": "autofit",
3809
+ "name": "slotChildren",
3922
3810
  "type": {
3923
- "text": "boolean"
3811
+ "text": "HTMLElement[]"
3924
3812
  },
3925
- "default": "false",
3926
- "description": "The SVG will attempt to fill its container.",
3927
- "attribute": "autofit",
3928
- "reflects": true,
3929
- "inheritedFrom": {
3930
- "name": "ResponsiveSvg",
3931
- "module": "src/components/responsive-svg/responsive-svg.ts"
3932
- }
3813
+ "privacy": "protected",
3814
+ "default": "[]",
3815
+ "description": "The slides being used."
3933
3816
  },
3934
3817
  {
3935
3818
  "kind": "field",
3936
- "name": "svgColors",
3819
+ "name": "emitter",
3937
3820
  "type": {
3938
- "text": "boolean"
3821
+ "text": "EventEmitter<EventMap>"
3939
3822
  },
3940
- "default": "false",
3941
- "description": "Use the colors from the SVG input.",
3942
- "attribute": "svgColors",
3943
- "reflects": true,
3944
- "inheritedFrom": {
3945
- "name": "ResponsiveSvg",
3946
- "module": "src/components/responsive-svg/responsive-svg.ts"
3947
- }
3823
+ "privacy": "public",
3824
+ "default": "new EventEmitter<EventMap>()",
3825
+ "description": "Public way to subscribe to events."
3948
3826
  },
3949
3827
  {
3950
- "kind": "field",
3951
- "name": "svg",
3952
- "description": "The SVG to responsively size.\r\nMust use a property expression (.) to set",
3953
- "type": {
3954
- "text": "SVGElement | TemplateResult<2> | string"
3955
- },
3956
- "attribute": "svg",
3957
- "inheritedFrom": {
3958
- "name": "ResponsiveSvg",
3959
- "module": "src/components/responsive-svg/responsive-svg.ts"
3828
+ "kind": "method",
3829
+ "name": "getCurrentSlide",
3830
+ "privacy": "public",
3831
+ "description": "Gets the current slide.",
3832
+ "return": {
3833
+ "type": {
3834
+ "text": ""
3835
+ }
3960
3836
  }
3961
3837
  },
3962
3838
  {
3963
- "kind": "field",
3964
- "name": "preserveAspectRatio",
3965
- "description": "Set whether SVG preserves its aspect ratio alignment or spacing.",
3966
- "type": {
3967
- "text": "PreserveAspectRatio"
3968
- },
3969
- "default": "xMidYMid meet",
3970
- "attribute": "preserveAspectRatio",
3971
- "reflects": true,
3972
- "inheritedFrom": {
3839
+ "kind": "method",
3840
+ "name": "scrollToPrevSlide",
3841
+ "privacy": "public",
3842
+ "description": "Scrolls to the slide before the current slide."
3843
+ },
3844
+ {
3845
+ "kind": "method",
3846
+ "name": "scrollToNextSlide",
3847
+ "privacy": "public",
3848
+ "description": "Scrolls to the slide after the current slide."
3849
+ }
3850
+ ],
3851
+ "superclass": {
3852
+ "name": "LitElement",
3853
+ "package": "lit"
3854
+ },
3855
+ "tagName": "carousel-scroller",
3856
+ "customElement": true
3857
+ }
3858
+ ],
3859
+ "exports": [
3860
+ {
3861
+ "kind": "js",
3862
+ "name": "CarouselScroller",
3863
+ "declaration": {
3864
+ "name": "CarouselScroller",
3865
+ "module": "src/components/carousel-scroller/carousel-scroller.ts"
3866
+ }
3867
+ },
3868
+ {
3869
+ "kind": "custom-element-definition",
3870
+ "name": "carousel-scroller",
3871
+ "declaration": {
3872
+ "name": "CarouselScroller",
3873
+ "module": "src/components/carousel-scroller/carousel-scroller.ts"
3874
+ }
3875
+ }
3876
+ ]
3877
+ },
3878
+ {
3879
+ "kind": "javascript-module",
3880
+ "path": "src/components/draw-svg/draw-svg.styles.ts",
3881
+ "declarations": [],
3882
+ "exports": [
3883
+ {
3884
+ "kind": "js",
3885
+ "name": "default",
3886
+ "declaration": {
3887
+ "module": "src/components/draw-svg/draw-svg.styles.ts"
3888
+ }
3889
+ }
3890
+ ]
3891
+ },
3892
+ {
3893
+ "kind": "javascript-module",
3894
+ "path": "src/components/draw-svg/draw-svg.ts",
3895
+ "declarations": [
3896
+ {
3897
+ "kind": "class",
3898
+ "description": "Animates the provided SVG paths as if they were being drawn.",
3899
+ "name": "DrawSvg",
3900
+ "members": [
3901
+ {
3902
+ "kind": "field",
3903
+ "name": "isIntersecting",
3904
+ "type": {
3905
+ "text": "boolean"
3906
+ },
3907
+ "privacy": "public",
3908
+ "default": "false",
3909
+ "description": "Whether the SVG is intersecting with the client viewport. Useful for determining when to animate."
3910
+ },
3911
+ {
3912
+ "kind": "method",
3913
+ "name": "svgClasses",
3914
+ "privacy": "protected",
3915
+ "return": {
3916
+ "type": {
3917
+ "text": "{}"
3918
+ }
3919
+ },
3920
+ "inheritedFrom": {
3921
+ "name": "ResponsiveSvg",
3922
+ "module": "src/components/responsive-svg/responsive-svg.ts"
3923
+ }
3924
+ },
3925
+ {
3926
+ "kind": "field",
3927
+ "name": "emitter",
3928
+ "type": {
3929
+ "text": "EventEmitter<EventMap>"
3930
+ },
3931
+ "privacy": "public",
3932
+ "default": "new EventEmitter()",
3933
+ "description": "Public way to subscribe to events."
3934
+ },
3935
+ {
3936
+ "kind": "field",
3937
+ "name": "autofit",
3938
+ "type": {
3939
+ "text": "boolean"
3940
+ },
3941
+ "default": "false",
3942
+ "description": "The SVG will attempt to fill its container.",
3943
+ "attribute": "autofit",
3944
+ "reflects": true,
3945
+ "inheritedFrom": {
3946
+ "name": "ResponsiveSvg",
3947
+ "module": "src/components/responsive-svg/responsive-svg.ts"
3948
+ }
3949
+ },
3950
+ {
3951
+ "kind": "field",
3952
+ "name": "svgColors",
3953
+ "type": {
3954
+ "text": "boolean"
3955
+ },
3956
+ "default": "false",
3957
+ "description": "Use the colors from the SVG input.",
3958
+ "attribute": "svgColors",
3959
+ "reflects": true,
3960
+ "inheritedFrom": {
3961
+ "name": "ResponsiveSvg",
3962
+ "module": "src/components/responsive-svg/responsive-svg.ts"
3963
+ }
3964
+ },
3965
+ {
3966
+ "kind": "field",
3967
+ "name": "svg",
3968
+ "description": "The SVG to responsively size.\r\nMust use a property expression (.) to set",
3969
+ "type": {
3970
+ "text": "SVGElement | TemplateResult<2> | string"
3971
+ },
3972
+ "attribute": "svg",
3973
+ "inheritedFrom": {
3974
+ "name": "ResponsiveSvg",
3975
+ "module": "src/components/responsive-svg/responsive-svg.ts"
3976
+ }
3977
+ },
3978
+ {
3979
+ "kind": "field",
3980
+ "name": "preserveAspectRatio",
3981
+ "description": "Set whether SVG preserves its aspect ratio alignment or spacing.",
3982
+ "type": {
3983
+ "text": "PreserveAspectRatio"
3984
+ },
3985
+ "default": "xMidYMid meet",
3986
+ "attribute": "preserveAspectRatio",
3987
+ "reflects": true,
3988
+ "inheritedFrom": {
3973
3989
  "name": "ResponsiveSvg",
3974
3990
  "module": "src/components/responsive-svg/responsive-svg.ts"
3975
3991
  }
@@ -5130,430 +5146,125 @@
5130
5146
  },
5131
5147
  {
5132
5148
  "kind": "javascript-module",
5133
- "path": "src/components/color-palette/editor/color-palette-editor.styles.ts",
5149
+ "path": "src/components/color-palette/item/color-palette-item-edit.styles.ts",
5134
5150
  "declarations": [],
5135
5151
  "exports": [
5136
5152
  {
5137
5153
  "kind": "js",
5138
5154
  "name": "default",
5139
5155
  "declaration": {
5140
- "module": "src/components/color-palette/editor/color-palette-editor.styles.ts"
5156
+ "module": "src/components/color-palette/item/color-palette-item-edit.styles.ts"
5141
5157
  }
5142
5158
  }
5143
5159
  ]
5144
5160
  },
5145
5161
  {
5146
5162
  "kind": "javascript-module",
5147
- "path": "src/components/color-palette/editor/color-palette-editor.ts",
5163
+ "path": "src/components/color-palette/item/color-palette-item-edit.ts",
5148
5164
  "declarations": [
5149
5165
  {
5150
5166
  "kind": "class",
5151
- "description": "An editor which can assist in modifying new or existing color palettes.",
5152
- "name": "ColorPaletteEditor",
5153
- "cssProperties": [
5154
- {
5155
- "type": {
5156
- "text": "<color>"
5157
- },
5158
- "description": "The call to action background color.",
5159
- "name": "--cta-background"
5160
- }
5161
- ],
5167
+ "description": "A color item in its edit state meant to be used with color-palette.",
5168
+ "name": "ColorPaletteItemEdit",
5162
5169
  "members": [
5163
5170
  {
5164
5171
  "kind": "field",
5165
- "name": "palette",
5172
+ "name": "stabilizeWhileEditing",
5166
5173
  "type": {
5167
- "text": "HTMLDivElement"
5174
+ "text": "boolean"
5168
5175
  },
5169
5176
  "privacy": "public",
5170
- "description": "The wrapper element."
5177
+ "default": "false",
5178
+ "description": "Prevent hover while item is being edited.",
5179
+ "attribute": "stabilizeWhileEditing",
5180
+ "reflects": true
5171
5181
  },
5172
5182
  {
5173
5183
  "kind": "field",
5174
- "name": "colors",
5184
+ "name": "emitter",
5175
5185
  "type": {
5176
- "text": "string[]"
5186
+ "text": "EventEmitter<EventMap>"
5177
5187
  },
5178
5188
  "privacy": "public",
5179
- "default": "[]",
5180
- "description": "The palette colors to be edited.",
5181
- "attribute": "colors"
5189
+ "default": "new EventEmitter<EventMap>()",
5190
+ "description": "Public way to subscribe to events.",
5191
+ "inheritedFrom": {
5192
+ "name": "ColorPaletteItem",
5193
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5194
+ }
5195
+ },
5196
+ {
5197
+ "kind": "method",
5198
+ "name": "content",
5199
+ "privacy": "protected",
5200
+ "description": "Renders the content.",
5201
+ "inheritedFrom": {
5202
+ "name": "ColorPaletteItem",
5203
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5204
+ }
5182
5205
  },
5183
5206
  {
5184
5207
  "kind": "field",
5185
- "name": "settings",
5208
+ "name": "color",
5186
5209
  "type": {
5187
- "text": "PaletteSettings"
5210
+ "text": "string"
5188
5211
  },
5189
5212
  "privacy": "public",
5190
- "default": "{ height: defaultSettings.height, width: defaultSettings.width, direction: defaultSettings.direction, gradient: defaultSettings.gradient, preventHover: defaultSettings.preventHover, hideText: defaultSettings.hideText, override: defaultSettings.override, aliases: [] }",
5191
- "description": "The palette settings to be edited.",
5192
- "attribute": "settings"
5213
+ "default": "''",
5214
+ "description": "The color the item will display.",
5215
+ "attribute": "color",
5216
+ "inheritedFrom": {
5217
+ "name": "ColorPaletteItem",
5218
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5219
+ }
5193
5220
  },
5194
5221
  {
5195
5222
  "kind": "field",
5196
- "name": "selectedInput",
5223
+ "name": "alias",
5197
5224
  "type": {
5198
- "text": "SelectedInput"
5225
+ "text": "string"
5199
5226
  },
5200
5227
  "privacy": "public",
5201
- "description": "The editing input that will be used.",
5202
- "attribute": "selectedInput",
5203
- "reflects": true
5228
+ "default": "''",
5229
+ "description": "The alias for the color.",
5230
+ "attribute": "alias",
5231
+ "inheritedFrom": {
5232
+ "name": "ColorPaletteItem",
5233
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5234
+ }
5204
5235
  },
5205
5236
  {
5206
5237
  "kind": "field",
5207
- "name": "combination",
5238
+ "name": "aliasMode",
5208
5239
  "type": {
5209
- "text": "Combination"
5240
+ "text": "AliasMode"
5210
5241
  },
5211
5242
  "privacy": "public",
5212
- "description": "The color theory combination used when generating colors.",
5213
- "attribute": "combination"
5243
+ "description": "How the alias will display.",
5244
+ "attribute": "aliasMode",
5245
+ "inheritedFrom": {
5246
+ "name": "ColorPaletteItem",
5247
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5248
+ }
5214
5249
  },
5215
5250
  {
5216
5251
  "kind": "field",
5217
- "name": "baseColor",
5252
+ "name": "direction",
5218
5253
  "type": {
5219
- "text": "ReturnType<typeof colorsea> | undefined"
5254
+ "text": "Direction"
5220
5255
  },
5221
5256
  "privacy": "public",
5222
- "description": "The base color used when generating colors.",
5223
- "attribute": "baseColor"
5257
+ "description": "The direction the palette wants the item to display.",
5258
+ "attribute": "direction",
5259
+ "reflects": true,
5260
+ "inheritedFrom": {
5261
+ "name": "ColorPaletteItem",
5262
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5263
+ }
5224
5264
  },
5225
5265
  {
5226
5266
  "kind": "field",
5227
- "name": "emitter",
5228
- "type": {
5229
- "text": "EventEmitter<EventMap>"
5230
- },
5231
- "privacy": "public",
5232
- "default": "new EventEmitter<EventMap>()",
5233
- "description": "Public way to subscribe to events."
5234
- },
5235
- {
5236
- "kind": "method",
5237
- "name": "renderSettings",
5238
- "privacy": "private",
5239
- "description": "Renders the settings fields."
5240
- },
5241
- {
5242
- "kind": "method",
5243
- "name": "pickerOption",
5244
- "privacy": "private",
5245
- "description": "Renders the picker option."
5246
- },
5247
- {
5248
- "kind": "method",
5249
- "name": "generateOption",
5250
- "privacy": "private",
5251
- "description": "Renders the generate option."
5252
- },
5253
- {
5254
- "kind": "method",
5255
- "name": "imageOption",
5256
- "privacy": "private",
5257
- "description": "Renders the image option."
5258
- },
5259
- {
5260
- "kind": "method",
5261
- "name": "urlOption",
5262
- "privacy": "private",
5263
- "description": "Renders the URL option."
5264
- }
5265
- ],
5266
- "attributes": [
5267
- {
5268
- "name": "colors",
5269
- "type": {
5270
- "text": "string[]"
5271
- },
5272
- "default": "[]",
5273
- "description": "The palette colors to be edited.",
5274
- "fieldName": "colors"
5275
- },
5276
- {
5277
- "name": "settings",
5278
- "type": {
5279
- "text": "PaletteSettings"
5280
- },
5281
- "default": "{ height: defaultSettings.height, width: defaultSettings.width, direction: defaultSettings.direction, gradient: defaultSettings.gradient, preventHover: defaultSettings.preventHover, hideText: defaultSettings.hideText, override: defaultSettings.override, aliases: [] }",
5282
- "description": "The palette settings to be edited.",
5283
- "fieldName": "settings"
5284
- },
5285
- {
5286
- "name": "selectedInput",
5287
- "type": {
5288
- "text": "SelectedInput"
5289
- },
5290
- "description": "The editing input that will be used.",
5291
- "fieldName": "selectedInput"
5292
- },
5293
- {
5294
- "name": "combination",
5295
- "type": {
5296
- "text": "Combination"
5297
- },
5298
- "description": "The color theory combination used when generating colors.",
5299
- "fieldName": "combination"
5300
- },
5301
- {
5302
- "name": "baseColor",
5303
- "type": {
5304
- "text": "ReturnType<typeof colorsea> | undefined"
5305
- },
5306
- "description": "The base color used when generating colors.",
5307
- "fieldName": "baseColor"
5308
- }
5309
- ],
5310
- "superclass": {
5311
- "name": "LitElement",
5312
- "package": "lit"
5313
- },
5314
- "tagName": "color-palette-editor",
5315
- "customElement": true
5316
- }
5317
- ],
5318
- "exports": [
5319
- {
5320
- "kind": "js",
5321
- "name": "ColorPaletteEditor",
5322
- "declaration": {
5323
- "name": "ColorPaletteEditor",
5324
- "module": "src/components/color-palette/editor/color-palette-editor.ts"
5325
- }
5326
- },
5327
- {
5328
- "kind": "custom-element-definition",
5329
- "name": "color-palette-editor",
5330
- "declaration": {
5331
- "name": "ColorPaletteEditor",
5332
- "module": "src/components/color-palette/editor/color-palette-editor.ts"
5333
- }
5334
- }
5335
- ]
5336
- },
5337
- {
5338
- "kind": "javascript-module",
5339
- "path": "src/components/color-palette/editor/settings-item.styles.ts",
5340
- "declarations": [],
5341
- "exports": [
5342
- {
5343
- "kind": "js",
5344
- "name": "default",
5345
- "declaration": {
5346
- "module": "src/components/color-palette/editor/settings-item.styles.ts"
5347
- }
5348
- }
5349
- ]
5350
- },
5351
- {
5352
- "kind": "javascript-module",
5353
- "path": "src/components/color-palette/editor/settings-item.ts",
5354
- "declarations": [
5355
- {
5356
- "kind": "class",
5357
- "description": "The settings item using inside of the editor.",
5358
- "name": "SettingItem",
5359
- "slots": [
5360
- {
5361
- "description": "The setting.",
5362
- "name": ""
5363
- }
5364
- ],
5365
- "members": [
5366
- {
5367
- "kind": "field",
5368
- "name": "name",
5369
- "type": {
5370
- "text": "string"
5371
- },
5372
- "privacy": "public",
5373
- "default": "''",
5374
- "description": "The name of the setting.",
5375
- "attribute": "name"
5376
- },
5377
- {
5378
- "kind": "field",
5379
- "name": "description",
5380
- "type": {
5381
- "text": "string"
5382
- },
5383
- "privacy": "public",
5384
- "default": "''",
5385
- "description": "The description of the setting.",
5386
- "attribute": "description"
5387
- }
5388
- ],
5389
- "attributes": [
5390
- {
5391
- "name": "name",
5392
- "type": {
5393
- "text": "string"
5394
- },
5395
- "default": "''",
5396
- "description": "The name of the setting.",
5397
- "fieldName": "name"
5398
- },
5399
- {
5400
- "name": "description",
5401
- "type": {
5402
- "text": "string"
5403
- },
5404
- "default": "''",
5405
- "description": "The description of the setting.",
5406
- "fieldName": "description"
5407
- }
5408
- ],
5409
- "superclass": {
5410
- "name": "LitElement",
5411
- "package": "lit"
5412
- },
5413
- "tagName": "setting-item",
5414
- "customElement": true
5415
- }
5416
- ],
5417
- "exports": [
5418
- {
5419
- "kind": "js",
5420
- "name": "SettingItem",
5421
- "declaration": {
5422
- "name": "SettingItem",
5423
- "module": "src/components/color-palette/editor/settings-item.ts"
5424
- }
5425
- },
5426
- {
5427
- "kind": "custom-element-definition",
5428
- "name": "setting-item",
5429
- "declaration": {
5430
- "name": "SettingItem",
5431
- "module": "src/components/color-palette/editor/settings-item.ts"
5432
- }
5433
- }
5434
- ]
5435
- },
5436
- {
5437
- "kind": "javascript-module",
5438
- "path": "src/components/color-palette/item/color-palette-item-edit.styles.ts",
5439
- "declarations": [],
5440
- "exports": [
5441
- {
5442
- "kind": "js",
5443
- "name": "default",
5444
- "declaration": {
5445
- "module": "src/components/color-palette/item/color-palette-item-edit.styles.ts"
5446
- }
5447
- }
5448
- ]
5449
- },
5450
- {
5451
- "kind": "javascript-module",
5452
- "path": "src/components/color-palette/item/color-palette-item-edit.ts",
5453
- "declarations": [
5454
- {
5455
- "kind": "class",
5456
- "description": "A color item in its edit state meant to be used with color-palette.",
5457
- "name": "ColorPaletteItemEdit",
5458
- "members": [
5459
- {
5460
- "kind": "field",
5461
- "name": "stabilizeWhileEditing",
5462
- "type": {
5463
- "text": "boolean"
5464
- },
5465
- "privacy": "public",
5466
- "default": "false",
5467
- "description": "Prevent hover while item is being edited.",
5468
- "attribute": "stabilizeWhileEditing",
5469
- "reflects": true
5470
- },
5471
- {
5472
- "kind": "field",
5473
- "name": "emitter",
5474
- "type": {
5475
- "text": "EventEmitter<EventMap>"
5476
- },
5477
- "privacy": "public",
5478
- "default": "new EventEmitter<EventMap>()",
5479
- "description": "Public way to subscribe to events.",
5480
- "inheritedFrom": {
5481
- "name": "ColorPaletteItem",
5482
- "module": "src/components/color-palette/item/color-palette-item.ts"
5483
- }
5484
- },
5485
- {
5486
- "kind": "method",
5487
- "name": "content",
5488
- "privacy": "protected",
5489
- "description": "Renders the content.",
5490
- "inheritedFrom": {
5491
- "name": "ColorPaletteItem",
5492
- "module": "src/components/color-palette/item/color-palette-item.ts"
5493
- }
5494
- },
5495
- {
5496
- "kind": "field",
5497
- "name": "color",
5498
- "type": {
5499
- "text": "string"
5500
- },
5501
- "privacy": "public",
5502
- "default": "''",
5503
- "description": "The color the item will display.",
5504
- "attribute": "color",
5505
- "inheritedFrom": {
5506
- "name": "ColorPaletteItem",
5507
- "module": "src/components/color-palette/item/color-palette-item.ts"
5508
- }
5509
- },
5510
- {
5511
- "kind": "field",
5512
- "name": "alias",
5513
- "type": {
5514
- "text": "string"
5515
- },
5516
- "privacy": "public",
5517
- "default": "''",
5518
- "description": "The alias for the color.",
5519
- "attribute": "alias",
5520
- "inheritedFrom": {
5521
- "name": "ColorPaletteItem",
5522
- "module": "src/components/color-palette/item/color-palette-item.ts"
5523
- }
5524
- },
5525
- {
5526
- "kind": "field",
5527
- "name": "aliasMode",
5528
- "type": {
5529
- "text": "AliasMode"
5530
- },
5531
- "privacy": "public",
5532
- "description": "How the alias will display.",
5533
- "attribute": "aliasMode",
5534
- "inheritedFrom": {
5535
- "name": "ColorPaletteItem",
5536
- "module": "src/components/color-palette/item/color-palette-item.ts"
5537
- }
5538
- },
5539
- {
5540
- "kind": "field",
5541
- "name": "direction",
5542
- "type": {
5543
- "text": "Direction"
5544
- },
5545
- "privacy": "public",
5546
- "description": "The direction the palette wants the item to display.",
5547
- "attribute": "direction",
5548
- "reflects": true,
5549
- "inheritedFrom": {
5550
- "name": "ColorPaletteItem",
5551
- "module": "src/components/color-palette/item/color-palette-item.ts"
5552
- }
5553
- },
5554
- {
5555
- "kind": "field",
5556
- "name": "editMode",
5267
+ "name": "editMode",
5557
5268
  "type": {
5558
5269
  "text": "boolean"
5559
5270
  },
@@ -5864,103 +5575,311 @@
5864
5575
  "members": [
5865
5576
  {
5866
5577
  "kind": "field",
5867
- "name": "color",
5868
- "type": {
5869
- "text": "string"
5870
- },
5871
- "privacy": "public",
5872
- "default": "''",
5873
- "description": "The color the item will display.",
5874
- "attribute": "color"
5875
- },
5876
- {
5877
- "kind": "field",
5878
- "name": "alias",
5578
+ "name": "color",
5579
+ "type": {
5580
+ "text": "string"
5581
+ },
5582
+ "privacy": "public",
5583
+ "default": "''",
5584
+ "description": "The color the item will display.",
5585
+ "attribute": "color"
5586
+ },
5587
+ {
5588
+ "kind": "field",
5589
+ "name": "alias",
5590
+ "type": {
5591
+ "text": "string"
5592
+ },
5593
+ "privacy": "public",
5594
+ "default": "''",
5595
+ "description": "The alias for the color.",
5596
+ "attribute": "alias"
5597
+ },
5598
+ {
5599
+ "kind": "field",
5600
+ "name": "aliasMode",
5601
+ "type": {
5602
+ "text": "AliasMode"
5603
+ },
5604
+ "privacy": "public",
5605
+ "description": "How the alias will display.",
5606
+ "attribute": "aliasMode"
5607
+ },
5608
+ {
5609
+ "kind": "field",
5610
+ "name": "direction",
5611
+ "type": {
5612
+ "text": "Direction"
5613
+ },
5614
+ "privacy": "public",
5615
+ "description": "The direction the palette wants the item to display.",
5616
+ "attribute": "direction",
5617
+ "reflects": true
5618
+ },
5619
+ {
5620
+ "kind": "field",
5621
+ "name": "editMode",
5622
+ "type": {
5623
+ "text": "boolean"
5624
+ },
5625
+ "privacy": "public",
5626
+ "default": "false",
5627
+ "description": "Whether the item is being edited.",
5628
+ "attribute": "editMode",
5629
+ "reflects": true
5630
+ },
5631
+ {
5632
+ "kind": "field",
5633
+ "name": "height",
5634
+ "type": {
5635
+ "text": "number"
5636
+ },
5637
+ "privacy": "public",
5638
+ "description": "The height of the item.",
5639
+ "attribute": "height"
5640
+ },
5641
+ {
5642
+ "kind": "field",
5643
+ "name": "preventHover",
5644
+ "type": {
5645
+ "text": "boolean"
5646
+ },
5647
+ "privacy": "public",
5648
+ "default": "false",
5649
+ "description": "Whether hovering over the item is permitted.",
5650
+ "attribute": "preventHover",
5651
+ "reflects": true
5652
+ },
5653
+ {
5654
+ "kind": "field",
5655
+ "name": "hideText",
5656
+ "type": {
5657
+ "text": "boolean"
5658
+ },
5659
+ "privacy": "public",
5660
+ "default": "false",
5661
+ "description": "Whether the text on the item is hidden.",
5662
+ "attribute": "hideText",
5663
+ "reflects": true
5664
+ },
5665
+ {
5666
+ "kind": "field",
5667
+ "name": "colorCount",
5668
+ "type": {
5669
+ "text": "number"
5670
+ },
5671
+ "privacy": "public",
5672
+ "default": "0",
5673
+ "description": "The total number of colors the palette expects.",
5674
+ "attribute": "colorCount"
5675
+ },
5676
+ {
5677
+ "kind": "field",
5678
+ "name": "emitter",
5679
+ "type": {
5680
+ "text": "EventEmitter<EventMap>"
5681
+ },
5682
+ "privacy": "public",
5683
+ "default": "new EventEmitter<EventMap>()",
5684
+ "description": "Public way to subscribe to events."
5685
+ },
5686
+ {
5687
+ "kind": "method",
5688
+ "name": "content",
5689
+ "privacy": "protected",
5690
+ "description": "Renders the content"
5691
+ }
5692
+ ],
5693
+ "attributes": [
5694
+ {
5695
+ "name": "color",
5696
+ "type": {
5697
+ "text": "string"
5698
+ },
5699
+ "default": "''",
5700
+ "description": "The color the item will display.",
5701
+ "fieldName": "color"
5702
+ },
5703
+ {
5704
+ "name": "alias",
5705
+ "type": {
5706
+ "text": "string"
5707
+ },
5708
+ "default": "''",
5709
+ "description": "The alias for the color.",
5710
+ "fieldName": "alias"
5711
+ },
5712
+ {
5713
+ "name": "aliasMode",
5714
+ "type": {
5715
+ "text": "AliasMode"
5716
+ },
5717
+ "description": "How the alias will display.",
5718
+ "fieldName": "aliasMode"
5719
+ },
5720
+ {
5721
+ "name": "direction",
5722
+ "type": {
5723
+ "text": "Direction"
5724
+ },
5725
+ "description": "The direction the palette wants the item to display.",
5726
+ "fieldName": "direction"
5727
+ },
5728
+ {
5729
+ "name": "editMode",
5730
+ "type": {
5731
+ "text": "boolean"
5732
+ },
5733
+ "default": "false",
5734
+ "description": "Whether the item is being edited.",
5735
+ "fieldName": "editMode"
5736
+ },
5737
+ {
5738
+ "name": "height",
5739
+ "type": {
5740
+ "text": "number"
5741
+ },
5742
+ "description": "The height of the item.",
5743
+ "fieldName": "height"
5744
+ },
5745
+ {
5746
+ "name": "preventHover",
5747
+ "type": {
5748
+ "text": "boolean"
5749
+ },
5750
+ "default": "false",
5751
+ "description": "Whether hovering over the item is permitted.",
5752
+ "fieldName": "preventHover"
5753
+ },
5754
+ {
5755
+ "name": "hideText",
5756
+ "type": {
5757
+ "text": "boolean"
5758
+ },
5759
+ "default": "false",
5760
+ "description": "Whether the text on the item is hidden.",
5761
+ "fieldName": "hideText"
5762
+ },
5763
+ {
5764
+ "name": "colorCount",
5765
+ "type": {
5766
+ "text": "number"
5767
+ },
5768
+ "default": "0",
5769
+ "description": "The total number of colors the palette expects.",
5770
+ "fieldName": "colorCount"
5771
+ }
5772
+ ],
5773
+ "superclass": {
5774
+ "name": "LitElement",
5775
+ "package": "lit"
5776
+ },
5777
+ "tagName": "color-palette-item",
5778
+ "customElement": true
5779
+ }
5780
+ ],
5781
+ "exports": [
5782
+ {
5783
+ "kind": "js",
5784
+ "name": "ColorPaletteItem",
5785
+ "declaration": {
5786
+ "name": "ColorPaletteItem",
5787
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5788
+ }
5789
+ },
5790
+ {
5791
+ "kind": "custom-element-definition",
5792
+ "name": "color-palette-item",
5793
+ "declaration": {
5794
+ "name": "ColorPaletteItem",
5795
+ "module": "src/components/color-palette/item/color-palette-item.ts"
5796
+ }
5797
+ }
5798
+ ]
5799
+ },
5800
+ {
5801
+ "kind": "javascript-module",
5802
+ "path": "src/components/color-palette/menu/color-palette-menu.styles.ts",
5803
+ "declarations": [],
5804
+ "exports": [
5805
+ {
5806
+ "kind": "js",
5807
+ "name": "default",
5808
+ "declaration": {
5809
+ "module": "src/components/color-palette/menu/color-palette-menu.styles.ts"
5810
+ }
5811
+ }
5812
+ ]
5813
+ },
5814
+ {
5815
+ "kind": "javascript-module",
5816
+ "path": "src/components/color-palette/menu/color-palette-menu.ts",
5817
+ "declarations": [
5818
+ {
5819
+ "kind": "class",
5820
+ "description": "A context menu for color-palette.",
5821
+ "name": "ColorPaletteMenu",
5822
+ "members": [
5823
+ {
5824
+ "kind": "field",
5825
+ "name": "absolute",
5879
5826
  "type": {
5880
- "text": "string"
5827
+ "text": "AbsoluteContainer"
5881
5828
  },
5882
5829
  "privacy": "public",
5883
- "default": "''",
5884
- "description": "The alias for the color.",
5885
- "attribute": "alias"
5830
+ "description": "The absolute-container wrapping the menu."
5886
5831
  },
5887
5832
  {
5888
5833
  "kind": "field",
5889
- "name": "aliasMode",
5834
+ "name": "colors",
5890
5835
  "type": {
5891
- "text": "AliasMode"
5836
+ "text": "string[]"
5892
5837
  },
5893
5838
  "privacy": "public",
5894
- "description": "How the alias will display.",
5895
- "attribute": "aliasMode"
5839
+ "default": "[]",
5840
+ "description": "The settings palette colors.",
5841
+ "attribute": "colors"
5896
5842
  },
5897
5843
  {
5898
5844
  "kind": "field",
5899
- "name": "direction",
5845
+ "name": "settings",
5900
5846
  "type": {
5901
- "text": "Direction"
5847
+ "text": "Partial<PaletteSettings> | undefined"
5902
5848
  },
5903
5849
  "privacy": "public",
5904
- "description": "The direction the palette wants the item to display.",
5905
- "attribute": "direction",
5906
- "reflects": true
5850
+ "description": "The selected palette settings.",
5851
+ "attribute": "settings"
5907
5852
  },
5908
5853
  {
5909
5854
  "kind": "field",
5910
5855
  "name": "editMode",
5911
5856
  "type": {
5912
- "text": "boolean"
5857
+ "text": "Boolean"
5913
5858
  },
5914
5859
  "privacy": "public",
5915
5860
  "default": "false",
5916
- "description": "Whether the item is being edited.",
5917
- "attribute": "editMode",
5918
- "reflects": true
5919
- },
5920
- {
5921
- "kind": "field",
5922
- "name": "height",
5923
- "type": {
5924
- "text": "number"
5925
- },
5926
- "privacy": "public",
5927
- "description": "The height of the item.",
5928
- "attribute": "height"
5861
+ "description": "The selected palette edit mode status.",
5862
+ "attribute": "editMode"
5929
5863
  },
5930
5864
  {
5931
5865
  "kind": "field",
5932
- "name": "preventHover",
5866
+ "name": "copyFormat",
5933
5867
  "type": {
5934
- "text": "boolean"
5868
+ "text": "CopyFormat"
5935
5869
  },
5936
5870
  "privacy": "public",
5937
- "default": "false",
5938
- "description": "Whether hovering over the item is permitted.",
5939
- "attribute": "preventHover",
5940
- "reflects": true
5871
+ "description": "Determines if copying takes the raw value or just the colors.",
5872
+ "attribute": "copyFormat"
5941
5873
  },
5942
5874
  {
5943
5875
  "kind": "field",
5944
- "name": "hideText",
5876
+ "name": "reorder",
5945
5877
  "type": {
5946
5878
  "text": "boolean"
5947
5879
  },
5948
- "privacy": "public",
5880
+ "privacy": "protected",
5949
5881
  "default": "false",
5950
- "description": "Whether the text on the item is hidden.",
5951
- "attribute": "hideText",
5952
- "reflects": true
5953
- },
5954
- {
5955
- "kind": "field",
5956
- "name": "colorCount",
5957
- "type": {
5958
- "text": "number"
5959
- },
5960
- "privacy": "public",
5961
- "default": "0",
5962
- "description": "The total number of colors the palette expects.",
5963
- "attribute": "colorCount"
5882
+ "description": "Whether reorder state is active."
5964
5883
  },
5965
5884
  {
5966
5885
  "kind": "field",
@@ -5974,149 +5893,226 @@
5974
5893
  },
5975
5894
  {
5976
5895
  "kind": "method",
5977
- "name": "content",
5896
+ "name": "menuItems",
5978
5897
  "privacy": "protected",
5979
- "description": "Renders the content"
5898
+ "description": "Renders the menu items."
5899
+ },
5900
+ {
5901
+ "kind": "method",
5902
+ "name": "reorderItems",
5903
+ "privacy": "protected",
5904
+ "description": "Renders the reorder items."
5980
5905
  }
5981
5906
  ],
5982
5907
  "attributes": [
5983
5908
  {
5984
- "name": "color",
5909
+ "name": "colors",
5985
5910
  "type": {
5986
- "text": "string"
5911
+ "text": "string[]"
5987
5912
  },
5988
- "default": "''",
5989
- "description": "The color the item will display.",
5990
- "fieldName": "color"
5913
+ "default": "[]",
5914
+ "description": "The settings palette colors.",
5915
+ "fieldName": "colors"
5991
5916
  },
5992
5917
  {
5993
- "name": "alias",
5918
+ "name": "settings",
5994
5919
  "type": {
5995
- "text": "string"
5920
+ "text": "Partial<PaletteSettings> | undefined"
5996
5921
  },
5997
- "default": "''",
5998
- "description": "The alias for the color.",
5999
- "fieldName": "alias"
5922
+ "description": "The selected palette settings.",
5923
+ "fieldName": "settings"
6000
5924
  },
6001
5925
  {
6002
- "name": "aliasMode",
5926
+ "name": "editMode",
6003
5927
  "type": {
6004
- "text": "AliasMode"
5928
+ "text": "Boolean"
6005
5929
  },
6006
- "description": "How the alias will display.",
6007
- "fieldName": "aliasMode"
5930
+ "default": "false",
5931
+ "description": "The selected palette edit mode status.",
5932
+ "fieldName": "editMode"
6008
5933
  },
6009
5934
  {
6010
- "name": "direction",
5935
+ "name": "copyFormat",
6011
5936
  "type": {
6012
- "text": "Direction"
5937
+ "text": "CopyFormat"
6013
5938
  },
6014
- "description": "The direction the palette wants the item to display.",
6015
- "fieldName": "direction"
6016
- },
5939
+ "description": "Determines if copying takes the raw value or just the colors.",
5940
+ "fieldName": "copyFormat"
5941
+ }
5942
+ ],
5943
+ "superclass": {
5944
+ "name": "LitElement",
5945
+ "package": "lit"
5946
+ },
5947
+ "tagName": "color-palette-menu",
5948
+ "customElement": true
5949
+ }
5950
+ ],
5951
+ "exports": [
5952
+ {
5953
+ "kind": "js",
5954
+ "name": "ColorPaletteMenu",
5955
+ "declaration": {
5956
+ "name": "ColorPaletteMenu",
5957
+ "module": "src/components/color-palette/menu/color-palette-menu.ts"
5958
+ }
5959
+ },
5960
+ {
5961
+ "kind": "custom-element-definition",
5962
+ "name": "color-palette-menu",
5963
+ "declaration": {
5964
+ "name": "ColorPaletteMenu",
5965
+ "module": "src/components/color-palette/menu/color-palette-menu.ts"
5966
+ }
5967
+ }
5968
+ ]
5969
+ },
5970
+ {
5971
+ "kind": "javascript-module",
5972
+ "path": "src/components/color-palette/menu/color-palette-reorder.styles.ts",
5973
+ "declarations": [],
5974
+ "exports": [
5975
+ {
5976
+ "kind": "js",
5977
+ "name": "default",
5978
+ "declaration": {
5979
+ "module": "src/components/color-palette/menu/color-palette-reorder.styles.ts"
5980
+ }
5981
+ }
5982
+ ]
5983
+ },
5984
+ {
5985
+ "kind": "javascript-module",
5986
+ "path": "src/components/color-palette/menu/color-palette-reorder.ts",
5987
+ "declarations": [
5988
+ {
5989
+ "kind": "class",
5990
+ "description": "A companion UI to color-palette-menu for when the client selects reorder.",
5991
+ "name": "ColorPaletteReorder",
5992
+ "members": [
6017
5993
  {
6018
- "name": "editMode",
5994
+ "kind": "field",
5995
+ "name": "absolute",
6019
5996
  "type": {
6020
- "text": "boolean"
5997
+ "text": "AbsoluteContainer"
6021
5998
  },
6022
- "default": "false",
6023
- "description": "Whether the item is being edited.",
6024
- "fieldName": "editMode"
5999
+ "privacy": "public",
6000
+ "description": "The absolute container wrapping the reorder component."
6025
6001
  },
6026
6002
  {
6027
- "name": "height",
6003
+ "kind": "field",
6004
+ "name": "colors",
6028
6005
  "type": {
6029
- "text": "number"
6006
+ "text": "string[]"
6030
6007
  },
6031
- "description": "The height of the item.",
6032
- "fieldName": "height"
6008
+ "privacy": "public",
6009
+ "default": "[]",
6010
+ "description": "The colors that can be reordered.",
6011
+ "attribute": "colors"
6033
6012
  },
6034
6013
  {
6035
- "name": "preventHover",
6014
+ "kind": "field",
6015
+ "name": "emitter",
6036
6016
  "type": {
6037
- "text": "boolean"
6017
+ "text": "EventEmitter<EventMap>"
6038
6018
  },
6039
- "default": "false",
6040
- "description": "Whether hovering over the item is permitted.",
6041
- "fieldName": "preventHover"
6019
+ "privacy": "public",
6020
+ "default": "new EventEmitter<EventMap>()",
6021
+ "description": "Public way to subscribe to events."
6042
6022
  },
6043
6023
  {
6044
- "name": "hideText",
6045
- "type": {
6046
- "text": "boolean"
6047
- },
6048
- "default": "false",
6049
- "description": "Whether the text on the item is hidden.",
6050
- "fieldName": "hideText"
6051
- },
6024
+ "kind": "method",
6025
+ "name": "selectOption",
6026
+ "privacy": "protected",
6027
+ "parameters": [
6028
+ {
6029
+ "name": "item",
6030
+ "type": {
6031
+ "text": "Reorder"
6032
+ }
6033
+ }
6034
+ ],
6035
+ "description": "Reorders the palette colors based on the selected option."
6036
+ }
6037
+ ],
6038
+ "attributes": [
6052
6039
  {
6053
- "name": "colorCount",
6040
+ "name": "colors",
6054
6041
  "type": {
6055
- "text": "number"
6042
+ "text": "string[]"
6056
6043
  },
6057
- "default": "0",
6058
- "description": "The total number of colors the palette expects.",
6059
- "fieldName": "colorCount"
6044
+ "default": "[]",
6045
+ "description": "The colors that can be reordered.",
6046
+ "fieldName": "colors"
6060
6047
  }
6061
6048
  ],
6062
6049
  "superclass": {
6063
6050
  "name": "LitElement",
6064
6051
  "package": "lit"
6065
6052
  },
6066
- "tagName": "color-palette-item",
6053
+ "tagName": "color-palette-reorder",
6067
6054
  "customElement": true
6068
6055
  }
6069
6056
  ],
6070
6057
  "exports": [
6071
6058
  {
6072
6059
  "kind": "js",
6073
- "name": "ColorPaletteItem",
6060
+ "name": "ColorPaletteReorder",
6074
6061
  "declaration": {
6075
- "name": "ColorPaletteItem",
6076
- "module": "src/components/color-palette/item/color-palette-item.ts"
6062
+ "name": "ColorPaletteReorder",
6063
+ "module": "src/components/color-palette/menu/color-palette-reorder.ts"
6077
6064
  }
6078
6065
  },
6079
6066
  {
6080
6067
  "kind": "custom-element-definition",
6081
- "name": "color-palette-item",
6068
+ "name": "color-palette-reorder",
6082
6069
  "declaration": {
6083
- "name": "ColorPaletteItem",
6084
- "module": "src/components/color-palette/item/color-palette-item.ts"
6070
+ "name": "ColorPaletteReorder",
6071
+ "module": "src/components/color-palette/menu/color-palette-reorder.ts"
6085
6072
  }
6086
6073
  }
6087
6074
  ]
6088
6075
  },
6089
6076
  {
6090
6077
  "kind": "javascript-module",
6091
- "path": "src/components/color-palette/menu/color-palette-menu.styles.ts",
6078
+ "path": "src/components/color-palette/editor/color-palette-editor.styles.ts",
6092
6079
  "declarations": [],
6093
6080
  "exports": [
6094
6081
  {
6095
6082
  "kind": "js",
6096
6083
  "name": "default",
6097
6084
  "declaration": {
6098
- "module": "src/components/color-palette/menu/color-palette-menu.styles.ts"
6085
+ "module": "src/components/color-palette/editor/color-palette-editor.styles.ts"
6099
6086
  }
6100
6087
  }
6101
6088
  ]
6102
6089
  },
6103
6090
  {
6104
6091
  "kind": "javascript-module",
6105
- "path": "src/components/color-palette/menu/color-palette-menu.ts",
6092
+ "path": "src/components/color-palette/editor/color-palette-editor.ts",
6106
6093
  "declarations": [
6107
6094
  {
6108
6095
  "kind": "class",
6109
- "description": "A context menu for color-palette.",
6110
- "name": "ColorPaletteMenu",
6096
+ "description": "An editor which can assist in modifying new or existing color palettes.",
6097
+ "name": "ColorPaletteEditor",
6098
+ "cssProperties": [
6099
+ {
6100
+ "type": {
6101
+ "text": "<color>"
6102
+ },
6103
+ "description": "The call to action background color.",
6104
+ "name": "--cta-background"
6105
+ }
6106
+ ],
6111
6107
  "members": [
6112
6108
  {
6113
6109
  "kind": "field",
6114
- "name": "absolute",
6110
+ "name": "palette",
6115
6111
  "type": {
6116
- "text": "AbsoluteContainer"
6112
+ "text": "HTMLDivElement"
6117
6113
  },
6118
6114
  "privacy": "public",
6119
- "description": "The absolute-container wrapping the menu."
6115
+ "description": "The wrapper element."
6120
6116
  },
6121
6117
  {
6122
6118
  "kind": "field",
@@ -6126,49 +6122,50 @@
6126
6122
  },
6127
6123
  "privacy": "public",
6128
6124
  "default": "[]",
6129
- "description": "The settings palette colors.",
6125
+ "description": "The palette colors to be edited.",
6130
6126
  "attribute": "colors"
6131
6127
  },
6132
6128
  {
6133
6129
  "kind": "field",
6134
6130
  "name": "settings",
6135
6131
  "type": {
6136
- "text": "Partial<PaletteSettings> | undefined"
6132
+ "text": "PaletteSettings"
6137
6133
  },
6138
6134
  "privacy": "public",
6139
- "description": "The selected palette settings.",
6135
+ "default": "{ height: defaultSettings.height, width: defaultSettings.width, direction: defaultSettings.direction, gradient: defaultSettings.gradient, preventHover: defaultSettings.preventHover, hideText: defaultSettings.hideText, override: defaultSettings.override, aliases: [] }",
6136
+ "description": "The palette settings to be edited.",
6140
6137
  "attribute": "settings"
6141
6138
  },
6142
6139
  {
6143
6140
  "kind": "field",
6144
- "name": "editMode",
6141
+ "name": "selectedInput",
6145
6142
  "type": {
6146
- "text": "Boolean"
6143
+ "text": "SelectedInput"
6147
6144
  },
6148
6145
  "privacy": "public",
6149
- "default": "false",
6150
- "description": "The selected palette edit mode status.",
6151
- "attribute": "editMode"
6146
+ "description": "The editing input that will be used.",
6147
+ "attribute": "selectedInput",
6148
+ "reflects": true
6152
6149
  },
6153
6150
  {
6154
6151
  "kind": "field",
6155
- "name": "copyFormat",
6152
+ "name": "combination",
6156
6153
  "type": {
6157
- "text": "CopyFormat"
6154
+ "text": "Combination"
6158
6155
  },
6159
6156
  "privacy": "public",
6160
- "description": "Determines if copying takes the raw value or just the colors.",
6161
- "attribute": "copyFormat"
6157
+ "description": "The color theory combination used when generating colors.",
6158
+ "attribute": "combination"
6162
6159
  },
6163
6160
  {
6164
6161
  "kind": "field",
6165
- "name": "reorder",
6162
+ "name": "baseColor",
6166
6163
  "type": {
6167
- "text": "boolean"
6164
+ "text": "ReturnType<typeof colorsea> | undefined"
6168
6165
  },
6169
- "privacy": "protected",
6170
- "default": "false",
6171
- "description": "Whether reorder state is active."
6166
+ "privacy": "public",
6167
+ "description": "The base color used when generating colors.",
6168
+ "attribute": "baseColor"
6172
6169
  },
6173
6170
  {
6174
6171
  "kind": "field",
@@ -6182,15 +6179,33 @@
6182
6179
  },
6183
6180
  {
6184
6181
  "kind": "method",
6185
- "name": "menuItems",
6186
- "privacy": "protected",
6187
- "description": "Renders the menu items."
6182
+ "name": "renderSettings",
6183
+ "privacy": "private",
6184
+ "description": "Renders the settings fields."
6188
6185
  },
6189
6186
  {
6190
6187
  "kind": "method",
6191
- "name": "reorderItems",
6192
- "privacy": "protected",
6193
- "description": "Renders the reorder items."
6188
+ "name": "pickerOption",
6189
+ "privacy": "private",
6190
+ "description": "Renders the picker option."
6191
+ },
6192
+ {
6193
+ "kind": "method",
6194
+ "name": "generateOption",
6195
+ "privacy": "private",
6196
+ "description": "Renders the generate option."
6197
+ },
6198
+ {
6199
+ "kind": "method",
6200
+ "name": "imageOption",
6201
+ "privacy": "private",
6202
+ "description": "Renders the image option."
6203
+ },
6204
+ {
6205
+ "kind": "method",
6206
+ "name": "urlOption",
6207
+ "privacy": "private",
6208
+ "description": "Renders the URL option."
6194
6209
  }
6195
6210
  ],
6196
6211
  "attributes": [
@@ -6200,164 +6215,165 @@
6200
6215
  "text": "string[]"
6201
6216
  },
6202
6217
  "default": "[]",
6203
- "description": "The settings palette colors.",
6218
+ "description": "The palette colors to be edited.",
6204
6219
  "fieldName": "colors"
6205
6220
  },
6206
6221
  {
6207
6222
  "name": "settings",
6208
6223
  "type": {
6209
- "text": "Partial<PaletteSettings> | undefined"
6224
+ "text": "PaletteSettings"
6210
6225
  },
6211
- "description": "The selected palette settings.",
6226
+ "default": "{ height: defaultSettings.height, width: defaultSettings.width, direction: defaultSettings.direction, gradient: defaultSettings.gradient, preventHover: defaultSettings.preventHover, hideText: defaultSettings.hideText, override: defaultSettings.override, aliases: [] }",
6227
+ "description": "The palette settings to be edited.",
6212
6228
  "fieldName": "settings"
6213
6229
  },
6214
6230
  {
6215
- "name": "editMode",
6231
+ "name": "selectedInput",
6216
6232
  "type": {
6217
- "text": "Boolean"
6233
+ "text": "SelectedInput"
6218
6234
  },
6219
- "default": "false",
6220
- "description": "The selected palette edit mode status.",
6221
- "fieldName": "editMode"
6235
+ "description": "The editing input that will be used.",
6236
+ "fieldName": "selectedInput"
6222
6237
  },
6223
6238
  {
6224
- "name": "copyFormat",
6239
+ "name": "combination",
6225
6240
  "type": {
6226
- "text": "CopyFormat"
6241
+ "text": "Combination"
6227
6242
  },
6228
- "description": "Determines if copying takes the raw value or just the colors.",
6229
- "fieldName": "copyFormat"
6243
+ "description": "The color theory combination used when generating colors.",
6244
+ "fieldName": "combination"
6245
+ },
6246
+ {
6247
+ "name": "baseColor",
6248
+ "type": {
6249
+ "text": "ReturnType<typeof colorsea> | undefined"
6250
+ },
6251
+ "description": "The base color used when generating colors.",
6252
+ "fieldName": "baseColor"
6230
6253
  }
6231
6254
  ],
6232
6255
  "superclass": {
6233
6256
  "name": "LitElement",
6234
6257
  "package": "lit"
6235
6258
  },
6236
- "tagName": "color-palette-menu",
6259
+ "tagName": "color-palette-editor",
6237
6260
  "customElement": true
6238
6261
  }
6239
6262
  ],
6240
6263
  "exports": [
6241
6264
  {
6242
6265
  "kind": "js",
6243
- "name": "ColorPaletteMenu",
6266
+ "name": "ColorPaletteEditor",
6244
6267
  "declaration": {
6245
- "name": "ColorPaletteMenu",
6246
- "module": "src/components/color-palette/menu/color-palette-menu.ts"
6268
+ "name": "ColorPaletteEditor",
6269
+ "module": "src/components/color-palette/editor/color-palette-editor.ts"
6247
6270
  }
6248
6271
  },
6249
6272
  {
6250
6273
  "kind": "custom-element-definition",
6251
- "name": "color-palette-menu",
6274
+ "name": "color-palette-editor",
6252
6275
  "declaration": {
6253
- "name": "ColorPaletteMenu",
6254
- "module": "src/components/color-palette/menu/color-palette-menu.ts"
6276
+ "name": "ColorPaletteEditor",
6277
+ "module": "src/components/color-palette/editor/color-palette-editor.ts"
6255
6278
  }
6256
6279
  }
6257
6280
  ]
6258
6281
  },
6259
6282
  {
6260
6283
  "kind": "javascript-module",
6261
- "path": "src/components/color-palette/menu/color-palette-reorder.styles.ts",
6284
+ "path": "src/components/color-palette/editor/settings-item.styles.ts",
6262
6285
  "declarations": [],
6263
6286
  "exports": [
6264
6287
  {
6265
6288
  "kind": "js",
6266
6289
  "name": "default",
6267
6290
  "declaration": {
6268
- "module": "src/components/color-palette/menu/color-palette-reorder.styles.ts"
6291
+ "module": "src/components/color-palette/editor/settings-item.styles.ts"
6269
6292
  }
6270
6293
  }
6271
6294
  ]
6272
6295
  },
6273
6296
  {
6274
6297
  "kind": "javascript-module",
6275
- "path": "src/components/color-palette/menu/color-palette-reorder.ts",
6298
+ "path": "src/components/color-palette/editor/settings-item.ts",
6276
6299
  "declarations": [
6277
6300
  {
6278
6301
  "kind": "class",
6279
- "description": "A companion UI to color-palette-menu for when the client selects reorder.",
6280
- "name": "ColorPaletteReorder",
6302
+ "description": "The settings item using inside of the editor.",
6303
+ "name": "SettingItem",
6304
+ "slots": [
6305
+ {
6306
+ "description": "The setting.",
6307
+ "name": ""
6308
+ }
6309
+ ],
6281
6310
  "members": [
6282
6311
  {
6283
6312
  "kind": "field",
6284
- "name": "absolute",
6313
+ "name": "name",
6285
6314
  "type": {
6286
- "text": "AbsoluteContainer"
6315
+ "text": "string"
6287
6316
  },
6288
6317
  "privacy": "public",
6289
- "description": "The absolute container wrapping the reorder component."
6318
+ "default": "''",
6319
+ "description": "The name of the setting.",
6320
+ "attribute": "name"
6290
6321
  },
6291
6322
  {
6292
6323
  "kind": "field",
6293
- "name": "colors",
6324
+ "name": "description",
6294
6325
  "type": {
6295
- "text": "string[]"
6326
+ "text": "string"
6296
6327
  },
6297
6328
  "privacy": "public",
6298
- "default": "[]",
6299
- "description": "The colors that can be reordered.",
6300
- "attribute": "colors"
6301
- },
6329
+ "default": "''",
6330
+ "description": "The description of the setting.",
6331
+ "attribute": "description"
6332
+ }
6333
+ ],
6334
+ "attributes": [
6302
6335
  {
6303
- "kind": "field",
6304
- "name": "emitter",
6336
+ "name": "name",
6305
6337
  "type": {
6306
- "text": "EventEmitter<EventMap>"
6338
+ "text": "string"
6307
6339
  },
6308
- "privacy": "public",
6309
- "default": "new EventEmitter<EventMap>()",
6310
- "description": "Public way to subscribe to events."
6340
+ "default": "''",
6341
+ "description": "The name of the setting.",
6342
+ "fieldName": "name"
6311
6343
  },
6312
6344
  {
6313
- "kind": "method",
6314
- "name": "selectOption",
6315
- "privacy": "protected",
6316
- "parameters": [
6317
- {
6318
- "name": "item",
6319
- "type": {
6320
- "text": "Reorder"
6321
- }
6322
- }
6323
- ],
6324
- "description": "Reorders the palette colors based on the selected option."
6325
- }
6326
- ],
6327
- "attributes": [
6328
- {
6329
- "name": "colors",
6345
+ "name": "description",
6330
6346
  "type": {
6331
- "text": "string[]"
6347
+ "text": "string"
6332
6348
  },
6333
- "default": "[]",
6334
- "description": "The colors that can be reordered.",
6335
- "fieldName": "colors"
6349
+ "default": "''",
6350
+ "description": "The description of the setting.",
6351
+ "fieldName": "description"
6336
6352
  }
6337
6353
  ],
6338
6354
  "superclass": {
6339
6355
  "name": "LitElement",
6340
6356
  "package": "lit"
6341
6357
  },
6342
- "tagName": "color-palette-reorder",
6358
+ "tagName": "setting-item",
6343
6359
  "customElement": true
6344
6360
  }
6345
6361
  ],
6346
6362
  "exports": [
6347
6363
  {
6348
6364
  "kind": "js",
6349
- "name": "ColorPaletteReorder",
6365
+ "name": "SettingItem",
6350
6366
  "declaration": {
6351
- "name": "ColorPaletteReorder",
6352
- "module": "src/components/color-palette/menu/color-palette-reorder.ts"
6367
+ "name": "SettingItem",
6368
+ "module": "src/components/color-palette/editor/settings-item.ts"
6353
6369
  }
6354
6370
  },
6355
6371
  {
6356
6372
  "kind": "custom-element-definition",
6357
- "name": "color-palette-reorder",
6373
+ "name": "setting-item",
6358
6374
  "declaration": {
6359
- "name": "ColorPaletteReorder",
6360
- "module": "src/components/color-palette/menu/color-palette-reorder.ts"
6375
+ "name": "SettingItem",
6376
+ "module": "src/components/color-palette/editor/settings-item.ts"
6361
6377
  }
6362
6378
  }
6363
6379
  ]