Error: Snapshot `Test: KAutoComplete > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex k-auto-complete--test" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " + "<div aria-hidden="true" class="flex k-auto-complete--test svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:36:26

Error: Snapshot `Test: KAutoComplete > props: value 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:50:26

Error: Snapshot `Test: KAutoComplete > props: placeholder 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="绣面芙蓉一笑开"> </div> </div> </div></div> " + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="绣面芙蓉一笑开"> </div> </div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:63:26

Error: Snapshot `Test: KAutoComplete > props: size 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__sm k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> <div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> <div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__lg k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__sm k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> <div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> <div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"> <div class="k-input--base k-input__lg k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:93:26

Error: Snapshot `Test: KAutoComplete > props: fitInputWidth 1` mismatched - Expected + Received @@ -1,6 +1,6 @@ - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="bottom" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; --k-scrollbar--thumb__radius: 20px; --k-scrollbar--thumb: var(--ikun-light-800); --k-scrollbar__h: 6px; --k-scrollbar__w: 6px; --k-scrollbar--track__radius: 20px; --k-scrollbar--track: transparent;"> <div class="" style="padding: 0px 0px 0px;"><div class="k-virtual-list--item" data-kv-key="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value=" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="bottom" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; -

Error: Snapshot `Test: KAutoComplete > basic functional testing 1` mismatched - Expected + Received @@ -1,6 +1,6 @@ - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both, __svelte_1936640108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; --k-scrollbar--thumb__radius: 20px; --k-scrollbar--thumb: var(--ikun-light-800); --k-scrollbar__h: 6px; --k-scrollbar__w: 6px; --k-scrollbar--track__radius: 20px; --k-scrollbar--track: transparent;"> <div class="" style="padding: 0px 0px 0px;"><div class="k-virtual-list--item" data-kv-key="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value=" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both, __svelte_1936640108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px

Error: Snapshot `Test: KAutoComplete > props: disabled 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-cur-disabled k-button--disabled k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__disabled k-input__disabled__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input__disabled k-input__disabled__dark" disabled="" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-cur-disabled k-button--disabled k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> " + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-cur-disabled k-button--disabled k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__disabled k-input__disabled__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input__disabled k-input__disabled__dark" disabled="" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-cur-disabled k-button--disabled k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:158:26

Error: Snapshot `Test: KAutoComplete > slot: prefix and suffix 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"><div slot="prefix">🏀</div> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> <div slot="suffix">🏀</div></div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> " + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"><div slot="prefix">🏀</div> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> <div slot="suffix">🏀</div></div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> " ❯ components/AutoComplete/__test__/auto-complete.spec.ts:167:26

Error: Snapshot `Test: KAutoComplete > slot: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="bottom" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; --k-scrollbar--thumb__radius: 20px; --k-scrollbar--thumb: var(--ikun-light-800); --k-scrollbar__h: 6px; --k-scrollbar__w: 6px; --k-scrollbar--track__radius: 20px; --k-scrollbar--track: transparent;"> <div class="" style="padding: 0px 0px 0px;"><div class="k-virtual-list--item" data-kv-key="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><div>test vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue</div> </div><div class="k-virtual-list--item" data-kv-key="vuex"><div>test vuex</div> </div><div class="k-virtual-list--item" data-kv-key="vue-router"><div>test vue-router</div> </div></div> <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="bottom" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both;" data-popper-reference-h

Error: Snapshot `Test: KColorPicker > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 0, 0, 0);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker k-color-picker--test"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(0, 0, 0);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(255, 0, 0); left: 0%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgba(0, 0, 0, 0); left: 0%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 0, 0, 0);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">HEX <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input"> <div class="k-input--base k-input__sm k-input__dark k-input__hover k-input__focus k-input__rounded"><span slot="prefix">#</span> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="1" max="100" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 0, 0, 0);"></div></div> <div slot="text" class="k-color-pi