@c2n/color-select 0.0.12 → 0.0.13
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.
- package/custom-elements.json +1 -0
- package/package.json +9 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/color-select.ts","declarations":[{"kind":"class","description":"Popup colour picker combining a colour area, hue control and editable colour value.","name":"ColorSelect","cssProperties":[{"type":{"text":"pixel"},"name":"--c2-color-select--width","default":"16px"},{"type":{"text":"pixel"},"name":"--c2-color-select--height","default":"16px"},{"type":{"text":"border-radius"},"name":"--c2-color-select--border-top-left-radius","default":"1px"},{"type":{"text":"border-radius"},"name":"--c2-color-select--border-top-right-radius","default":"1px"},{"type":{"text":"border-radius"},"name":"--c2-color-select--border-bottom-left-radius","default":"1px"},{"type":{"text":"border-radius"},"name":"--c2-color-select--border-bottom-right-radius","default":"1px"},{"type":{"text":"border"},"name":"--c2-color-select--border-top"},{"type":{"text":"border"},"name":"--c2-color-select--border-right"},{"type":{"text":"border"},"name":"--c2-color-select--border-bottom"},{"type":{"text":"border"},"name":"--c2-color-select--border-left"},{"type":{"text":"color"},"name":"--c2-color-select__popover--background-color","default":"rgb(255, 255, 255)"},{"type":{"text":"pixel"},"name":"--c2-color-select__popover--gap","default":"16px"},{"type":{"text":"padding"},"name":"--c2-color-select__popover--padding-top","default":"0px"},{"type":{"text":"padding"},"name":"--c2-color-select__popover--padding-left","default":"8px"},{"type":{"text":"padding"},"name":"--c2-color-select__popover--padding-right","default":"8px"},{"type":{"text":"padding"},"name":"--c2-color-select__popover--padding-bottom","default":"8px"},{"type":{"text":"border"},"name":"--c2-color-select__popover--border-top","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__popover--border-right","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__popover--border-bottom","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__popover--border-left","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border-radius"},"name":"--c2-color-select__popover--border-top-left-radius","default":"4px"},{"type":{"text":"border-radius"},"name":"--c2-color-select__popover--border-top-right-radius","default":"4px"},{"type":{"text":"border-radius"},"name":"--c2-color-select__popover--border-bottom-left-radius","default":"4px"},{"type":{"text":"border-radius"},"name":"--c2-color-select__popover--border-bottom-right-radius","default":"4px"},{"type":{"text":"border"},"name":"--c2-color-select__color__sample--border-top","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__color__sample--border-right","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__color__sample--border-bottom","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"border"},"name":"--c2-color-select__color__sample--border-left","default":"1px solid rgb(177, 177, 177)"},{"type":{"text":"pixel"},"name":"--c2-color-select__color__sample--size","default":"48px"},{"type":{"text":"border-radius"},"name":"--c2-color-select__color__sample--border-radius","default":"4px"}],"members":[{"kind":"field","name":"placement","type":{"text":"string"},"default":"'bottom-start'","description":"Preferred popup placement relative to the trigger.","attribute":"placement","reflects":true},{"kind":"field","name":"_color","type":{"text":"string"},"privacy":"private","default":"'#000000'"},{"kind":"field","name":"color","type":{"text":"string"},"privacy":"public","description":"Selected CSS colour value.","attribute":"color","reflects":true},{"kind":"field","name":"hue","type":{"text":"number"},"default":"0"},{"kind":"field","name":"saturation","type":{"text":"number"},"default":"0"},{"kind":"field","name":"value","type":{"text":"number"},"default":"0"},{"kind":"field","name":"alpha","type":{"text":"number"},"default":"1"},{"kind":"field","name":"inputType","type":{"text":"string"},"default":"'HEX'"},{"kind":"field","name":"open","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"colorArea","type":{"text":"ColorArea"}},{"kind":"field","name":"tinyColor","type":{"text":"TinyColor"},"privacy":"public","readonly":true},{"kind":"method","name":"renderInput","privacy":"private"},{"kind":"method","name":"toPercentage","privacy":"private","parameters":[{"name":"value","type":{"text":"number"}},{"name":"showSuffix","default":"false","type":{"text":"boolean"}}]},{"kind":"method","name":"handleRgbInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"updateColor","privacy":"private"},{"kind":"method","name":"handleHueInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"handleSaturationInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"handleLightnessInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"handleHexInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"handleAlphaInputChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event & { target: TextField }"}}]},{"kind":"method","name":"handleInputTypeChange","privacy":"private","parameters":[{"name":"event","type":{"text":"CustomEvent<SelectionChangeEventDetail>"}}]},{"kind":"method","name":"handleHueSliderChange","privacy":"private","parameters":[{"name":"event","type":{"text":"InputEvent & { target: ColorSlider }"}}]},{"kind":"method","name":"handleAlphaSliderChange","privacy":"private","parameters":[{"name":"event","type":{"text":"InputEvent & { target: ColorSlider }"}}]},{"kind":"method","name":"extractHsvaFromColor","privacy":"private"},{"kind":"method","name":"handleColorAreaChange","privacy":"private","parameters":[{"name":"event","type":{"text":"CustomEvent & { detail: { h: number; s: number; v: number } }"}}]},{"kind":"method","name":"handleOverlayToggle","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"dispatchChangeEvent"}],"events":[{"name":"change","type":{"text":"CustomEvent<string>"},"description":"Fired when the selected colour changes; `detail` is the serialized colour."}],"attributes":[{"name":"placement","type":{"text":"string"},"default":"'bottom-start'","description":"Preferred popup placement relative to the trigger.","fieldName":"placement"},{"name":"color","type":{"text":"string"},"description":"Selected CSS colour value.","fieldName":"color"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-color-select","customElement":true,"internalComponents":["c2-color-area","c2-color-slider","c2-select","c2-text-field","c2-overlay"]}],"exports":[{"kind":"js","name":"ColorSelect","declaration":{"name":"ColorSelect","module":"src/color-select.ts"}},{"kind":"custom-element-definition","name":"c2-color-select","declaration":{"name":"ColorSelect","module":"src/color-select.ts"}}]}]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c2n/color-select",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/color-select.js",
|
|
6
6
|
"exports": {
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"files": [
|
|
22
22
|
"dist",
|
|
23
23
|
"types",
|
|
24
|
+
"custom-elements.json",
|
|
24
25
|
"react.d.ts",
|
|
25
26
|
"react.js",
|
|
26
27
|
"vue.d.ts",
|
|
@@ -65,12 +66,12 @@
|
|
|
65
66
|
}
|
|
66
67
|
},
|
|
67
68
|
"dependencies": {
|
|
68
|
-
"@c2n/color-area": "0.0.
|
|
69
|
-
"@c2n/color-slider": "0.0.
|
|
70
|
-
"@c2n/core": "0.0.
|
|
71
|
-
"@c2n/overlay": "0.0.
|
|
72
|
-
"@c2n/select": "0.0.
|
|
73
|
-
"@c2n/text-field": "0.0.
|
|
69
|
+
"@c2n/color-area": "0.0.13",
|
|
70
|
+
"@c2n/color-slider": "0.0.13",
|
|
71
|
+
"@c2n/core": "0.0.13",
|
|
72
|
+
"@c2n/overlay": "0.0.13",
|
|
73
|
+
"@c2n/select": "0.0.13",
|
|
74
|
+
"@c2n/text-field": "0.0.13",
|
|
74
75
|
"@ctrl/tinycolor": "4.2.0",
|
|
75
76
|
"lit": "3.3.3"
|
|
76
77
|
},
|
|
@@ -78,5 +79,5 @@
|
|
|
78
79
|
"@c2n/config": "*"
|
|
79
80
|
},
|
|
80
81
|
"customElements": "custom-elements.json",
|
|
81
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
|
|
82
83
|
}
|