@limetech/lime-elements 34.1.0-next.10 → 34.1.0-next.14

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 (21) hide show
  1. package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +1 -1
  2. package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
  3. package/dist/cjs/limel-form.cjs.entry.js +1 -1
  4. package/dist/cjs/limel-slider.cjs.entry.js +69 -13
  5. package/dist/collection/components/color-picker/color-picker-palette.css +33 -0
  6. package/dist/collection/components/color-picker/color-picker.css +33 -0
  7. package/dist/collection/components/form/templates/common.js +1 -1
  8. package/dist/collection/components/slider/slider.js +69 -13
  9. package/dist/esm/limel-color-picker-palette_2.entry.js +1 -1
  10. package/dist/esm/limel-color-picker.entry.js +1 -1
  11. package/dist/esm/limel-form.entry.js +1 -1
  12. package/dist/esm/limel-slider.entry.js +69 -13
  13. package/dist/lime-elements/lime-elements.esm.js +1 -1
  14. package/dist/lime-elements/p-bc8c777b.entry.js +1 -0
  15. package/dist/lime-elements/p-f8a2dc0e.entry.js +1 -0
  16. package/dist/lime-elements/{p-bcafdb7a.entry.js → p-fb1f00f4.entry.js} +1 -1
  17. package/dist/lime-elements/{p-23d59a30.entry.js → p-fbe6100e.entry.js} +1 -1
  18. package/dist/types/components/slider/slider.d.ts +8 -0
  19. package/package.json +1 -1
  20. package/dist/lime-elements/p-327788f3.entry.js +0 -1
  21. package/dist/lime-elements/p-cc154284.entry.js +0 -1
package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js CHANGED
@@ -41,7 +41,7 @@ function getCssColor(color, brightness) {
41
41
  return `rgb(var(${getColorName(color, brightness)}))`;
42
42
  }
43
43
 
44
- const colorPickerPaletteCss = ".color-palette{display:grid;grid-gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:\"\";display:block;padding-top:100%}.swatch.hue{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}";
44
+ const colorPickerPaletteCss = ".color-palette{display:grid;grid-gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:\"\";display:block;padding-top:100%}.swatch.hue{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}.picker-trigger[style=\"--background:lime-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-blue;\"]:after{background-color:var(--lime-blue)}.picker-trigger[style=\"--background:lime-orange;\"]:after,.chosen-color-preview[style=\"--background:lime-orange;\"]:after{background-color:var(--lime-orange)}.picker-trigger[style=\"--background:lime-green;\"]:after,.chosen-color-preview[style=\"--background:lime-green;\"]:after{background-color:var(--lime-green)}.picker-trigger[style=\"--background:lime-red;\"]:after,.chosen-color-preview[style=\"--background:lime-red;\"]:after{background-color:var(--lime-red)}.picker-trigger[style=\"--background:lime-dark-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-dark-blue;\"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style=\"--background:lime-turquoise;\"]:after,.chosen-color-preview[style=\"--background:lime-turquoise;\"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style=\"--background:lime-yellow;\"]:after,.chosen-color-preview[style=\"--background:lime-yellow;\"]:after{background-color:var(--lime-yellow)}.picker-trigger[style=\"--background:lime-light-grey;\"]:after,.chosen-color-preview[style=\"--background:lime-light-grey;\"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}";
45
45
 
