diff --git a/components/AutoComplete/__test__/__snapshots__/auto-complete.spec.ts.snap b/components/AutoComplete/__test__/__snapshots__/auto-complete.spec.ts.snap
index 0225d047..258d5da2 100644
--- a/components/AutoComplete/__test__/__snapshots__/auto-complete.spec.ts.snap
+++ b/components/AutoComplete/__test__/__snapshots__/auto-complete.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Test: KAutoComplete > basic functional testing 1`] = `
-"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="
+"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="
 		vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue
 	">vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue</option> </div><div class="k-virtual-list--item" data-kv-key="vuex"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value="
 		vuex
@@ -10,12 +10,12 @@ exports[`Test: KAutoComplete > basic functional testing 1`] = `
 	">vue-router</option> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>"
 `;
 
-exports[`Test: KAutoComplete > props: cls 1`] = `"<button class="flex k-auto-complete--test svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
+exports[`Test: KAutoComplete > props: cls 1`] = `"<button class="k-popover--trigger k-auto-complete--test svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
 
-exports[`Test: KAutoComplete > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> "`;
+exports[`Test: KAutoComplete > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> "`;
 
 exports[`Test: KAutoComplete > props: fitInputWidth 1`] = `
-"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="
+"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="
 		vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue
 	">vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue</option> </div><div class="k-virtual-list--item" data-kv-key="vuex"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value="
 		vuex
@@ -24,12 +24,12 @@ exports[`Test: KAutoComplete > props: fitInputWidth 1`] = `
 	">vue-router</option> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>"
 `;
 
-exports[`Test: KAutoComplete > props: placeholder 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
+exports[`Test: KAutoComplete > props: placeholder 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
 
-exports[`Test: KAutoComplete > props: size 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
+exports[`Test: KAutoComplete > props: size 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
 
-exports[`Test: KAutoComplete > props: value 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
+exports[`Test: KAutoComplete > props: value 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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></button> "`;
 
-exports[`Test: KAutoComplete > slot: default 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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>"`;
+exports[`Test: KAutoComplete > slot: default 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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>"`;
 
-exports[`Test: KAutoComplete > slot: prefix and suffix 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> "`;
+exports[`Test: KAutoComplete > slot: prefix and suffix 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl"><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"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" 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"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" style="width: 16px; height: 16px;"></span>   </button></div> </div></button> "`;
diff --git a/components/ColorPicker/__test__/__snapshots__/color-picker.spec.ts.snap b/components/ColorPicker/__test__/__snapshots__/color-picker.spec.ts.snap
index 175c784d..d888fbd3 100644
--- a/components/ColorPicker/__test__/__snapshots__/color-picker.spec.ts.snap
+++ b/components/ColorPicker/__test__/__snapshots__/color-picker.spec.ts.snap
@@ -1,29 +1,29 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KColorPicker > apis: handleOpen & handleClose 1`] = `"<button 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: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class="k-color-picker-title">asdasd</span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(22, 119, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="59.730000000000004" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 106, 255); left: 59.730000000000004%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(22, 119, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(22, 119, 255);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div> <div id="format_test">hsv</div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="open">  open </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__fill k-button--info__hover__fill k-button--info__active k-button--info__focus" id="close">  close </button>"`;
+exports[`Test: KColorPicker > apis: handleOpen & handleClose 1`] = `"<button class="k-popover--trigger 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: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class="k-color-picker-title">asdasd</span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(22, 119, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="59.730000000000004" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 106, 255); left: 59.730000000000004%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(22, 119, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(22, 119, 255);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div> <div id="format_test">hsv</div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="open">  open </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__fill k-button--info__hover__fill k-button--info__active k-button--info__focus" id="close">  close </button>"`;
 
-exports[`Test: KColorPicker > props: allowClear 1`] = `"<button 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> <div class="k-color-picker-clear k-color-picker-line"></div></div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="50" 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, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
+exports[`Test: KColorPicker > props: allowClear 1`] = `"<button class="k-popover--trigger 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> <div class="k-color-picker-clear k-color-picker-line"></div></div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="50" 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, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
 
-exports[`Test: KColorPicker > props: cls 1`] = `"<button 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-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker k-color-picker--test"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 0, 0);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="0" 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 role="slider" tabindex="-1" aria-valuenow="0" 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"><button class="flex svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
+exports[`Test: KColorPicker > props: cls 1`] = `"<button class="k-popover--trigger 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-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker k-color-picker--test"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 0, 0);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="0" 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 role="slider" tabindex="-1" aria-valuenow="0" 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"><button class="k-popover--trigger svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
 
-exports[`Test: KColorPicker > props: defaultValue & defaultValue 1`] = `"<button 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="50" 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, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
+exports[`Test: KColorPicker > props: defaultValue & defaultValue 1`] = `"<button class="k-popover--trigger 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="50" 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, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
 
-exports[`Test: KColorPicker > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-color-picker-trigger--disabled"><div class="k-color-picker-block-w k-color-picker-block-w--disabled k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> "`;
+exports[`Test: KColorPicker > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-color-picker-trigger--disabled"><div class="k-color-picker-block-w k-color-picker-block-w--disabled k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> "`;
 
-exports[`Test: KColorPicker > props: disabledAlpha 1`] = `"<button 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> </div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div>  </div> </div></div> </div>"`;
+exports[`Test: KColorPicker > props: disabledAlpha 1`] = `"<button class="k-popover--trigger 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, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="50" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> </div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div>  </div> </div></div> </div>"`;
 
-exports[`Test: KColorPicker > props: format 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">rgba(0, 255, 255, 0.5)</div></div></div></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsva(180, 100%, 100%, 0.5)</div></div></div></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#00ffff80</div></div></div></button> "`;
+exports[`Test: KColorPicker > props: format 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">rgba(0, 255, 255, 0.5)</div></div></div></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsva(180, 100%, 100%, 0.5)</div></div></div></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#00ffff80</div></div></div></button> "`;
 
-exports[`Test: KColorPicker > props: presets 1`] = `"<button 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> <div class="k-color-picker-preset"><div class="k-checkbox-group k-checkbox-group--base"><div class="k-color-picker-preset--container"><button class="k-color-picker-preset--head"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-color-picker-preset--icon" role="" style="width: 14px; height: 14px;"></span> <span class="k-color-picker-preset--label">primary</span></button> <div class="k-color-picker-preset--color"><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(230, 244, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(186, 224, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(145, 202, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="true" hidden=""> <div class="k-checkbox--box bg-ikun-main border-ikun-main" style="background-color: rgb(105, 177, 255);"><div><span class="k-icon--base k-icon-transition i-carbon-checkmark text-ikun-dark-300" role=""></span></div> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(64, 150, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(22, 119, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(9, 88, 217);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 62, 179);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 44, 140);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 29, 102);"> </div> </label></div> </div></div></div></div></div> </div>"`;
+exports[`Test: KColorPicker > props: presets 1`] = `"<button class="k-popover--trigger 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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=""></span></div></button></button>   <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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> <div class="k-color-picker-preset"><div class="k-checkbox-group k-checkbox-group--base"><div class="k-color-picker-preset--container"><button class="k-color-picker-preset--head"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-color-picker-preset--icon" role="" style="width: 14px; height: 14px;"></span> <span class="k-color-picker-preset--label">primary</span></button> <div class="k-color-picker-preset--color"><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(230, 244, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(186, 224, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(145, 202, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="true" hidden=""> <div class="k-checkbox--box bg-ikun-main border-ikun-main" style="background-color: rgb(105, 177, 255);"><div><span class="k-icon--base k-icon-transition i-carbon-checkmark text-ikun-dark-300" role=""></span></div> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(64, 150, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(22, 119, 255);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(9, 88, 217);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 62, 179);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 44, 140);"> </div> </label><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-color-picker-preset--checkbox"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box" style="background-color: rgb(0, 29, 102);"> </div> </label></div> </div></div></div></div></div> </div>"`;
 
-exports[`Test: KColorPicker > props: showText 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</div></div></div></button> "`;
+exports[`Test: KColorPicker > props: showText 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</div></div></div></button> "`;
 
-exports[`Test: KColorPicker > props: size 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--sm"><div class="k-color-picker-block k-color-picker-block--sm"><div class="k-color-picker-block-content--sm" 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></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><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></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--lg"><div class="k-color-picker-block k-color-picker-block--lg"><div class="k-color-picker-block-content--lg" 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></button> "`;
+exports[`Test: KColorPicker > props: size 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--sm"><div class="k-color-picker-block k-color-picker-block--sm"><div class="k-color-picker-block-content--sm" 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></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><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></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--lg"><div class="k-color-picker-block k-color-picker-block--lg"><div class="k-color-picker-block-content--lg" 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></button> "`;
 
-exports[`Test: KColorPicker > slots: default 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div>ikun-ui</div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
+exports[`Test: KColorPicker > slots: default 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div>ikun-ui</div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
 
-exports[`Test: KColorPicker > slots: preset 1`] = `"<button 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsv(211, 59%, 100%)</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> <div slot="preset"><span>primary</span> <div class="fsc mt-12px"><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(230, 244, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(186, 224, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(145, 202, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(105, 177, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(64, 150, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(22, 119, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(9, 88, 217);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 62, 179);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 44, 140);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 29, 102);"></div> </div></div></div></div> </div>"`;
+exports[`Test: KColorPicker > slots: preset 1`] = `"<button class="k-popover--trigger 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsv(211, 59%, 100%)</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> <div slot="preset"><span>primary</span> <div class="fsc mt-12px"><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(230, 244, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(186, 224, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(145, 202, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(105, 177, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(64, 150, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(22, 119, 255);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(9, 88, 217);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 62, 179);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 44, 140);"></div><div class="rounded-full mx-4px w-16px h-16px" style="background-color: rgb(0, 29, 102);"></div> </div></div></div></div> </div>"`;
 
-exports[`Test: KColorPicker > slots: text 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;"><div slot="text">ikun-ui</div></div></div></div></button> "`;
+exports[`Test: KColorPicker > slots: text 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;"><div slot="text">ikun-ui</div></div></div></div></button> "`;
 
-exports[`Test: KColorPicker > slots: title 1`] = `"<button 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsv(211, 59%, 100%)</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><div slot="title">ikun-ui</div> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="flex svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
+exports[`Test: KColorPicker > slots: title 1`] = `"<button class="k-popover--trigger 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: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsv(211, 59%, 100%)</div></div></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><div slot="title">ikun-ui</div> </div> <div><div role="toolbar" tabindex="-1" class="k-color-picker-palette k-color-picker-palette--base" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div role="slider" tabindex="-1" aria-valuenow="58.67" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div role="slider" tabindex="-1" aria-valuenow="100" 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: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><button class="k-popover--trigger svelte-13arsd0" 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">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role=""></span></div></button></button>  <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="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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="0" 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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></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" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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="" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>"`;
diff --git a/components/Contextmenu/__test__/__snapshots__/contextmenu.spec.ts.snap b/components/Contextmenu/__test__/__snapshots__/contextmenu.spec.ts.snap
index 5c719280..37185e35 100644
--- a/components/Contextmenu/__test__/__snapshots__/contextmenu.spec.ts.snap
+++ b/components/Contextmenu/__test__/__snapshots__/contextmenu.spec.ts.snap
@@ -1,13 +1,13 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KContextmenu > base render 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > base render 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
 exports[`Test: KContextmenu > props: disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: -999;"></ul></div>"`;
 
-exports[`Test: KContextmenu > props: item disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__disabled k-contextmenu-item__disabled__dark"><button>options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: item disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__disabled k-contextmenu-item__disabled__dark"><button class="k-contextmenu-item-btn">options 2</button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: item divider 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: item divider 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: sub menu 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> <div class="k-contextmenu-sub-menu-item k-contextmenu-sub-menu-item__dark" style="left: 0px; top: 0px; z-index: 999;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 4</button></li></div></li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: sub menu 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> <div class="k-contextmenu-sub-menu-item k-contextmenu-sub-menu-item__dark" style="left: 0px; top: 0px; z-index: 999;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 4</button></li></div></li></div></ul></div>"`;
 
-exports[`Test: KContextmenu > props: sub menu disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button>options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark k-contextmenu-sub-menu__disabled k-contextmenu-sub-menu__disabled__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> </li></div></ul></div>"`;
+exports[`Test: KContextmenu > props: sub menu disabled 1`] = `"<div class="flex justify-center items-center w-full h-30vh bg-green-100"><ul class="k-contextmenu k-contextmenu--base k-contextmenu--base__dark" style="left: 0px; top: 0px; z-index: 999;"><div style="animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 1</button></li> <li class="k-contextmenu-item k-contextmenu-item__divider"><button class="k-contextmenu-item-btn"></button></li> <li class="k-contextmenu-item k-contextmenu-item--base k-contextmenu-item--base__dark"><button class="k-contextmenu-item-btn">options 3</button></li> <li class="k-contextmenu-sub-menu k-contextmenu-sub-menu--base k-contextmenu-sub-menu--base__dark k-contextmenu-sub-menu__disabled k-contextmenu-sub-menu__disabled__dark"><span>contextmenu-sub-title</span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right k-contextmenu-sub-menu__icon" role=""></span> </li></div></ul></div>"`;
diff --git a/components/Contextmenu/src/contextmenu-item.svelte b/components/Contextmenu/src/contextmenu-item.svelte
index 40487817..06f01032 100644
--- a/components/Contextmenu/src/contextmenu-item.svelte
+++ b/components/Contextmenu/src/contextmenu-item.svelte
@@ -16,6 +16,7 @@
 	};
 
 	const prefixCls = getPrefixCls('contextmenu-item');
+	const btnCls = `${prefixCls}-btn`;
 	$: cnames = clsx(
 		prefixCls,
 		{
@@ -30,7 +31,7 @@
 </script>
 
 <li class={cnames} {...$$restProps} {...attrs}>
-	<button on:click={handleClick} >
+	<button on:click={handleClick} class={btnCls}>
 		{#if !divider}
 			<slot />
 		{/if}
diff --git a/components/Dropdown/__test__/__snapshots__/dropdown.spec.ts.snap b/components/Dropdown/__test__/__snapshots__/dropdown.spec.ts.snap
index bbe70340..11ee8c3a 100644
--- a/components/Dropdown/__test__/__snapshots__/dropdown.spec.ts.snap
+++ b/components/Dropdown/__test__/__snapshots__/dropdown.spec.ts.snap
@@ -1,15 +1,15 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KDropdown > api: handleOpen 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div> <button id="handle_open">open</button>"`;
+exports[`Test: KDropdown > api: handleOpen 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div> <button id="handle_open">open</button>"`;
 
-exports[`Test: KDropdown > props: cls 1`] = `"<button class="flex k-dropdown--test svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown k-dropdown--test" role="menu" tabindex="0" slot="triggerEl"></button></button> "`;
+exports[`Test: KDropdown > props: cls 1`] = `"<button class="k-popover--trigger k-dropdown--test svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown k-dropdown--test" role="menu" tabindex="0" slot="triggerEl"></button></button> "`;
 
-exports[`Test: KDropdown > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-cur-disabled k-button--disabled" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> "`;
+exports[`Test: KDropdown > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-cur-disabled k-button--disabled" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> "`;
 
-exports[`Test: KDropdown > props: disabled 2`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item__disabled k-dropdown-item__disabled__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
+exports[`Test: KDropdown > props: disabled 2`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item__disabled k-dropdown-item__disabled__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
 
-exports[`Test: KDropdown > props: divider 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item__disabled k-dropdown-item__disabled__dark" data-testid="k_dropdown__item">白发三千丈</button> <button class="k-dropdown-item k-dropdown-item__divider" data-testid="k_dropdown__item"></button></div></div> </div>"`;
+exports[`Test: KDropdown > props: divider 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item__disabled k-dropdown-item__disabled__dark" data-testid="k_dropdown__item">白发三千丈</button> <button class="k-dropdown-item k-dropdown-item__divider" data-testid="k_dropdown__item"></button></div></div> </div>"`;
 
-exports[`Test: KDropdown > props: maxHeight 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: 10px;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
+exports[`Test: KDropdown > props: maxHeight 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: 10px;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
 
-exports[`Test: KDropdown > slots: default and dropdown 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
+exports[`Test: KDropdown > slots: default and dropdown 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" id="KDropdown_id">  Dropdown List <span class="k-icon--base k-icon-transition i-carbon-chevron-down k-button--primary__icon k-button--primary__icon__fill ml-1" role="" style="width: 16px; height: 16px;"></span></button></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div class="k-scrollbar k-dropdown-item-container" slot="contentEl" style="--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; max-height: undefined;"><div slot="dropdown"><button class="k-dropdown-item k-dropdown-item--base k-dropdown-item--base__dark" data-testid="k_dropdown__item">白发三千丈</button></div></div> </div>"`;
diff --git a/components/Ellipsis/__test__/__snapshots__/ellipsis.spec.ts.snap b/components/Ellipsis/__test__/__snapshots__/ellipsis.spec.ts.snap
index 555ad917..2594963b 100644
--- a/components/Ellipsis/__test__/__snapshots__/ellipsis.spec.ts.snap
+++ b/components/Ellipsis/__test__/__snapshots__/ellipsis.spec.ts.snap
@@ -1,11 +1,11 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KEllipsis > props: cls 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis k-ellipsis--test" slot="triggerEl" style="">...</button></button> "`;
+exports[`Test: KEllipsis > props: cls 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis k-ellipsis--test" slot="triggerEl" style="">...</button></button> "`;
 
-exports[`Test: KEllipsis > props: content 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">自古逢秋悲寂寥</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KEllipsis > props: content 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">自古逢秋悲寂寥</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KEllipsis > props: expand 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis--line-clamp" slot="triggerEl" style="-webkit-line-clamp: 3; display: -webkit-inline-box; overflow: hidden;">我言秋日...</button></button> "`;
+exports[`Test: KEllipsis > props: expand 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis--line-clamp" slot="triggerEl" style="-webkit-line-clamp: 3; display: -webkit-inline-box; overflow: hidden;">我言秋日...</button></button> "`;
 
-exports[`Test: KEllipsis > props: num 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日...</button></button> "`;
+exports[`Test: KEllipsis > props: num 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日...</button></button> "`;
 
-exports[`Test: KEllipsis > props: text 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> "`;
+exports[`Test: KEllipsis > props: text 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-ellipsis" slot="triggerEl" style="">我言秋日胜春朝</button></button> "`;
diff --git a/components/Form/__test__/__snapshots__/form.spec.ts.snap b/components/Form/__test__/__snapshots__/form.spec.ts.snap
index 3f227944..78aa8f80 100644
--- a/components/Form/__test__/__snapshots__/form.spec.ts.snap
+++ b/components/Form/__test__/__snapshots__/form.spec.ts.snap
@@ -167,7 +167,7 @@ CustomEvent {
 }
 `;
 
-exports[`Test: KForm > props: KForm initValue 1`] = `"<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInput</label> <div class="k-form-item-content"><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="Please input value">    </div> </div>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSwitch</label> <div class="k-form-item-content"><div tabindex="0" role="switch" aria-checked="true" class="k-switch k-switch--base k-switch--md k-switch__checked k-switch-tra"> <span class="k-switch-circle k-switch-circle--md" style="right: 1px;"></span> <span class="k-switch-tx__checked k-switch-tx__checked--md"></span></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRate</label> <div class="k-form-item-content"><div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInputNumber</label> <div class="k-form-item-content"><div class="k-input svelte-1ibt20v"> <div class="k-input--base k-input-number__md 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="-Infinity" max="Infinity" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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__md" role="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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__md" role="" style="width: 24px; height: 24px;"></span></div></div></div> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRadio</label> <div class="k-form-item-content"><div class="k-radio-group k-radio-group--base"><label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="false" hidden=""> <div class="k-radio--box animate-ikun-checking"></div> KRadio 1</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="false" hidden=""> <div class="k-radio--box animate-ikun-checking"></div> KRadio 2</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="true" hidden=""> <div class="k-radio--box k-radio__selected animate-ikun-checking"><span class="k-icon--base k-icon-transition i-carbon:radio-button-checked !text-white" role=""></span></div> KRadio 3</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md k-cur-disabled"><input disabled="" type="radio" value="false" hidden=""> <div class="k-radio--box k-radio--box__disabled animate-ikun-checking"></div> KRadio 4</label></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KCheckbox</label> <div class="k-form-item-content"><div class="k-checkbox-group k-checkbox-group--base"><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box animate-ikun-checking"> </div> KCheckbox 1</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="true" hidden=""> <div class="k-checkbox--box bg-ikun-main border-ikun-main animate-ikun-checking"><div style="animation: __svelte_185617033_0 200ms linear 0ms 1 both;"><span class="k-icon--base k-icon-transition i-carbon-checkmark text-white" role=""></span></div> </div> KCheckbox 2</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box animate-ikun-checking"> </div> KCheckbox 3</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-cur-disabled"><input disabled="" type="checkbox" value="false" hidden=""> <div class="k-checkbox--box k-checkbox--box__disabled animate-ikun-checking"> </div> KCheckbox 4</label></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSelect</label> <div class="k-form-item-content"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSelectString</label> <div class="k-form-item-content"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> slider</label> <div class="k-form-item-content"><div class="k-slider k-slider--base k-slider--md w-300px"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 43%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 43%; left: 0%"></div></button></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> </label> <div class="k-form-item-content"><span id="form_value">{"KInput":"KInput","KSwitch":true,"KRate":4,"KInputNumber":4,"KRadio":"3","KCheckbox":["2"],"KSelect":{"label":"不知明镜里","value":"不知","id":"3"},"KSelectString":"Huge","slider":43,"KAutoComplete":"vue"}</span> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KAutoComplete</label> <div class="k-form-item-content"><button class="flex w-300px svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><div class="k-auto-complete" slot="triggerEl"><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></button>  </div></div></form>"`;
+exports[`Test: KForm > props: KForm initValue 1`] = `"<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInput</label> <div class="k-form-item-content"><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="Please input value">    </div> </div>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSwitch</label> <div class="k-form-item-content"><div tabindex="0" role="switch" aria-checked="true" class="k-switch k-switch--base k-switch--md k-switch__checked k-switch-tra"> <span class="k-switch-circle k-switch-circle--md" style="right: 1px;"></span> <span class="k-switch-tx__checked k-switch-tx__checked--md"></span></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRate</label> <div class="k-form-item-content"><div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" role="img" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInputNumber</label> <div class="k-form-item-content"><div class="k-input svelte-1ibt20v"> <div class="k-input--base k-input-number__md 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="-Infinity" max="Infinity" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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__md" role="" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" tabindex="-1" 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__md" role="" style="width: 24px; height: 24px;"></span></div></div></div> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRadio</label> <div class="k-form-item-content"><div class="k-radio-group k-radio-group--base"><label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="false" hidden=""> <div class="k-radio--box animate-ikun-checking"></div> KRadio 1</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="false" hidden=""> <div class="k-radio--box animate-ikun-checking"></div> KRadio 2</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md"><input type="radio" value="true" hidden=""> <div class="k-radio--box k-radio__selected animate-ikun-checking"><span class="k-icon--base k-icon-transition i-carbon:radio-button-checked !text-white" role=""></span></div> KRadio 3</label> <label class="k-radio k-radio--base k-radio--base__dark k-radio--md k-cur-disabled"><input disabled="" type="radio" value="false" hidden=""> <div class="k-radio--box k-radio--box__disabled animate-ikun-checking"></div> KRadio 4</label></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KCheckbox</label> <div class="k-form-item-content"><div class="k-checkbox-group k-checkbox-group--base"><label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box animate-ikun-checking"> </div> KCheckbox 1</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="true" hidden=""> <div class="k-checkbox--box bg-ikun-main border-ikun-main animate-ikun-checking"><div style="animation: __svelte_185617033_0 200ms linear 0ms 1 both;"><span class="k-icon--base k-icon-transition i-carbon-checkmark text-white" role=""></span></div> </div> KCheckbox 2</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md"><input type="checkbox" value="false" hidden=""> <div class="k-checkbox--box animate-ikun-checking"> </div> KCheckbox 3</label> <label class="k-checkbox--base k-checkbox--base__dark k-checkbox--md k-cur-disabled"><input disabled="" type="checkbox" value="false" hidden=""> <div class="k-checkbox--box k-checkbox--box__disabled animate-ikun-checking"> </div> KCheckbox 4</label></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSelect</label> <div class="k-form-item-content"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSelectString</label> <div class="k-form-item-content"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> slider</label> <div class="k-form-item-content"><div class="k-slider k-slider--base k-slider--md w-300px"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 43%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 43%; left: 0%"></div></button></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> </label> <div class="k-form-item-content"><span id="form_value">{"KInput":"KInput","KSwitch":true,"KRate":4,"KInputNumber":4,"KRadio":"3","KCheckbox":["2"],"KSelect":{"label":"不知明镜里","value":"不知","id":"3"},"KSelectString":"Huge","slider":43,"KAutoComplete":"vue"}</span> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KAutoComplete</label> <div class="k-form-item-content"><button class="k-popover--trigger w-300px svelte-13arsd0" data-popover-trigger="" style="width: 0px;"><div class="k-auto-complete" slot="triggerEl"><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></button>  </div></div></form>"`;
 
 exports[`Test: KForm > props: KForm labelWidth 1`] = `"<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px; width: 100px;"> KInput</label> <div class="k-form-item-content"><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="Please input value">    </div> </div>  </div></div></form> <button></button>"`;
 
diff --git a/components/Image/__test__/__snapshots__/image.spec.ts.snap b/components/Image/__test__/__snapshots__/image.spec.ts.snap
index 50165e69..2384b31f 100644
--- a/components/Image/__test__/__snapshots__/image.spec.ts.snap
+++ b/components/Image/__test__/__snapshots__/image.spec.ts.snap
@@ -1,18 +1,18 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KImage > props: alt 1`] = `"<div class="k-image"><button><img alt="demo" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
+exports[`Test: KImage > props: alt 1`] = `"<div class="k-image"><button class="k-image--btn"><img alt="demo" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
 
-exports[`Test: KImage > props: cls 1`] = `"<div class="k-image k-image--test"><button><img alt="" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
+exports[`Test: KImage > props: cls 1`] = `"<div class="k-image k-image--test"><button class="k-image--btn"><img alt="" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
 
-exports[`Test: KImage > props: fit 1`] = `"<div class="demo-image svelte-1ep430a"><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">fill</span> <div class="k-image"><button><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: fill;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">contain</span> <div class="k-image"><button><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: contain;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">cover</span> <div class="k-image"><button><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: cover;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">none</span> <div class="k-image"><button><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: none;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">scale-down</span> <div class="k-image"><button><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: scale-down;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div></div>"`;
+exports[`Test: KImage > props: fit 1`] = `"<div class="demo-image svelte-1ep430a"><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">fill</span> <div class="k-image"><button class="k-image--btn"><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: fill;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">contain</span> <div class="k-image"><button class="k-image--btn"><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: contain;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">cover</span> <div class="k-image"><button class="k-image--btn"><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: cover;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">none</span> <div class="k-image"><button class="k-image--btn"><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: none;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div><div class="block svelte-1ep430a"><span class="demonstration svelte-1ep430a">scale-down</span> <div class="k-image"><button class="k-image--btn"><img alt="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" style="width: 100px; height: 100px; object-fit: scale-down;" src="https://pic3.zhimg.com/80/v2-f0f6615f256bdd3aeb77ec0637bab192_1440w.webp" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div> </div></div>"`;
 
 exports[`Test: KImage > props: previewSrcList 1`] = `
-"<div class="k-image"><button><img alt="" src="" class="k-image__inner k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> <div role="presentation" class="k-mask--base" style="top: 0px; left: 0px; width: 100%; height: 100%; animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><div class="k-image-view"><button class="k-image-view--close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 26px; height: 26px;"></span></button> <div class="k-image-view--body"><img src="previewSrcList" alt="previewSrcList" class="k-image-view--body__img" style="
+"<div class="k-image"><button class="k-image--btn"><img alt="" src="" class="k-image__inner k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> <div role="presentation" class="k-mask--base" style="top: 0px; left: 0px; width: 100%; height: 100%; animation: __svelte_665066525_0 300ms linear 0ms 1 both;"><div class="k-image-view"><button class="k-image-view--close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 26px; height: 26px;"></span></button> <div class="k-image-view--body"><img src="previewSrcList" alt="previewSrcList" class="k-image-view--body__img" style="
 		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);
 		transition: transform 0.3s ease 0s;
 	"></div> <div class="k-image-view--footer__wrapper"><div class="k-image-view--footer"> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-arrows-vertical k-image-view--footer__icon" role="" style="width: 20px; height: 20px;"></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-arrows-horizontal k-image-view--footer__icon" role="" style="width: 20px; height: 20px;"></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-rotate-counterclockwise k-image-view--footer__icon" role="" style="width: 20px; height: 20px;"></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-rotate-clockwise k-image-view--footer__icon" role="" style="width: 20px; height: 20px;"></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-zoom-out k-image-view--footer__icon__disabled" role="" style="width: 20px; height: 20px;"></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-zoom-in k-image-view--footer__icon" role="" style="width: 20px; height: 20px;"></span> </div></div></div></div></div>"
 `;
 
-exports[`Test: KImage > props: src 1`] = `"<div class="k-image"><button><img alt="demo" src="demo" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
+exports[`Test: KImage > props: src 1`] = `"<div class="k-image"><button class="k-image--btn"><img alt="demo" src="demo" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><div class="k-image__placeholder"></div></div> </div>"`;
 
-exports[`Test: KImage > slots: placeHolder 1`] = `"<div class="k-image"><button><img alt="" style="width: 100px; height: 100px;" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><p slot="placeholder">test placeholder</p></div> </div>"`;
+exports[`Test: KImage > slots: placeHolder 1`] = `"<div class="k-image"><button class="k-image--btn"><img alt="" style="width: 100px; height: 100px;" src="" class="k-image__inner k-image__loading"></button> <div class="k-image__wrapper"><p slot="placeholder">test placeholder</p></div> </div>"`;
diff --git a/components/Image/src/index.svelte b/components/Image/src/index.svelte
index be65aff4..f24715da 100644
--- a/components/Image/src/index.svelte
+++ b/components/Image/src/index.svelte
@@ -123,6 +123,7 @@
 	}
 
 	const prefixCls = getPrefixCls('image');
+	const btnCls = `${prefixCls}--btn`;
 	$: cnames = clsx(prefixCls, cls);
 	$: errorCls = clsx(`${prefixCls}__error`);
 	$: wrapperCls = clsx(`${prefixCls}__wrapper`);
@@ -141,7 +142,7 @@
 		</slot>
 	{:else}
 		{#if imageSrc !== undefined}
-			<button on:click={clickHandler}>
+			<button on:click={clickHandler} class={btnCls}>
 				<img
 					alt={alt || imageSrc}
 					{...$$restProps}
diff --git a/components/Input/__test__/__snapshots__/input.spec.ts.snap b/components/Input/__test__/__snapshots__/input.spec.ts.snap
index 87da4dc6..1da45527 100644
--- a/components/Input/__test__/__snapshots__/input.spec.ts.snap
+++ b/components/Input/__test__/__snapshots__/input.spec.ts.snap
@@ -16,7 +16,7 @@ exports[`Test: KInput > props: iconPrefix 1`] = `"<div class="k-input"> <div cla
 
 exports[`Test: KInput > props: iconSuffix 1`] = `"<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="">    <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-search k-input--icon k-input--icon__md k-input--suffix-icon" role="" style="width: 24px; height: 24px;"></span></div> </div> "`;
 
-exports[`Test: KInput > props: password 1`] = `"<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="password" placeholder="">  <button><span class="k-icon--base k-icon--base__dark k-icon--role-button k-icon-transition i-carbon-view-off k-input--icon k-input--icon__md ml-1" role="button" style="width: 24px; height: 24px;"></span></button>  </div> </div> "`;
+exports[`Test: KInput > props: password 1`] = `"<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="password" placeholder="">  <button class="k-input--btn"><span class="k-icon--base k-icon--base__dark k-icon--role-button k-icon-transition i-carbon-view-off k-input--icon k-input--icon__md ml-1" role="button" style="width: 24px; height: 24px;"></span></button>  </div> </div> "`;
 
 exports[`Test: KInput > props: placeholder 1`] = `"<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> "`;
 
diff --git a/components/Input/src/index.svelte b/components/Input/src/index.svelte
index 2191ae2c..25a33559 100644
--- a/components/Input/src/index.svelte
+++ b/components/Input/src/index.svelte
@@ -231,6 +231,7 @@
 	$: prependCls = clsx(`${prefixCls}--prepend`, `${prefixCls}--prepend__${sizeInner}`);
 	$: appendgCls = clsx(`${prefixCls}--append`, `${prefixCls}--append__${sizeInner}`);
 	$: clearCls = clsx(`${prefixCls}--clear-icon`);
+	$: btnCls = clsx(`${prefixCls}--btn`);
 </script>
 
 {#if type !== 'textarea'}
@@ -279,6 +280,7 @@
 
 			{#if isPassword === 'password' && type === 'password'}
 				<button
+					class={btnCls}
 					on:click={() => {
 						isPassword = 'text';
 					}}
@@ -288,6 +290,7 @@
 			{/if}
 			{#if isPassword === 'text' && type === 'password'}
 				<button
+					class={btnCls}
 					on:click={() => {
 						isPassword = 'password';
 					}}
diff --git a/components/Menu/__test__/__snapshots__/menu.spec.ts.snap b/components/Menu/__test__/__snapshots__/menu.spec.ts.snap
index 6859fd51..1d5c4edd 100644
--- a/components/Menu/__test__/__snapshots__/menu.spec.ts.snap
+++ b/components/Menu/__test__/__snapshots__/menu.spec.ts.snap
@@ -1,159 +1,163 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KMenu > events: onOpenChange & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>["SubMenu"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & horizontal 4`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">4</div> <div>[]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & horizontal 4`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">4</div> <div>[]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>["SubMenu"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & inline 4`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">4</div> <div>[]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & inline 4`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">4</div> <div>[]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onOpenChange & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>["SubMenu","setting:1"]</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & vertical 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button> </button>   </ul></div></div> </div>  </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>["SubMenu"]</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onOpenChange & vertical 4`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="open_change_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button> </button>   </ul></div></div> </div>  </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="open_change_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="open_change_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">4</div> <div>[]</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onSelect & onDeSelect & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":false,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onSelect & onDeSelect & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onSelect & onDeSelect & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
 
-exports[`Test: KMenu > events: onSelect & onDeSelect & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
+exports[`Test: KMenu > events: onSelect & onDeSelect & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":false,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
+
+exports[`Test: KMenu > events: onSelect & onDeSelect & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"item":{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false},"uid":"setting:3333","uidPath":["SubMenu","asda","setting:1","setting:3333"],"selectedUids":["setting:3333"],"selectedItems":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":true,"inGroup":false,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:1","setting:3333"]],"e":{"isTrusted":false}}</div></div>"`;
+
+exports[`Test: KMenu > events: onSelect & onDeSelect & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="select_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="select_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="select_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"item":{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false},"uid":"setting:2","uidPath":["SubMenu","asda","setting:2"],"selectedUids":["setting:2"],"selectedItems":[{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":true,"inGroup":true,"open":false}],"selectedUidPaths":[["SubMenu","asda","setting:2"]],"e":{"isTrusted":false}}</div></div>"`;
 
 exports[`Test: KMenu > props: cls 1`] = `"<div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu--test" style="border-color: transparent; transition: height 0.3s;"></ul></div>"`;
 
-exports[`Test: KMenu > props: expandIcon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenu > props: expandIcon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenu > props: expandIcon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > props: expandIcon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > props: expandIcon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > props: expandIcon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-react k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > props: inlineCollapsed 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <button></button></div>"`;
+exports[`Test: KMenu > props: inlineCollapsed 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <button></button></div>"`;
 
-exports[`Test: KMenu > props: inlineCollapsed 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <button></button></div>"`;
+exports[`Test: KMenu > props: inlineCollapsed 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <button></button></div>"`;
 
-exports[`Test: KMenu > props: inlineIndent 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 60px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div></div>"`;
+exports[`Test: KMenu > props: inlineIndent 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 60px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div></div>"`;
 
-exports[`Test: KMenu > props: multiple & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>[["SubMenu","asda","setting:1","setting:3333"],["SubMenu","asda","setting:2"]]</div></div>"`;
 
-exports[`Test: KMenu > props: multiple & vertical 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenu > props: multiple & vertical 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="multiple_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="multiple_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="multiple_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenu > props: openUids 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button>    <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button>     </ul></div>   </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > props: openUids 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button>    <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button>     </ul></div>   </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > props: selectable & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectable & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectable & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectable & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectable & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectable & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
+exports[`Test: KMenu > props: selectable & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="selectable_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="selectable_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="selectable_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">0</div> <div>{}</div></div>"`;
 
-exports[`Test: KMenu > props: selectedUids 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button>    <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button>     </ul></div>   </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > props: selectedUids 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title=""><span class="k-menu-item-icon-root--collapsed"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> </span> </li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected  k-menu-item-selected__dark" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button>    <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 72px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button>     </ul></div>   </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: expandIcon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenu > slots: expandIcon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: expandIcon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: expandIcon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: expandIcon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: expandIcon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span slot="expandIcon">🎯</span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span slot="expandIcon">🎯</span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: icon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenu > slots: icon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: icon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: icon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: icon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: icon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span slot="icon">🎯</span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: label & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenu > slots: label & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: label & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: label & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenu > slots: label & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenu > slots: label & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="expand_icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="expand_icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="expand_icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span slot="label">🎯</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":true,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":true,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":true,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":true,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & horizontal 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":false,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":false,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":false,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":false,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & inline 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":true,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":true,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>{"it":{"label":"Navigation Three - Su","title":"Navigation Three - Su","uid":"SubMenu","popupClassName":"ikun-test","icon":"i-carbon-logo-vue","children":[{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":false,"selectedDeps":{}},{"label":"Navigation Four-dv","type":"divider","popupClassName":"ikun-test","uid":"alipay-dv","selected":false,"inGroup":true,"open":false},{"label":"Option 2","popupClassName":"ikun-test","uid":"setting:2","selected":false,"inGroup":true,"open":false},{"label":"Item 2","uid":"asdqqda","disabled":true,"popupClassName":"ikun-test","children":[{"label":"Option 3","popupClassName":"ikun-test","uid":"setting:3","selected":false,"inGroup":false,"open":false},{"label":"Option 4","popupClassName":"ikun-test","uid":"setting:4","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":false,"open":false,"selectedDeps":{}}],"selected":false,"inGroup":false,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">2</div> <div>{"it":{"type":"group","label":"Item 1","title":"Item 1","popupClassName":"ikun-test","uid":"asda","children":[],"selected":false,"inGroup":false,"open":false},"e":{"isTrusted":false},"uidPath":["SubMenu","asda"]}</div></div>"`;
 
-exports[`Test: KMenuItems > events: titleClick & vertical 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
+exports[`Test: KMenuItems > events: titleClick & vertical 3`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="title_click_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="title_click_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="title_click_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">3</div> <div>{"it":{"label":"Option 1","title":"Option 1","uid":"setting:1","popupClassName":"ikun-test","disabled":false,"children":[{"label":"Option 3333 Option 3333 Option 3333","title":"Option 3333","icon":"i-carbon-logo-vue","popupClassName":"ikun-test","uid":"setting:3333","selected":false,"inGroup":false,"open":false}],"selected":false,"inGroup":true,"open":true,"selectedDeps":{}},"e":{"isTrusted":false},"uidPath":["SubMenu","asda","setting:1"]}</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - children & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - children & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - children & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - children & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - children & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - children & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="children_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="children_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="children_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - danger & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - danger & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - danger & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - danger & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - danger & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - danger & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="danger_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="danger_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="danger_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li> </button>   <button data-k-menu-h="3" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li> </button>  </ul></div> </div> </div> </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & horizontal 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-selected-group-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li> </button>  </ul></div> </div> </div>  <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li> </button>   <button data-k-menu-h="3" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li> </button>  </ul></div> </div> </div> </ul></div> </div> </div> </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & inline 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 72px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button>     </ul></div>  <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - disabled & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button> </button>   </ul></div></div> </div>  </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
+exports[`Test: KMenuItems > props: items - disabled & vertical 2`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="disabled_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-group k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-selected-danger k-menu-item-selected-danger__dark k-menu-item-danger" title="Option 3333" uid="setting:1" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 3333 Option 3333 Option 3333</span></span> </li></button> </button>   </ul></div></div> </div>  <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-danger k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 3</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark" title="" uid="asdqqda" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 4</span></span> </li></button> </button>   </ul></div></div> </div>  </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="disabled_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="disabled_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div> <div id="trigger_time">1</div> <div>[["SubMenu","asda","setting:1","setting:3333"]]</div></div>"`;
 
-exports[`Test: KMenuItems > props: items - icon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - icon & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - icon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - icon & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - icon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - icon & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="icon_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="icon_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="icon_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - label & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - label & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - label & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - label & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - label & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - label & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="label_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="label_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="label_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - type & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="flex k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - type & horizontal 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0; order: 0; order: 0; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" style="min-width: 0px;"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark k-menu-sub k-menu-sub-horizontal k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;">  <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 1; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>   <button data-k-menu-h="2" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 2; opacity: 1;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 3; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li> </button>   <button data-k-menu-h="2" class="k-popover--trigger k-menu-item-popover-trigger-horizontal svelte-13arsd0" data-popover-trigger="" style="width: 100%; order: 4; opacity: 1;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-horizontal-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li> </button>  </ul></div> </div> </div> </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - type & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - type & inline 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  rotate-180 k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s; height: 0px;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline-group k-menu-item-active k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button>  <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark k-menu-sub k-menu-sub-inline" style="border-color: transparent; transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>    <div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover" title="" uid="asda" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button>     </ul></div>  <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div>   </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
 
-exports[`Test: KMenuItems > props: items - type & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="flex k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="flex svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
+exports[`Test: KMenuItems > props: items - type & vertical 1`] = `"<div class="w-full fsc"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark" id="divider_test_vertical" style="transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: auto;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button> <div role="tooltip" class="k-popover--base k-popover--base__right k-popover--base__right__dark k-popover--base__dark k-menu-item-popover-content ikun-test svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 8px; top: 0px;"><div slot="contentEl"><div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-vertical k-menu__dark k-menu-vertical__dark k-menu-sub k-menu-sub-vertical k-menu-sub-bg" style="border-color: transparent; transition: height 0.3s;"> <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical-group k-menu-item__dark" title="Item 1" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 1</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 1</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><div class="k-divider k-divider--horizontal k-divider--horizontal__solid k-divider--content-center b-ikun-bd-base k-menu-item-divider" data-divider="k-divider"></div></button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-active k-menu-item-hover" title="" uid="SubMenu" style="padding-left: 48px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Option 2</span></span> </li></button> </button>   <button class="k-popover--trigger k-menu-item-popover-trigger-vertical svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-vertical k-menu-item-vertical-not-top k-menu-item-disabled k-menu-item-disabled__dark k-menu-item-child" title="" uid="SubMenu" style="padding-left: 24px;"><span class="k-menu-item-icon-root"> <span class="k-menu-title-content">Item 2</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  -rotate-90 k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button> </button>   </ul></div></div> </div>  </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-inline k-menu__dark k-menu-inline__dark" id="divider_test_inline" style="transition: height 0.3s;"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 100%;"><li slot="triggerEl" role="menuitem" class="k-menu-item k-menu-item-inline k-menu-item-inline-not-top k-menu-item-active k-menu-item-hover k-menu-item-child" title="" style="padding-left: 24px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-icon-transition k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span></li></button>     </ul></div> <div class="overflow-hidden" role="menu"><ul class="k-menu k-menu-horizontal k-menu__dark k-menu-horizontal__dark" id="divider_test_horizontal" style="transition: height 0.3s;">  <button data-k-menu-h="1" class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: auto; order: 0; opacity: 1; order: 0;"><li role="menuitem" class="k-menu-item k-menu-item-horizontal k-menu-item-hover-h k-menu-item-child" title="" style="padding-left: 16px;"><span class="k-menu-item-icon-root"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-vue k-menu-item-icon k-menu-item-icon__dark" role="" style="width: 14px; height: 14px;"></span> <span class="k-menu-title-content-i">Navigation Three - Su</span></span> </li> </button>  </ul></div></div>"`;
diff --git a/components/Pagination/__test__/__snapshots__/pagination.spec.ts.snap b/components/Pagination/__test__/__snapshots__/pagination.spec.ts.snap
index 7ad9376d..55ca0495 100644
--- a/components/Pagination/__test__/__snapshots__/pagination.spec.ts.snap
+++ b/components/Pagination/__test__/__snapshots__/pagination.spec.ts.snap
@@ -11,14 +11,14 @@ exports[`Test: KPagination > props: The interactive change of prev when pagerCou
 exports[`Test: KPagination > props: cls 1`] = `"<div class="k-pagination-container"><ul class="k-pagination k-pagination--test" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__active k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li>     <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul></div>"`;
 
 exports[`Test: KPagination > props: disabled 1`] = `
-"<div class="k-pagination-container"><ul class="k-pagination" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-prev-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="5"><button class="k-pagination-pager-btn">5</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="6"><button class="k-pagination-pager-btn">6</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="7"><button class="k-pagination-pager-btn">7</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__active k-pagination-pager__disabled" data-k-page-center="8"><button class="k-pagination-pager-btn">8</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="9"><button class="k-pagination-pager-btn">9</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="10"><button class="k-pagination-pager-btn">10</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="11"><button class="k-pagination-pager-btn">11</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-next-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-last="true"><button class="k-pagination-pager-btn">21</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul><span class="k-pagination-total k-pagination-total__md k-pagination-total__disabled">Total 500</span><div class="k-pagination-sizes k-pagination-sizes__disabled"><button class="flex svelte-13arsd0" data-popover-trigger=""><button style="width: 100px;" class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> </div><div class="k-pagination-jumper k-pagination-jumper__md k-pagination-jumper__disabled">Go to
+"<div class="k-pagination-container"><ul class="k-pagination" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-prev-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="5"><button class="k-pagination-pager-btn">5</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="6"><button class="k-pagination-pager-btn">6</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="7"><button class="k-pagination-pager-btn">7</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__active k-pagination-pager__disabled" data-k-page-center="8"><button class="k-pagination-pager-btn">8</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="9"><button class="k-pagination-pager-btn">9</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="10"><button class="k-pagination-pager-btn">10</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-center="11"><button class="k-pagination-pager-btn">11</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-next-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-last="true"><button class="k-pagination-pager-btn">21</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__disabled k-pagination-pager__disabled__dark" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul><span class="k-pagination-total k-pagination-total__md k-pagination-total__disabled">Total 500</span><div class="k-pagination-sizes k-pagination-sizes__disabled"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button style="width: 100px;" class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> </div><div class="k-pagination-jumper k-pagination-jumper__md k-pagination-jumper__disabled">Go to
 	<div class="k-input ml-2 w-50px"> <div class="k-input--base k-input__md k-input__dark k-input__disabled k-input__disabled__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input__disabled k-input__disabled__dark" disabled="" type="text" placeholder="" style="text-align: center;">    </div> </div> </div></div>"
 `;
 
 exports[`Test: KPagination > props: isBg 1`] = `"<div class="k-pagination-container"><ul class="k-pagination" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="5"><button class="k-pagination-pager-btn">5</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="6"><button class="k-pagination-pager-btn">6</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="7"><button class="k-pagination-pager-btn">7</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg__active" data-k-page-center="8"><button class="k-pagination-pager-btn">8</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="9"><button class="k-pagination-pager-btn">9</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="10"><button class="k-pagination-pager-btn">10</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="11"><button class="k-pagination-pager-btn">11</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-last="true"><button class="k-pagination-pager-btn">21</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__bg k-pagination-pager__bg__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul></div>"`;
 
 exports[`Test: KPagination > props: layout 1`] = `
-"<div class="k-pagination-container"><ul class="k-pagination" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="5"><button class="k-pagination-pager-btn">5</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="6"><button class="k-pagination-pager-btn">6</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="7"><button class="k-pagination-pager-btn">7</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__active k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="8"><button class="k-pagination-pager-btn">8</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="9"><button class="k-pagination-pager-btn">9</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="10"><button class="k-pagination-pager-btn">10</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="11"><button class="k-pagination-pager-btn">11</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-last="true"><button class="k-pagination-pager-btn">21</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul><span class="k-pagination-total k-pagination-total__dark k-pagination-total__md">Total 500</span><div class="k-pagination-sizes"><button class="flex svelte-13arsd0" data-popover-trigger=""><button style="width: 100px;" class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> </div><div class="k-pagination-jumper k-pagination-jumper__dark k-pagination-jumper__md">Go to
+"<div class="k-pagination-container"><ul class="k-pagination" pagesizes="10,20,30,40,50,100" pagesizeswidth="100"><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-left" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-first="true"><button class="k-pagination-pager-btn">1</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-prev-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="5"><button class="k-pagination-pager-btn">5</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="6"><button class="k-pagination-pager-btn">6</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="7"><button class="k-pagination-pager-btn">7</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__active k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="8"><button class="k-pagination-pager-btn">8</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="9"><button class="k-pagination-pager-btn">9</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="10"><button class="k-pagination-pager-btn">10</button></li><li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-center="11"><button class="k-pagination-pager-btn">11</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next-exp="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-overflow-menu-horizontal" role=""></span></button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-last="true"><button class="k-pagination-pager-btn">21</button></li> <li class="k-pagination-pager k-pagination-pager__md k-pagination-pager__dark k-pagination-pager__hover k-pagination-pager__dark__hover" data-k-page-next="true"><button class="k-pagination-pager-btn"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-right" role=""></span></button></li></ul><span class="k-pagination-total k-pagination-total__dark k-pagination-total__md">Total 500</span><div class="k-pagination-sizes"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button style="width: 100px;" class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> </div><div class="k-pagination-jumper k-pagination-jumper__dark k-pagination-jumper__md">Go to
 	<div class="k-input ml-2 w-50px"> <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="" style="text-align: center;">    </div> </div> </div></div>"
 `;
 
diff --git a/components/Popconfirm/__test__/__snapshots__/popconfirm.spec.ts.snap b/components/Popconfirm/__test__/__snapshots__/popconfirm.spec.ts.snap
index dc8a1b9e..6a625c43 100644
--- a/components/Popconfirm/__test__/__snapshots__/popconfirm.spec.ts.snap
+++ b/components/Popconfirm/__test__/__snapshots__/popconfirm.spec.ts.snap
@@ -1,19 +1,19 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KPopconfirm > props: async 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border k-button--info__animate mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm k-button--primary__animate">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > props: async 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border k-button--info__animate mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm k-button--primary__animate">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > props: base 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > props: base 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > props: confirmBtnText & confirmBtnCls & cancelBtnText & cancelBtnCls 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 cancelBtnCls">  cancelBtnText </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm confirmBtnCls">  confirmBtnText </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > props: confirmBtnText & confirmBtnCls & cancelBtnText & cancelBtnCls 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 cancelBtnCls">  cancelBtnText </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm confirmBtnCls">  confirmBtnText </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> "`;
+exports[`Test: KPopconfirm > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> "`;
 
-exports[`Test: KPopconfirm > props: icon 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-settings k-popconfirm--icon " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > props: icon 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-settings k-popconfirm--icon " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > props: showCancel 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > props: showCancel 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > slot: content 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div slot="content">test content</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > slot: content 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div slot="content">test content</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > slot: footer 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div slot="footer">test footer</div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > slot: footer 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div class="k-popconfirm--title"><span class="k-icon--base k-icon--base__dark k-icon-transition k-popconfirm--icon--info k-popconfirm--icon k-popconfirm--info " role=""></span> 有美一人</div> <div class="k-popconfirm--content">清扬婉兮</div> <div slot="footer">test footer</div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopconfirm > slot: title 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div slot="title">test title</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopconfirm > slot: title 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div id="test_trigger">trigger</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div class="k-popconfirm k-popconfirm--base" slot="contentEl"><div slot="title">test title</div> <div class="k-popconfirm--content">清扬婉兮</div> <div class="k-popconfirm--footer"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border mr-2 ">  Cancel </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  Confirm </button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
diff --git a/components/Popover/__test__/__snapshots__/popover.spec.ts.snap b/components/Popover/__test__/__snapshots__/popover.spec.ts.snap
index 3b4a2813..3fc41053 100644
--- a/components/Popover/__test__/__snapshots__/popover.spec.ts.snap
+++ b/components/Popover/__test__/__snapshots__/popover.spec.ts.snap
@@ -1,13 +1,13 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KPopover > events: change 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopover > events: change 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopover > props: arrow 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> </div>"`;
+exports[`Test: KPopover > props: arrow 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> </div>"`;
 
-exports[`Test: KPopover > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> "`;
+exports[`Test: KPopover > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> "`;
 
-exports[`Test: KPopover > props: placement 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopover > props: placement 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopover > props: trigger 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopover > props: trigger 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">有美一人，清扬婉兮</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KPopover > slots: triggerEl & contentEl 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">triggerEl</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">contentEl</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KPopover > slots: triggerEl & contentEl 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" cls="mx-2">triggerEl</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="flex flex-col"><p class="!my-2">contentEl</p></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
diff --git a/components/Popover/src/index.svelte b/components/Popover/src/index.svelte
index c98d01a3..083f3b01 100644
--- a/components/Popover/src/index.svelte
+++ b/components/Popover/src/index.svelte
@@ -152,7 +152,7 @@
 		cls
 	);
 
-	$: triggerCls = clsx('flex', clsTrigger);
+	$: triggerCls = clsx(`${prefixCls}--trigger`, clsTrigger);
 
 	export function updateShow(show: boolean) {
 		if (trigger === 'hover') {
diff --git a/components/Select/__test__/__snapshots__/select.spec.ts.snap b/components/Select/__test__/__snapshots__/select.spec.ts.snap
index 6ef0bb76..a0a586fb 100644
--- a/components/Select/__test__/__snapshots__/select.spec.ts.snap
+++ b/components/Select/__test__/__snapshots__/select.spec.ts.snap
@@ -1,9 +1,9 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KSelect > event: should not trigger updateValue event when disabled 1`] = `"<button class="flex mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  <span id="k_select_disabled_value">200</span>"`;
+exports[`Test: KSelect > event: should not trigger updateValue event when disabled 1`] = `"<button class="k-popover--trigger mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button>  <span id="k_select_disabled_value">200</span>"`;
 
 exports[`Test: KSelect > event: should trigger updateValue event 1`] = `
-"<button class="flex mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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 235000px;"><div class="k-virtual-list--item" data-kv-key="0"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
+"<button class="k-popover--trigger mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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 235000px;"><div class="k-virtual-list--item" data-kv-key="0"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		0 item
 	">0 item</option> </div><div class="k-virtual-list--item" data-kv-key="1"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		1 item
@@ -66,10 +66,10 @@ exports[`Test: KSelect > event: should trigger updateValue event 1`] = `
 	">29 item</option> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div> <span id="k_select_updated_value">4</span>"
 `;
 
-exports[`Test: KSelect > props: clearable 1`] = `"<button class="flex mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <button data-k-select-clear=""><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close-outline k-select--icon k-select--icon__md" role=""></span></button></button></button>  <span id="k_select_clear_value">undefined</span>"`;
+exports[`Test: KSelect > props: clearable 1`] = `"<button class="k-popover--trigger mx-200px svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <button data-k-select-clear=""><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close-outline k-select--icon k-select--icon__md" role=""></span></button></button></button>  <span id="k_select_clear_value">undefined</span>"`;
 
 exports[`Test: KSelect > props: dataList as number[] 1`] = `
-"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="1"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit k-select--option__active" value="
+"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="1"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit k-select--option__active" value="
 		1
 	">1</option> </div><div class="k-virtual-list--item" data-kv-key="2"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		2
@@ -83,7 +83,7 @@ exports[`Test: KSelect > props: dataList as number[] 1`] = `
 `;
 
 exports[`Test: KSelect > props: dataList as string[] 1`] = `
-"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="Tiny"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
+"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="Tiny"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		Tiny
 	">Tiny</option> </div><div class="k-virtual-list--item" data-kv-key="Small"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		Small
@@ -96,10 +96,10 @@ exports[`Test: KSelect > props: dataList as string[] 1`] = `
 	">Huge</option> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div> <span id="k_select_string">Huge</span>"
 `;
 
-exports[`Test: KSelect > props: disabled 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: disabled 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
 
 exports[`Test: KSelect > props: fitInputWidth 1`] = `
-"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down rotate-180 k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="TinyTinyTinyTinyTinyTinyTTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyiny"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
+"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down rotate-180 k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="TinyTinyTinyTinyTinyTinyTTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyiny"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		TinyTinyTinyTinyTinyTinyTTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyiny
 	">TinyTinyTinyTinyTinyTinyTTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyTinyiny</option> </div><div class="k-virtual-list--item" data-kv-key="Small"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit " value="
 		Small
@@ -112,14 +112,14 @@ exports[`Test: KSelect > props: fitInputWidth 1`] = `
 	">Huge</option> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div> <span id="k_select_string">Normal</span>"
 `;
 
-exports[`Test: KSelect > props: iconPrefix and iconSuffix 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"><i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-svelte k-select--prefix k-select--icon__md" role=""></span></i> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-search k-select--suffix k-select--icon__md" role=""></span></i> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: iconPrefix and iconSuffix 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"><i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-logo-svelte k-select--prefix k-select--icon__md" role=""></span></i> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-search k-select--suffix k-select--icon__md" role=""></span></i> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
 
-exports[`Test: KSelect > props: placeholder 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="绣面芙蓉一笑开">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: placeholder 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="绣面芙蓉一笑开">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
 
-exports[`Test: KSelect > props: size 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__sm k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__sm k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__sm" role=""></span></i></button></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> <button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__lg k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__lg k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__lg" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: size 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__sm k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__sm k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__sm" role=""></span></i></button></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> <button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__lg k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__lg k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__lg" role=""></span></i></button></button> "`;
 
-exports[`Test: KSelect > props: value & object 1`] = `"<button class="flex mx-2 svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="please select">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: value & object 1`] = `"<button class="k-popover--trigger mx-2 svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__disabled k-select--base__disabled__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--base__disabled k-select--base__disabled__dark k-select--inner__disabled__dark" readonly="" disabled="" placeholder="please select">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
 
-exports[`Test: KSelect > props: value 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
+exports[`Test: KSelect > props: value 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value">  <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down  k-select--icon k-select--icon__md" role=""></span></i></button></button> "`;
 
-exports[`Test: KSelect > slots: custom render 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"><div class="prefix" slot="prefix">prefix</div> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <div class="suffix" slot="suffix">suffix</div> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down rotate-180 k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="Tiny"><button>Tiny false</button> </div><div class="k-virtual-list--item" data-kv-key="Small"><button>Small false</button> </div><div class="k-virtual-list--item" data-kv-key="Normal"><button>Normal true</button> </div><div class="k-virtual-list--item" data-kv-key="Large"><button>Large false</button> </div><div class="k-virtual-list--item" data-kv-key="Huge"><button>Huge false</button> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>"`;
+exports[`Test: KSelect > slots: custom render 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><button class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl"><div class="prefix" slot="prefix">prefix</div> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <div class="suffix" slot="suffix">suffix</div> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down rotate-180 k-select--icon k-select--icon__md" role=""></span></i></button></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><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="Tiny"><button>Tiny false</button> </div><div class="k-virtual-list--item" data-kv-key="Small"><button>Small false</button> </div><div class="k-virtual-list--item" data-kv-key="Normal"><button>Normal true</button> </div><div class="k-virtual-list--item" data-kv-key="Large"><button>Large false</button> </div><div class="k-virtual-list--item" data-kv-key="Huge"><button>Huge false</button> </div></div>  <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>"`;
diff --git a/components/Slider/__test__/__snapshots__/slider.spec.ts.snap b/components/Slider/__test__/__snapshots__/slider.spec.ts.snap
index ec535073..1775bdc0 100644
--- a/components/Slider/__test__/__snapshots__/slider.spec.ts.snap
+++ b/components/Slider/__test__/__snapshots__/slider.spec.ts.snap
@@ -1,17 +1,17 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KSlider > props: attrs 1`] = `"<div class="k-slider k-slider--base k-slider--md" you="world"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: attrs 1`] = `"<div class="k-slider k-slider--base k-slider--md" you="world"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: cls 1`] = `"<div class="k-slider k-slider--base k-slider--md 窈窕淑女，君子好逑"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: cls 1`] = `"<div class="k-slider k-slider--base k-slider--md 窈窕淑女，君子好逑"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: disabled 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: disabled 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: min and max 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 100%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 100%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: min and max 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 100%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 100%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: showStops 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"><div class="k-slider--stop k-slider--stop--md" style="left: 10%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 20%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 30%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 40%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 50%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 60%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 70%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 80%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 90%"></div> <button class="k-slider--button-wrapper" style="left: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: showStops 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"><div class="k-slider--stop k-slider--stop--md" style="left: 10%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 20%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 30%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 40%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 50%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 60%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 70%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 80%"></div><div class="k-slider--stop k-slider--stop--md" style="left: 90%"></div> <button class="k-slider--button-wrapper" style="left: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: size 1`] = `"<div class="k-slider k-slider--base k-slider--lg"><button class="k-slider--runway--lg k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--lg"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: size 1`] = `"<div class="k-slider k-slider--base k-slider--lg"><button class="k-slider--runway--lg k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--lg"></div></button> </button> <div class="k-slider--bar" style="width: 0%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: value 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 10%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">10</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></button> <div class="k-slider--bar" style="width: 10%; left: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: value 1`] = `"<div class="k-slider k-slider--base k-slider--md"><button class="k-slider--runway--md k-slider--runway"> <button class="k-slider--button-wrapper" style="left: 10%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">10</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></button> <div class="k-slider--bar" style="width: 10%; left: 0%"></div></button></div>"`;
 
-exports[`Test: KSlider > props: vertical 1`] = `"<div class="k-slider k-slider--base__vertical k-slider--md__vertical"><button class="k-slider--runway--md__vertical k-slider--runway__vertical"> <button class="k-slider--button-wrapper__vertical" style="bottom: 0%"><button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar__vertical" style="height: 0%; bottom: 0%"></div></button></div>"`;
+exports[`Test: KSlider > props: vertical 1`] = `"<div class="k-slider k-slider--base__vertical k-slider--md__vertical"><button class="k-slider--runway--md__vertical k-slider--runway__vertical"> <button class="k-slider--button-wrapper__vertical" style="bottom: 0%"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="k-slider--button k-slider--button--md"></div></button> </button> <div class="k-slider--bar__vertical" style="height: 0%; bottom: 0%"></div></button></div>"`;
diff --git a/components/Tabs/__test__/__snapshots__/tabs.spec.ts.snap b/components/Tabs/__test__/__snapshots__/tabs.spec.ts.snap
index 6fc5131e..2051e64f 100644
--- a/components/Tabs/__test__/__snapshots__/tabs.spec.ts.snap
+++ b/components/Tabs/__test__/__snapshots__/tabs.spec.ts.snap
@@ -1,29 +1,29 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KTabs > api: addTab 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="transform: translateX(-0px)" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">value3</h1> </div></div></div> <button id="add_btn">add</button> <p data-test-id="result">3</p>"`;
+exports[`Test: KTabs > api: addTab 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="transform: translateX(-0px)" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">value3</h1> </div></div></div> <button id="add_btn">add</button> <p data-test-id="result">3</p>"`;
 
-exports[`Test: KTabs > events: add 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="transform: translateX(-0px)" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label4 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label5 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></button>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"><button class="k-tabs__add k-tabs__add--dark k-tabs__add--border"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-add" role="" style="width: 16px; height: 16px;"></span></button></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">value5</h1> </div></div></div> <p data-test-id="result">5</p>"`;
+exports[`Test: KTabs > events: add 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="transform: translateX(-0px)" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label4 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label5 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></div>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"><button class="k-tabs__add k-tabs__add--dark k-tabs__add--border"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-add" role="" style="width: 16px; height: 16px;"></span></button></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">value5</h1> </div></div></div> <p data-test-id="result">5</p>"`;
 
-exports[`Test: KTabs > events: change 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"label":"label1","value":"label1","uid":"1"}</p>"`;
+exports[`Test: KTabs > events: change 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"label":"label1","value":"label1","uid":"1"}</p>"`;
 
-exports[`Test: KTabs > events: click 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"label":"label1","value":"label1","uid":"1"}</p>"`;
+exports[`Test: KTabs > events: click 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"label":"label1","value":"label1","uid":"1"}</p>"`;
 
-exports[`Test: KTabs > events: remove 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"tab":{"label":"label2","value":"label2","uid":"2"},"index":1}</p>"`;
+exports[`Test: KTabs > events: remove 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <p data-test-id="result">1</p> <p data-test-id="event">{"tab":{"label":"label2","value":"label2","uid":"2"},"index":1}</p>"`;
 
-exports[`Test: KTabs > props: beforeLeave 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div>"`;
+exports[`Test: KTabs > props: beforeLeave 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > props: closeable 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <button></button>"`;
+exports[`Test: KTabs > props: closeable 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <button></button>"`;
 
-exports[`Test: KTabs > props: editable 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"><button class="k-tabs__add k-tabs__add--dark"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-add" role="" style="width: 16px; height: 16px;"></span></button></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <button></button>"`;
+exports[`Test: KTabs > props: editable 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"><button class="k-tabs__add k-tabs__add--dark"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-add" role="" style="width: 16px; height: 16px;"></span></button></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div> <button></button>"`;
 
-exports[`Test: KTabs > props: type is border 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
+exports[`Test: KTabs > props: type is border 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > props: type is card 1`] = `"<div class="k-tabs"><div class="k-tabs__header--card"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--card"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
+exports[`Test: KTabs > props: type is card 1`] = `"<div class="k-tabs"><div class="k-tabs__header--card"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--card"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > props: type is navOptions 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--disabled" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div>"`;
+exports[`Test: KTabs > props: type is navOptions 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_3495968987_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar" style="animation: __svelte_1172971904_0 500ms linear 0ms 1 both;"></div> </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--disabled" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label1</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > props: value 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
+exports[`Test: KTabs > props: value 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > slots: addIcon 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label4 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"><button class="k-tabs__add k-tabs__add--dark k-tabs__add--border"><i slot="addIcon" class="i-carbon-logo-vue"></i></button></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">In the spring I saw the earth recovery and all things grow</h1> </div></div></div>"`;
+exports[`Test: KTabs > slots: addIcon 1`] = `"<div class="k-tabs"><div class="k-tabs__header--border k-tabs__header--border--dark"><div class="k-tabs__nav--wrap k-tabs__nav--wrap--border"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--border--active--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 8px; padding-right: 8px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 16px; height: 16px;"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role="" style="width: 16px; height: 16px;"></span></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label3 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover k-tabs__nav-item--card" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label4 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button></div></div> </div> <div class="k-tabs__add--wrap k-tabs__add--wrap--border"><button class="k-tabs__add k-tabs__add--dark k-tabs__add--border"><i slot="addIcon" class="i-carbon-logo-vue"></i></button></div></div> <div class="k-tabs__content k-tabs__content--border k-tabs__content--border--dark"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">In the spring I saw the earth recovery and all things grow</h1> </div></div></div>"`;
 
-exports[`Test: KTabs > slots: default 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <button class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></button> <div class="k-tabs__bar"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
+exports[`Test: KTabs > slots: default 1`] = `"<div class="k-tabs"><div class="k-tabs__header"><div class="k-tabs__nav--wrap"> <div class="k-tabs__nav--scroll"><div role="tablist" style="" class="k-tabs__nav"><button class="k-tabs__nav-item k-tabs__nav-item--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label1 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div>  </button><button class="k-tabs__nav-item k-tabs__nav-item--active k-tabs__nav-item--active--dark k-tabs__nav-item--hover" aria-selected="false" role="tab" tabindex="-1" style="padding-left: 16px; padding-right: 16px;">label2 <div role="button" tabindex="0" class="k-tabs__close k-tabs__close--dark k-tabs__close--hover k-tabs__close--hover--dark" style="width: 0px; height: 0px;"></div> <div class="k-tabs__bar"></div> </button></div></div> </div> <div class="k-tabs__add--wrap"></div></div> <div class="k-tabs__content"><div class="k-tab-pane" role="tabpanel"><h1 class="py-30px">label2</h1> </div></div></div>"`;
diff --git a/components/Tabs/src/index.svelte b/components/Tabs/src/index.svelte
index 784af01f..4db46614 100644
--- a/components/Tabs/src/index.svelte
+++ b/components/Tabs/src/index.svelte
@@ -90,7 +90,7 @@
 		return isShowClose(tab, hoverTab) ? 8 : 16;
 	};
 
-	function handleRemove(e: MouseEvent, tab: KTabsNav, index: number) {
+	function handleRemove(e: MouseEvent | KeyboardEvent, tab: KTabsNav, index: number) {
 		if (tab.disabled) return;
 		e.stopPropagation();
 		dispatch('remove', { tab: delPropertyData(tab), index });
@@ -238,16 +238,19 @@
 							on:click={() => handleClick(tab)}
 						>
 							{tab.label}
-							<button
+							<div
+								role="button"
+								tabindex="0"
 								class={closeCls}
 								style:width={`${closeIconWidth(tab)}px`}
+								on:keydown={(e) => handleRemove(e, tab, index)}
 								style:height={`${closeIconWidth(tab)}px`}
 								on:click={(e) => handleRemove(e, tab, index)}
 							>
 								{#if closeIconWidth(tab)}
 									<KIcon width="16px" height="16px" icon="i-carbon-close"></KIcon>
 								{/if}
-							</button>
+							</div>
 							{#if isActive(tab.uid) && type !== 'card' && type !== 'border'}
 								<div
 									class={barCls}
@@ -260,7 +263,7 @@
 				</div>
 			</div>
 			{#if showArrow}
-				<button class={nextCls} on:click={handleNext} >
+				<button class={nextCls} on:click={handleNext}>
 					<KIcon width="16px" height="16px" icon="i-carbon-chevron-right"></KIcon>
 				</button>
 			{/if}
@@ -268,7 +271,7 @@
 
 		<div class={addWrapCls}>
 			{#if editable}
-				<button class={addCls} on:click={handleAdd} >
+				<button class={addCls} on:click={handleAdd}>
 					<slot name="addIcon">
 						<KIcon width="16px" height="16px" icon="i-carbon-add"></KIcon>
 					</slot>
diff --git a/components/Tooltip/__test__/__snapshots__/tooltip.spec.ts.snap b/components/Tooltip/__test__/__snapshots__/tooltip.spec.ts.snap
index 56d54961..d12d96d9 100644
--- a/components/Tooltip/__test__/__snapshots__/tooltip.spec.ts.snap
+++ b/components/Tooltip/__test__/__snapshots__/tooltip.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KTooltip > props: placement 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><span slot="contentEl">有美一人，清扬婉兮</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KTooltip > props: placement 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class="mx-2">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: 8px;"><span slot="contentEl">有美一人，清扬婉兮</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KTooltip > props: trigger 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">有美一人，清扬婉兮</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KTooltip > props: trigger 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl">top</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">有美一人，清扬婉兮</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
 
-exports[`Test: KTooltip > slots: triggerEl & contentEl 1`] = `"<button class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl">triggerEl</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">contentEl</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
+exports[`Test: KTooltip > slots: triggerEl & contentEl 1`] = `"<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl">triggerEl</div></button> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><span slot="contentEl">contentEl</span> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div>"`;
diff --git a/components/Tour/__test__/__snapshots__/tour.spec.ts.snap b/components/Tour/__test__/__snapshots__/tour.spec.ts.snap
index 3b2cdebe..42887f5c 100644
--- a/components/Tour/__test__/__snapshots__/tour.spec.ts.snap
+++ b/components/Tour/__test__/__snapshots__/tour.spec.ts.snap
@@ -1,49 +1,49 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Test: KTour > events: change 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm k-button--primary__animate">  finish </button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div>"`;
+exports[`Test: KTour > events: change 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm k-button--primary__animate">  finish </button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div>"`;
 
 exports[`Test: KTour > events: close 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div>"`;
 
 exports[`Test: KTour > events: finish 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div>"`;
 
-exports[`Test: KTour > props: closeIcon 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-custom-icon" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: closeIcon 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-custom-icon" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: cls 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask k-tour--test" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: cls 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask k-tour--test" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: current 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: current 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: mask 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: mask 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
 exports[`Test: KTour > props: open 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div> <button>111</button> <button>222</button> <button id="bwsy_trigger">trigger</button>"`;
 
-exports[`Test: KTour > props: open 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></button> <button id="bwsy_trigger">trigger</button>"`;
+exports[`Test: KTour > props: open 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></button> <button id="bwsy_trigger">trigger</button>"`;
 
-exports[`Test: KTour > props: prevBtnText & nextBtnText 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  上一步 </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  下一步 </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: prevBtnText & nextBtnText 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  上一步 </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  下一步 </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: steps 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>ikun-ui title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"><span>ikun-ui description</span></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: steps 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0);"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour k-tour-mask" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 16px; border-right-width: 16px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>ikun-ui title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"><span>ikun-ui description</span></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: zIndex 1`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 2077; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: zIndex 1`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 2077; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > props: zIndex 2`] = `"<div id="ikun-ui-tour"><button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 2077; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
+exports[`Test: KTour > props: zIndex 2`] = `"<div id="ikun-ui-tour"><button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 2077; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div>"`;
 
-exports[`Test: KTour > slots: closeIcon 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <div slot="closeIcon" id="bwsy">custom close</div></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: closeIcon 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <div slot="closeIcon" id="bwsy">custom close</div></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
 exports[`Test: KTour > slots: closeIcon 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222</button></div>"`;
 
-exports[`Test: KTour > slots: description 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"><div slot="description">1-custom-description</div></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: description 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"><div slot="description">1-custom-description</div></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: footer 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步1</button> <button id="bwsy_next">下一步1</button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: footer 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步1</button> <button id="bwsy_next">下一步1</button></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: footer 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>111111111111111111</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步0</button> <button id="bwsy_next">下一步0</button></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button> <button>222</button></div>"`;
+exports[`Test: KTour > slots: footer 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>111111111111111111</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步0</button> <button id="bwsy_next">下一步0</button></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button> <button>222</button></div>"`;
 
-exports[`Test: KTour > slots: footer 3`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步1</button> <button id="bwsy_next">下一步1</button></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: footer 3`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div slot="footer"><button id="bwsy_prev">上一步1</button> <button id="bwsy_next">下一步1</button></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: indicators 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div slot="indicators">indicators-1</div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: indicators 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div slot="indicators">indicators-1</div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: nextButton & prevButton 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: nextButton & prevButton 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: nextButton & prevButton 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>111111111111111111</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button> <button>222</button></div>"`;
+exports[`Test: KTour > slots: nextButton & prevButton 2`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>111111111111111111</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button> <button>222</button></div>"`;
 
-exports[`Test: KTour > slots: nextButton & prevButton 3`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: nextButton & prevButton 3`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><span>custom-title</span> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button slot="prevButton" id="bwsy_prev">上一步</button> <button slot="nextButton" id="bwsy_next">下一步</button></div></div></div> <div k-popover-arrow="true" class="svelte-13arsd0" data-popper-arrow-top=""></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
 
-exports[`Test: KTour > slots: title 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><div slot="title">1-custom-title</div> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="flex svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
+exports[`Test: KTour > slots: title 1`] = `"<div id="ikun-ui-tour"></div><div id="ikun-ui-tour2"></div><div id="ikun-ui-tour3"></div><div class="k-tour" style="background-color: transparent; z-index: 1001; width: 8px; height: 8px;"> <div role="tooltip" class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="" style="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: absolute; left: 0px; top: -8px;"><div slot="contentEl" class="k-tour-content"><div class="k-tour-header"><div slot="title">1-custom-title</div> <button class="k-tour-close"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close" role=""></span></button></div> <div class="k-tour-body"></div> <div class="k-tour-footer"><div class="k-indicators k-indicators--horizontal k-tour-indicators"><button class="k-indicators-item k-indicators-item--horizontal"></button><button class="k-indicators-item k-indicators-item--horizontal k-indicators-item--active__horizontal"></button></div> <div class="k-tour-btn"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border">  prev </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus k-button--sm">  finish </button></div></div></div> <div k-popover-arrow="true" data-popper-arrow-bottom="" data-popper-arrow-top="" data-popper-arrow-right="" data-popper-arrow-left="" class="svelte-13arsd0"></div></div></div> <div class="w-full h-2000px fcc"><button>111</button> <button>222<button class="k-popover--trigger svelte-13arsd0" data-popover-trigger="" style="width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; transform: translate(0, 0); z-index: -9999;"></button></button></div>"`;
diff --git a/docs/example/avatar/fit-container.svelte b/docs/example/avatar/fit-container.svelte
index 89045454..92954bb7 100644
--- a/docs/example/avatar/fit-container.svelte
+++ b/docs/example/avatar/fit-container.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { KAvatar } from '@ikun-ui/avatar';
 
-	const src = 'https://www.svelte.cn/svelte-logo-horizontal.svg';
+	const src = 'https://ikun-ui.netlify.app/logo.svg';
 	const fits = ['fill', 'contain', 'cover', 'none', 'scale-down'];
 </script>
 
diff --git a/preset/src/shortcuts/src/auto-complete.ts b/preset/src/shortcuts/src/auto-complete.ts
index 3f72552a..f11549d3 100644
--- a/preset/src/shortcuts/src/auto-complete.ts
+++ b/preset/src/shortcuts/src/auto-complete.ts
@@ -1,5 +1,6 @@
 export const autoCompleteShortcuts: Record<string, string> = {
 	// auto-complete-
+	'k-auto-complete': 'k-reset-btn',
 	'k-auto-complete--option':
 		'rounded mx-2 pl-2 py-1 box-border cursor-pointer text-ikun-tx-base text-left',
 	'k-auto-complete--option__hover': 'hover:ikun:80:bg-ikun-main hover:text-white',
diff --git a/preset/src/shortcuts/src/base.ts b/preset/src/shortcuts/src/base.ts
index b34277c6..17d4d63c 100644
--- a/preset/src/shortcuts/src/base.ts
+++ b/preset/src/shortcuts/src/base.ts
@@ -2,5 +2,6 @@ export const baseShortcuts: Record<string, string> = {
 	'k-cur-disabled': '!cursor-not-allowed',
 	'k-cur-loading': 'cursor-wait ',
 	'k-border': 'border border-solid',
-	'k-bg-disabled': 'bg-ikun-disabled'
+	'k-bg-disabled': 'bg-ikun-disabled',
+	'k-reset-btn': 'p-0 text-[inherit] bg-transparent border-0 leading-[inherit]'
 };
diff --git a/preset/src/shortcuts/src/color-picker.ts b/preset/src/shortcuts/src/color-picker.ts
index 9c515645..47580d9d 100644
--- a/preset/src/shortcuts/src/color-picker.ts
+++ b/preset/src/shortcuts/src/color-picker.ts
@@ -50,7 +50,7 @@ export const colorPickerShortcuts: Record<string, string> = {
 	'k-color-picker-format--input': 'ml-6px',
 	'k-color-picker-preset--icon': 'op50 k-icon-transition',
 	'k-color-picker-preset--container': 'mt-12px cursor-pointer',
-	'k-color-picker-preset--head': 'fsc',
+	'k-color-picker-preset--head': 'k-reset-btn fsc cursor-pointer',
 	'k-color-picker-preset--label': 'text-12px ml-4px',
 	'k-color-picker-preset--color': 'grid mt-12px gap-6px grid-cols-11',
 	'k-color-picker-preset--checkbox': 'w-18px h-18px rounded-4px'
diff --git a/preset/src/shortcuts/src/contextmenu.ts b/preset/src/shortcuts/src/contextmenu.ts
index 81c30448..f2a4e703 100644
--- a/preset/src/shortcuts/src/contextmenu.ts
+++ b/preset/src/shortcuts/src/contextmenu.ts
@@ -1,6 +1,7 @@
 export const contextmenuShortcuts: Record<string, string> = {
 	'k-contextmenu--base': 'pf rounded shadow-lg bg-white !px-2 m-0 list-none',
 	'k-contextmenu-item': 'list-none rounded text-sm my-1',
+	'k-contextmenu-item-btn': 'k-reset-btn cursor-pointer',
 	'k-contextmenu-item--base':
 		'p-1 cursor-pointer text-ikun-tx-base hover:(text-white bg-ikun-main)',
 	'k-contextmenu-item__disabled': 'p-1 k-bg-disabled k-cur-disabled text-ikun-info ',
diff --git a/preset/src/shortcuts/src/dropdown.ts b/preset/src/shortcuts/src/dropdown.ts
index 6708d0b2..7ac1d98e 100644
--- a/preset/src/shortcuts/src/dropdown.ts
+++ b/preset/src/shortcuts/src/dropdown.ts
@@ -2,8 +2,9 @@ export const dropdownShortcuts: Record<string, string> = {
 	// dropdown
 	'k-dropdown': 'border-0 p-0 line-height-none bg-transparent',
 	'k-dropdown-item-container': '!px-2 overflow-y-auto',
-	'k-dropdown-item': 'rounded text-sm my-1',
-	'k-dropdown-item--base': 'block w-full p-1 cursor-pointer text-ikun-tx-base hover:(text-white bg-ikun-main)',
+	'k-dropdown-item': 'k-reset-btn rounded text-sm my-1',
+	'k-dropdown-item--base':
+		'block w-full p-1 cursor-pointer text-ikun-tx-base hover:(text-white bg-ikun-main)',
 	'k-dropdown-item__disabled': 'p-1 k-bg-disabled k-cur-disabled text-ikun-info',
 	'k-dropdown-item__divider':
 		'block w-full my-1 border-solid border-t-1 border-l-0 border-r-0 border-b-0 border-ikun-bd-base',
diff --git a/preset/src/shortcuts/src/ellipsis.ts b/preset/src/shortcuts/src/ellipsis.ts
index c6ef5015..c8f1e1d0 100644
--- a/preset/src/shortcuts/src/ellipsis.ts
+++ b/preset/src/shortcuts/src/ellipsis.ts
@@ -1,5 +1,5 @@
 export const ellipsisShortcuts: Record<string, string> = {
 	// ellipsis
-	'k-ellipsis': '!cursor-text',
-	'k-ellipsis--line-clamp': 'cursor-pointer',
+	'k-ellipsis': 'k-reset-btn !cursor-text',
+	'k-ellipsis--line-clamp': 'k-reset-btn cursor-pointer'
 };
diff --git a/preset/src/shortcuts/src/image-view.ts b/preset/src/shortcuts/src/image-view.ts
index 9088fff8..9d01f6c5 100644
--- a/preset/src/shortcuts/src/image-view.ts
+++ b/preset/src/shortcuts/src/image-view.ts
@@ -2,7 +2,7 @@ export const imageViewShortcuts: Record<string, string> = {
 	// image-view
 	'k-image-view': '',
 	'k-image-view--close':
-		'ikun:20:bg-ikun-black fcc pa rounded-full h-42px w-42px cursor-pointer right-32px top-32px z-2 text-ikun-icon-white hover:text-white',
+		'k-reset-btn ikun:20:bg-ikun-black fcc pa rounded-full h-42px w-42px cursor-pointer right-32px top-32px z-2 text-ikun-icon-white hover:text-white',
 	'k-image-view--body': 'pa w-full fcc inset-0',
 	'k-image-view--body__img': 'k-user-drag-none pa max-w-4/10 select-none cursor-grab',
 	'k-image-view--footer__wrapper': 'pa right-0 bottom-32px w-full fcc z-2',
diff --git a/preset/src/shortcuts/src/image.ts b/preset/src/shortcuts/src/image.ts
index 289b2e65..bfd0a72f 100644
--- a/preset/src/shortcuts/src/image.ts
+++ b/preset/src/shortcuts/src/image.ts
@@ -1,6 +1,7 @@
 export const imageShortcuts: Record<string, string> = {
 	// image
 	'k-image': 'pr inline-block overflow-hidden',
+	'k-image--btn': 'k-reset-btn',
 	'k-image__inner': 'align-top opacity-100 w-full h-full',
 	'k-image__loading': 'opacity-0',
 	'k-image__wrapper': 'pa top-0 left-0 w-full h-full',
diff --git a/preset/src/shortcuts/src/indicators.ts b/preset/src/shortcuts/src/indicators.ts
index e1bb29f8..89dab0aa 100644
--- a/preset/src/shortcuts/src/indicators.ts
+++ b/preset/src/shortcuts/src/indicators.ts
@@ -3,7 +3,7 @@ export const indicatorsShortcuts: Record<string, string> = {
 	'k-indicators--vertical':
 		'flex-col items-end h-70px justify-around top-50% k-indicators-tanslate-y-half',
 	'k-indicators-item':
-		'h-6px w-6px rounded-full mr-8px bg-ikun-bg-grs cursor-pointer k-carousel-item',
+		'k-reset-btn h-6px w-6px rounded-full mr-8px bg-ikun-bg-grs cursor-pointer k-carousel-item',
 	'k-indicators-item--active__horizontal': 'bg-ikun-main w-24px k-carousel-item',
 	'k-indicators-item--active__vertical': 'bg-ikun-main h-18px k-carousel-item'
 };
diff --git a/preset/src/shortcuts/src/input.ts b/preset/src/shortcuts/src/input.ts
index f0a58d21..72b62039 100644
--- a/preset/src/shortcuts/src/input.ts
+++ b/preset/src/shortcuts/src/input.ts
@@ -3,6 +3,7 @@ export const inputShortcuts: Record<string, string> = {
 	'k-input': 'relative fi',
 	'k-input--base': 'w-full relative fi k-border border-ikun-bd-base box-border overflow-hidden',
 	'k-input--inner': 'outline-none w-full flex-auto border-none text-size-inherit bg-transparent',
+	'k-input--btn': 'k-reset-btn cursor-pointer',
 	'k-input--inner__textarea': 'p-2 rounded bg-transparent',
 	'k-input--icon': 'op50',
 	'k-input--prefix-icon': 'mr-1.5',
@@ -36,7 +37,7 @@ export const inputShortcuts: Record<string, string> = {
 		'focus-within:border-ikun-main focus-within:k-input-shadow [&:focus-within>.k-input--clear-icon]:block',
 
 	// clear
-	'k-input--clear-icon': 'hidden',
+	'k-input--clear-icon': 'hidden k-reset-btn',
 
 	// error
 	'k-input__error': 'border-ikun-error k-input-shadow--error',
diff --git a/preset/src/shortcuts/src/page-header.ts b/preset/src/shortcuts/src/page-header.ts
index ffd47227..d46be467 100644
--- a/preset/src/shortcuts/src/page-header.ts
+++ b/preset/src/shortcuts/src/page-header.ts
@@ -4,7 +4,7 @@ export const pageHeadersShortcuts: Record<string, string> = {
 		'[&>[data-pager-header="main"]]:(mt-16px border-solid bdt-1 border-ikun-bd-base)',
 	'k-page-header__head': 'fbc leading-24px',
 	'k-page-header__left': 'fi pr mr-40px [&>[data-divider="k-divider"]]:mx-16px',
-	'k-page-header__back': 'fi cursor-pointer',
+	'k-page-header__back': 'k-reset-btn fi cursor-pointer',
 	'k-page-header__icon': 'text-16px mr-10px fi',
 	'k-page-header__title': 'text-14px font-500',
 	'k-page-header__content': 'text-18px text-ikun-tx-base',
diff --git a/preset/src/shortcuts/src/pagination.ts b/preset/src/shortcuts/src/pagination.ts
index bc9964ce..138e60b1 100644
--- a/preset/src/shortcuts/src/pagination.ts
+++ b/preset/src/shortcuts/src/pagination.ts
@@ -4,7 +4,7 @@ export const pageShortcuts: Record<string, string> = {
 	'k-pagination-container': 'fi',
 	'k-pagination-jumper': 'fi mx-1 text-ikun-tx-base',
 	'k-pagination-sizes': 'mx-1',
-	'k-pagination-pager-btn': 'w-full h-full fcc',
+	'k-pagination-pager-btn': 'k-reset-btn cursor-pointer w-full h-full fcc',
 	'k-pagination-pager':
 		'text-ikun-tx-base cursor-pointer list-none rounded fcc mx-1 px-1 box-border select-none !mt-0',
 	'k-pagination-pager__sm': 'min-w-26px h-26px leading-26px text-sm',
diff --git a/preset/src/shortcuts/src/popover.ts b/preset/src/shortcuts/src/popover.ts
index f795a48d..3d402287 100644
--- a/preset/src/shortcuts/src/popover.ts
+++ b/preset/src/shortcuts/src/popover.ts
@@ -1,11 +1,12 @@
 export const popoverShortcuts: Record<string, string> = {
 	// popover
 	'k-popover--base':
-		'absolute w-max left-0 top-0 rounded p-8px bg-ikun-white  z-999 box-border text-ikun-tx-base',
+		'k-reset-btn absolute w-max left-0 top-0 rounded p-8px bg-ikun-white  z-999 box-border text-ikun-tx-base',
 	'k-popover--base__left': 'k-popover-shadow__left',
 	'k-popover--base__top': 'k-popover-shadow__top',
 	'k-popover--base__right': 'k-popover-shadow__right',
 	'k-popover--base__bottom': 'k-popover-shadow__bottom',
+	'k-popover--trigger': 'flex k-reset-btn',
 	// dark
 	'k-popover--base__dark': 'dark:bg-ikun-dark-300 dark:text-ikun-white',
 	'k-popover--base__left__dark': 'dark:k-popover-shadow__left__dark',
diff --git a/preset/src/shortcuts/src/select.ts b/preset/src/shortcuts/src/select.ts
index fce1a504..5d6b371b 100644
--- a/preset/src/shortcuts/src/select.ts
+++ b/preset/src/shortcuts/src/select.ts
@@ -1,6 +1,7 @@
 export const selectShortcuts: Record<string, string> = {
 	// select
-	'k-select--base': 'fi k-border border-ikun-bd-base rounded px-2 py-1 box-border cursor-pointer',
+	'k-select--base':
+		'k-reset-btn fi k-border border-ikun-bd-base rounded px-2 py-1 box-border cursor-pointer',
 	'k-select--base__disabled': 'k-bg-disabled k-cur-disabled',
 	'k-select__hover': 'hover:border-ikun-main',
 	'k-select__focus': 'focus-within:border-ikun-main focus-within:k-input-shadow',
diff --git a/preset/src/shortcuts/src/slider.ts b/preset/src/shortcuts/src/slider.ts
index 7e2be287..d76d72f8 100644
--- a/preset/src/shortcuts/src/slider.ts
+++ b/preset/src/shortcuts/src/slider.ts
@@ -34,9 +34,9 @@ export const sliderShortcuts: Record<string, string> = {
 
 	// button
 	'k-slider--button-wrapper':
-		'fcc pa top-0 bottom-0 my-a translate-x--50% cursor-pointer select-none',
+		'fcc pa top-0 bottom-0 my-a translate-x--50% k-reset-btn cursor-pointer select-none',
 	'k-slider--button-wrapper__vertical':
-		'fcc pa left-50% mx-a -translate-x-1/2 translate-y-1/2 cursor-pointer select-none',
+		'fcc pa left-50% mx-a -translate-x-1/2 translate-y-1/2 k-reset-btn cursor-pointer select-none',
 
 	// button wrapper size
 	'k-slider--button--sm': 'w-12px h-12px',
diff --git a/preset/src/shortcuts/src/tabs.ts b/preset/src/shortcuts/src/tabs.ts
index cf1b50e1..5e4d67bd 100644
--- a/preset/src/shortcuts/src/tabs.ts
+++ b/preset/src/shortcuts/src/tabs.ts
@@ -19,7 +19,7 @@ export const tabsShortcuts: Record<string, string> = {
 	'k-tabs__add--border': 'mr-10px',
 	'k-tabs__bar': 'pa left-0 bottom-0px h-2px bg-ikun-main z-1 w-full',
 	'k-tabs__nav-item':
-		'k-tab__nav-transition whitespace-nowrap pr box-border py-0 px-16px h-40px fcc text-base text-ikun-tx-base cursor-pointer select-none',
+		'k-reset-btn  k-tab__nav-transition whitespace-nowrap pr box-border py-0 px-16px h-40px fcc text-base text-ikun-tx-base cursor-pointer select-none',
 	'k-tabs__nav-item--active': 'text-ikun-main bg-white',
 	'k-tabs__nav-item--hover': 'hover:(text-ikun-main)',
 	'k-tabs__nav-item--disabled': 'opacity-50 k-cur-disabled',
@@ -27,7 +27,7 @@ export const tabsShortcuts: Record<string, string> = {
 
 	'k-tabs__content': 'p-10px box-border',
 	'k-tabs__content--border': 'border-solid border-ikun-bd-base n-bdt-1 rounded-b',
-	'k-tabs__close': 'ml-4px k-tab-transition-all fcc',
+	'k-tabs__close': 'k-reset-btn cursor-pointer ml-4px k-tab-transition-all fcc',
 	'k-tabs__close--hover': 'hover:(text-white bg-ikun-main rounded-full)',
 
 	// dark
diff --git a/preset/src/shortcuts/src/tag.ts b/preset/src/shortcuts/src/tag.ts
index 0166c476..752bd7e8 100644
--- a/preset/src/shortcuts/src/tag.ts
+++ b/preset/src/shortcuts/src/tag.ts
@@ -1,7 +1,7 @@
 export const tagShortcuts: Record<string, string> = {
 	// tag
 	'k-tag--base':
-		'infcc mx-0.5 select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs text-ikun-tx-base w-fit',
+		'k-reset-btn infcc mx-0.5 select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs text-ikun-tx-base w-fit',
 
 	'k-tag--icon': 'inline-flex',
 	'k-tag--icon__has-slot': 'mr-2',
diff --git a/preset/src/shortcuts/src/tour.ts b/preset/src/shortcuts/src/tour.ts
index 3ff3c54d..e9c12dfb 100644
--- a/preset/src/shortcuts/src/tour.ts
+++ b/preset/src/shortcuts/src/tour.ts
@@ -3,7 +3,7 @@ export const tourShortcuts: Record<string, string> = {
 	'k-tour-mask': 'ikun:50:border-ikun-black border-solid',
 	'k-tour-content': 'w-520px',
 	'k-tour-header': 'fbc w-full',
-	'k-tour-close': 'cursor-pointer p-2px box-border rounded hover:(bg-ikun-bg-gr)',
+	'k-tour-close': 'k-reset-btn cursor-pointer p-2px box-border rounded hover:(bg-ikun-bg-gr)',
 	'k-tour-body': 'my-12px',
 	'k-tour-footer': 'fbc h-32px',
 	'k-tour-indicators': 'fse pr w-full h-full',