46
46
  let Palette = class {
47
47
  constructor(hostRef) {
package/dist/cjs/limel-color-picker.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e63a89d7.js');
6
6
 
7
- const colorPickerCss = ":host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}";
7
+ const colorPickerCss = ".picker-trigger[style=\"--background:lime-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-blue;\"]:after{background-color:var(--lime-blue)}.picker-trigger[style=\"--background:lime-orange;\"]:after,.chosen-color-preview[style=\"--background:lime-orange;\"]:after{background-color:var(--lime-orange)}.picker-trigger[style=\"--background:lime-green;\"]:after,.chosen-color-preview[style=\"--background:lime-green;\"]:after{background-color:var(--lime-green)}.picker-trigger[style=\"--background:lime-red;\"]:after,.chosen-color-preview[style=\"--background:lime-red;\"]:after{background-color:var(--lime-red)}.picker-trigger[style=\"--background:lime-dark-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-dark-blue;\"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style=\"--background:lime-turquoise;\"]:after,.chosen-color-preview[style=\"--background:lime-turquoise;\"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style=\"--background:lime-yellow;\"]:after,.chosen-color-preview[style=\"--background:lime-yellow;\"]:after{background-color:var(--lime-yellow)}.picker-trigger[style=\"--background:lime-light-grey;\"]:after,.chosen-color-preview[style=\"--background:lime-light-grey;\"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}";
8
8
 
9
9
  let ColorPicker = class {
10
10
  constructor(hostRef) {
package/dist/cjs/limel-form.cjs.entry.js CHANGED
@@ -23804,7 +23804,7 @@ function findFirstEntry(data, subSchema) {
23804
23804
  getRequiredEntry(data, subSchema),
23805
23805
  ...Object.entries(data),
23806
23806
  ];
23807
- return entries.filter(([_, value]) => !!value)[0];
23807
+ return entries.filter(([_, value]) => !!value && typeof value !== 'boolean')[0];
23808
23808
  }
23809
23809
  function getRequiredEntry(data, subSchema) {
23810
23810
  if (!('required' in subSchema)) {
package/dist/cjs/limel-slider.cjs.entry.js CHANGED
@@ -1431,7 +1431,12 @@ let Slider = class {
1431
1431
  */
1432
1432
  this.valuemin = 0;
1433
1433
  this.changeHandler = (event) => {
1434
- this.change.emit(event.detail.value / this.factor);
1434
+ let value = event.detail.value;
1435
+ const step = this.multiplyByFactor(this.step);
1436
+ if (!this.isMultipleOfStep(value, step)) {
1437
+ value = this.roundToStep(value, step);
1438
+ }
1439
+ this.change.emit(value / this.factor);
1435
1440
  };
1436
1441
  this.inputHandler = this.inputHandler.bind(this);
1437
1442
  this.getContainerClassList = this.getContainerClassList.bind(this);
@@ -1443,11 +1448,10 @@ let Slider = class {
1443
1448
  this.initialize();
1444
1449
  }
1445
1450
  initialize() {
1446
- const element = this.rootElement.shadowRoot.querySelector('.mdc-slider');
1447
- if (!element) {
1451
+ const inputElement = this.getInputElement();
1452
+ if (!inputElement) {
1448
1453
  return;
1449
1454
  }
1450
- const inputElement = element.querySelector('input');
1451
1455
  const value = this.getValue();
1452
1456
  /*
1453
1457
  For some reason the input element's `value` attribute is removed
@@ -1472,7 +1476,6 @@ let Slider = class {
1472
1476
  */
1473
1477
  const greaterThanOrEqualMin = value >= this.valuemin;
1474
1478
  const lessThanOrEqualMax = value <= this.valuemax;
1475
- const dividableByStep = value % this.step === 0;
1476
1479
  if (!greaterThanOrEqualMin) {
1477
1480
  const newMin = this.multiplyByFactor(value);
1478
1481
  inputElement.setAttribute('min', `${newMin}`);
@@ -1481,20 +1484,16 @@ let Slider = class {
1481
1484
  const newMax = this.multiplyByFactor(value);
1482
1485
  inputElement.setAttribute('max', `${newMax}`);
1483
1486
  }
1484
- if (!dividableByStep) {
1487
+ if (!this.isMultipleOfStep(value, this.step)) {
1485
1488
  inputElement.removeAttribute('step');
1486
1489
  }
1487
- this.mdcSlider = new MDCSlider(element);
1488
- this.mdcSlider.listen('MDCSlider:change', this.changeHandler);
1489
- this.mdcSlider.listen('MDCSlider:input', this.inputHandler);
1490
+ this.createMDCSlider();
1490
1491
  }
1491
1492
  componentWillLoad() {
1492
1493
  this.setPercentageClass(this.value);
1493
1494
  }
1494
1495
  disconnectedCallback() {
1495
- this.mdcSlider.unlisten('MDCSlider:change', this.changeHandler);
1496
- this.mdcSlider.unlisten('MDCSlider:input', this.inputHandler);
1497
- this.mdcSlider.destroy();
1496
+ this.destroyMDCSlider();
1498
1497
  }
1499
1498
  getContainerClassList() {
1500
1499
  return {
@@ -1533,7 +1532,16 @@ let Slider = class {
1533
1532
  if (!this.mdcSlider) {
1534
1533
  return;
1535
1534
  }
1536
- this.mdcSlider.setValue(this.multiplyByFactor(this.getValue()));
1535
+ const value = this.multiplyByFactor(this.getValue());
1536
+ this.mdcSlider.setValue(value);
1537
+ if (this.isStepConfigured()) {
1538
+ return;
1539
+ }
1540
+ const step = this.multiplyByFactor(this.step);
1541
+ if (!this.isMultipleOfStep(value, step)) {
1542
+ return;
1543
+ }
1544
+ this.reCreateSliderWithStep();
1537
1545
  }
1538
1546
  updateDisabledState() {
1539
1547
  if (!this.mdcSlider) {
@@ -1557,6 +1565,54 @@ let Slider = class {
1557
1565
  setPercentageClass(value) {
1558
1566
  this.percentageClass = getPercentageClass((value - this.valuemin) / (this.valuemax - this.valuemin));
1559
1567
  }
1568
+ isMultipleOfStep(value, step) {
1569
+ if (!step) {
1570
+ return true;
1571
+ }
1572
+ return value % step === 0;
1573
+ }
1574
+ roundToStep(value, step) {
1575
+ return Math.round(value / step) * step;
1576
+ }
1577
+ getRootElement() {
1578
+ return this.rootElement.shadowRoot.querySelector('.mdc-slider');
1579
+ }
1580
+ getInputElement() {
1581
+ const element = this.getRootElement();
1582
+ if (!element) {
1583
+ return;
1584
+ }
1585
+ return element.querySelector('input');
1586
+ }
1587
+ isStepConfigured() {
1588
+ if (!this.step) {
1589
+ return true;
1590
+ }
1591
+ const input = this.getInputElement();
1592
+ if (!input) {
1593
+ return true;
1594
+ }
1595
+ return input.hasAttribute('step');
1596
+ }
1597
+ reCreateSliderWithStep() {
1598
+ const inputElement = this.getInputElement();
1599
+ const step = `${this.multiplyByFactor(this.step)}`;
1600
+ inputElement.setAttribute('step', step);
1601
+ this.destroyMDCSlider();
1602
+ this.createMDCSlider();
1603
+ }
1604
+ createMDCSlider() {
1605
+ const element = this.getRootElement();
1606
+ this.mdcSlider = new MDCSlider(element);
1607
+ this.mdcSlider.listen('MDCSlider:change', this.changeHandler);
1608
+ this.mdcSlider.listen('MDCSlider:input', this.inputHandler);
1609
+ }
1610
+ destroyMDCSlider() {
1611
+ this.mdcSlider.unlisten('MDCSlider:change', this.changeHandler);
1612
+ this.mdcSlider.unlisten('MDCSlider:input', this.inputHandler);
1613
+ this.mdcSlider.destroy();
1614
+ this.mdcSlider = undefined;
1615
+ }
1560
1616
  get rootElement() { return index.getElement(this); }
1561
1617
  static get watchers() { return {
1562
1618
  "disabled": ["watchDisabled"],
package/dist/collection/components/color-picker/color-picker-palette.css CHANGED
@@ -1089,6 +1089,39 @@
1089
1089
  * Nothing in this file may output any CSS
1090
1090
  * without being explicitly called by outside code.
1091
1091
  */
1092
+ .picker-trigger[style="--background:lime-blue;"]:after,
1093
+ .chosen-color-preview[style="--background:lime-blue;"]:after {
1094
+ background-color: var(--lime-blue);
1095
+ }
1096
+ .picker-trigger[style="--background:lime-orange;"]:after,
1097
+ .chosen-color-preview[style="--background:lime-orange;"]:after {
1098
+ background-color: var(--lime-orange);
1099
+ }
1100
+ .picker-trigger[style="--background:lime-green;"]:after,
1101
+ .chosen-color-preview[style="--background:lime-green;"]:after {
1102
+ background-color: var(--lime-green);
1103
+ }
1104
+ .picker-trigger[style="--background:lime-red;"]:after,
1105
+ .chosen-color-preview[style="--background:lime-red;"]:after {
1106
+ background-color: var(--lime-red);
1107
+ }
1108
+ .picker-trigger[style="--background:lime-dark-blue;"]:after,
1109
+ .chosen-color-preview[style="--background:lime-dark-blue;"]:after {
1110
+ background-color: var(--lime-dark-blue);
1111
+ }
1112
+ .picker-trigger[style="--background:lime-turquoise;"]:after,
1113
+ .chosen-color-preview[style="--background:lime-turquoise;"]:after {
1114
+ background-color: var(--lime-turquoise);
1115
+ }
1116
+ .picker-trigger[style="--background:lime-yellow;"]:after,
1117
+ .chosen-color-preview[style="--background:lime-yellow;"]:after {
1118
+ background-color: var(--lime-yellow);
1119
+ }
1120
+ .picker-trigger[style="--background:lime-light-grey;"]:after,
1121
+ .chosen-color-preview[style="--background:lime-light-grey;"]:after {
1122
+ background-color: var(--lime-light-grey);
1123
+ }
1124
+
1092
1125
  :host {
1093
1126
  --popover-surface-width: 50rem;
1094
1127
  --color-picker-default-background: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");
package/dist/collection/components/color-picker/color-picker.css CHANGED
@@ -4,6 +4,39 @@
4
4
  * Nothing in this file may output any CSS
5
5
  * without being explicitly called by outside code.
6
6
  */
7
+ .picker-trigger[style="--background:lime-blue;"]:after,
8
+ .chosen-color-preview[style="--background:lime-blue;"]:after {
9
+ background-color: var(--lime-blue);
10
+ }
11
+ .picker-trigger[style="--background:lime-orange;"]:after,
12
+ .chosen-color-preview[style="--background:lime-orange;"]:after {
13
+ background-color: var(--lime-orange);
14
+ }
15
+ .picker-trigger[style="--background:lime-green;"]:after,
16
+ .chosen-color-preview[style="--background:lime-green;"]:after {
17
+ background-color: var(--lime-green);
18
+ }
19
+ .picker-trigger[style="--background:lime-red;"]:after,
20
+ .chosen-color-preview[style="--background:lime-red;"]:after {
21
+ background-color: var(--lime-red);
22
+ }
23
+ .picker-trigger[style="--background:lime-dark-blue;"]:after,
24
+ .chosen-color-preview[style="--background:lime-dark-blue;"]:after {
25
+ background-color: var(--lime-dark-blue);
26
+ }
27
+ .picker-trigger[style="--background:lime-turquoise;"]:after,
28
+ .chosen-color-preview[style="--background:lime-turquoise;"]:after {
29
+ background-color: var(--lime-turquoise);
30
+ }
31
+ .picker-trigger[style="--background:lime-yellow;"]:after,
32
+ .chosen-color-preview[style="--background:lime-yellow;"]:after {
33
+ background-color: var(--lime-yellow);
34
+ }
35
+ .picker-trigger[style="--background:lime-light-grey;"]:after,
36
+ .chosen-color-preview[style="--background:lime-light-grey;"]:after {
37
+ background-color: var(--lime-light-grey);
38
+ }
39
+
7
40
  :host {
8
41
  --popover-surface-width: 50rem;
9
42
  --color-picker-default-background: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");
package/dist/collection/components/form/templates/common.js CHANGED
@@ -59,7 +59,7 @@ function findFirstEntry(data, subSchema) {
59
59
  getRequiredEntry(data, subSchema),
60
60
  ...Object.entries(data),
61
61
  ];
62
- return entries.filter(([_, value]) => !!value)[0];
62
+ return entries.filter(([_, value]) => !!value && typeof value !== 'boolean')[0];
63
63
  }
64
64
  function getRequiredEntry(data, subSchema) {
65
65
  if (!('required' in subSchema)) {
package/dist/collection/components/slider/slider.js CHANGED
@@ -42,7 +42,12 @@ export class Slider {
42
42
  */
43
43
  this.valuemin = 0;
44
44
  this.changeHandler = (event) => {
45
- this.change.emit(event.detail.value / this.factor);
45
+ let value = event.detail.value;
46
+ const step = this.multiplyByFactor(this.step);
47
+ if (!this.isMultipleOfStep(value, step)) {
48
+ value = this.roundToStep(value, step);
49
+ }
50
+ this.change.emit(value / this.factor);
46
51
  };
47
52
  this.inputHandler = this.inputHandler.bind(this);
48
53
  this.getContainerClassList = this.getContainerClassList.bind(this);
@@ -54,11 +59,10 @@ export class Slider {
54
59
  this.initialize();
55
60
  }
56
61
  initialize() {
57
- const element = this.rootElement.shadowRoot.querySelector('.mdc-slider');
58
- if (!element) {
62
+ const inputElement = this.getInputElement();
63
+ if (!inputElement) {
59
64
  return;
60
65
  }
61
- const inputElement = element.querySelector('input');
62
66
  const value = this.getValue();
63
67
  /*
64
68
  For some reason the input element's `value` attribute is removed
@@ -83,7 +87,6 @@ export class Slider {
83
87
  */
84
88
  const greaterThanOrEqualMin = value >= this.valuemin;
85
89
  const lessThanOrEqualMax = value <= this.valuemax;
86
- const dividableByStep = value % this.step === 0;
87
90
  if (!greaterThanOrEqualMin) {
88
91
  const newMin = this.multiplyByFactor(value);
89
92
  inputElement.setAttribute('min', `${newMin}`);
@@ -92,20 +95,16 @@ export class Slider {
92
95
  const newMax = this.multiplyByFactor(value);
93
96
  inputElement.setAttribute('max', `${newMax}`);
94
97
  }
95
- if (!dividableByStep) {
98
+ if (!this.isMultipleOfStep(value, this.step)) {
96
99
  inputElement.removeAttribute('step');
97
100
  }
98
- this.mdcSlider = new MDCSlider(element);
99
- this.mdcSlider.listen('MDCSlider:change', this.changeHandler);
100
- this.mdcSlider.listen('MDCSlider:input', this.inputHandler);
101
+ this.createMDCSlider();
101
102
  }
102
103
  componentWillLoad() {
103
104
  this.setPercentageClass(this.value);
104
105
  }
105
106
  disconnectedCallback() {
106
- this.mdcSlider.unlisten('MDCSlider:change', this.changeHandler);
107
- this.mdcSlider.unlisten('MDCSlider:input', this.inputHandler);
108
- this.mdcSlider.destroy();
107
+ this.destroyMDCSlider();
109
108
  }
110
109
  getContainerClassList() {
111
110
  return {
@@ -166,7 +165,16 @@ export class Slider {
166
165
  if (!this.mdcSlider) {
167
166
  return;
168
167
  }
169
- this.mdcSlider.setValue(this.multiplyByFactor(this.getValue()));
168
+ const value = this.multiplyByFactor(this.getValue());
169
+ this.mdcSlider.setValue(value);
170
+ if (this.isStepConfigured()) {
171
+ return;
172
+ }
173
+ const step = this.multiplyByFactor(this.step);
174
+ if (!this.isMultipleOfStep(value, step)) {
175
+ return;
176
+ }
177
+ this.reCreateSliderWithStep();
170
178
  }
171
179
  updateDisabledState() {
172
180
  if (!this.mdcSlider) {
@@ -190,6 +198,54 @@ export class Slider {
190
198
  setPercentageClass(value) {
191
199
  this.percentageClass = getPercentageClass((value - this.valuemin) / (this.valuemax - this.valuemin));
192
200
  }
201
+ isMultipleOfStep(value, step) {
202
+ if (!step) {
203
+ return true;
204
+ }
205
+ return value % step === 0;
206
+ }
207
+ roundToStep(value, step) {
208
+ return Math.round(value / step) * step;
209
+ }
210
+ getRootElement() {
211
+ return this.rootElement.shadowRoot.querySelector('.mdc-slider');
212
+ }
213
+ getInputElement() {
214
+ const element = this.getRootElement();
215
+ if (!element) {
216
+ return;
217
+ }
218
+ return element.querySelector('input');
219
+ }
220
+ isStepConfigured() {
221
+ if (!this.step) {
222
+ return true;
223
+ }
224
+ const input = this.getInputElement();
225
+ if (!input) {
226
+ return true;
227
+ }
228
+ return input.hasAttribute('step');
229
+ }
230
+ reCreateSliderWithStep() {
231
+ const inputElement = this.getInputElement();
232
+ const step = `${this.multiplyByFactor(this.step)}`;
233
+ inputElement.setAttribute('step', step);
234
+ this.destroyMDCSlider();
235
+ this.createMDCSlider();
236
+ }
237
+ createMDCSlider() {
238
+ const element = this.getRootElement();
239
+ this.mdcSlider = new MDCSlider(element);
240
+ this.mdcSlider.listen('MDCSlider:change', this.changeHandler);
241
+ this.mdcSlider.listen('MDCSlider:input', this.inputHandler);
242
+ }
243
+ destroyMDCSlider() {
244
+ this.mdcSlider.unlisten('MDCSlider:change', this.changeHandler);
245
+ this.mdcSlider.unlisten('MDCSlider:input', this.inputHandler);
246
+ this.mdcSlider.destroy();
247
+ this.mdcSlider = undefined;
248
+ }
193
249
  static get is() { return "limel-slider"; }
194
250
  static get encapsulation() { return "shadow"; }
195
251
  static get originalStyleUrls() { return {
package/dist/esm/limel-color-picker-palette_2.entry.js CHANGED
@@ -37,7 +37,7 @@ function getCssColor(color, brightness) {
37
37
  return `rgb(var(${getColorName(color, brightness)}))`;
38
38
  }
39
39
 
40
- const colorPickerPaletteCss = ".color-palette{display:grid;grid-gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:\"\";display:block;padding-top:100%}.swatch.hue{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}";
40
+ const colorPickerPaletteCss = ".color-palette{display:grid;grid-gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:\"\";display:block;padding-top:100%}.swatch.hue{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}.picker-trigger[style=\"--background:lime-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-blue;\"]:after{background-color:var(--lime-blue)}.picker-trigger[style=\"--background:lime-orange;\"]:after,.chosen-color-preview[style=\"--background:lime-orange;\"]:after{background-color:var(--lime-orange)}.picker-trigger[style=\"--background:lime-green;\"]:after,.chosen-color-preview[style=\"--background:lime-green;\"]:after{background-color:var(--lime-green)}.picker-trigger[style=\"--background:lime-red;\"]:after,.chosen-color-preview[style=\"--background:lime-red;\"]:after{background-color:var(--lime-red)}.picker-trigger[style=\"--background:lime-dark-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-dark-blue;\"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style=\"--background:lime-turquoise;\"]:after,.chosen-color-preview[style=\"--background:lime-turquoise;\"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style=\"--background:lime-yellow;\"]:after,.chosen-color-preview[style=\"--background:lime-yellow;\"]:after{background-color:var(--lime-yellow)}.picker-trigger[style=\"--background:lime-light-grey;\"]:after,.chosen-color-preview[style=\"--background:lime-light-grey;\"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}";
41
41
 
42
42
  let Palette = class {
43
43
  constructor(hostRef) {
package/dist/esm/limel-color-picker.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-2316f345.js';
2
2
 
3
- const colorPickerCss = ":host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}";
3
+ const colorPickerCss = ".picker-trigger[style=\"--background:lime-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-blue;\"]:after{background-color:var(--lime-blue)}.picker-trigger[style=\"--background:lime-orange;\"]:after,.chosen-color-preview[style=\"--background:lime-orange;\"]:after{background-color:var(--lime-orange)}.picker-trigger[style=\"--background:lime-green;\"]:after,.chosen-color-preview[style=\"--background:lime-green;\"]:after{background-color:var(--lime-green)}.picker-trigger[style=\"--background:lime-red;\"]:after,.chosen-color-preview[style=\"--background:lime-red;\"]:after{background-color:var(--lime-red)}.picker-trigger[style=\"--background:lime-dark-blue;\"]:after,.chosen-color-preview[style=\"--background:lime-dark-blue;\"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style=\"--background:lime-turquoise;\"]:after,.chosen-color-preview[style=\"--background:lime-turquoise;\"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style=\"--background:lime-yellow;\"]:after,.chosen-color-preview[style=\"--background:lime-yellow;\"]:after{background-color:var(--lime-yellow)}.picker-trigger[style=\"--background:lime-light-grey;\"]:after,.chosen-color-preview[style=\"--background:lime-light-grey;\"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}";
4
4
 
5
5
  let ColorPicker = class {
6
6
  constructor(hostRef) {
package/dist/esm/limel-form.entry.js CHANGED
@@ -23800,7 +23800,7 @@ function findFirstEntry(data, subSchema) {
23800
23800
  getRequiredEntry(data, subSchema),
23801
23801
  ...Object.entries(data),
23802
23802
  ];
23803
- return entries.filter(([_, value]) => !!value)[0];
23803
+ return entries.filter(([_, value]) => !!value && typeof value !== 'boolean')[0];
23804
23804
  }
23805
23805
  function getRequiredEntry(data, subSchema) {
23806
23806
  if (!('required' in subSchema)) {