@medyll/idae-slotui-svelte 0.37.0 → 0.39.0

package/dist/controls/checkbox/Checkbox.svelte.d.ts

@@ -123,6 +123,7 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
     readonly clientTop?: number | undefined;
     readonly clientWidth?: number | undefined;
     id?: string | undefined;
+    innerHTML?: string | undefined;
     readonly localName?: string | undefined;
     readonly namespaceURI?: string | null | undefined;
     onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
@@ -168,12 +169,13 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
         (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
     } | undefined;
+    getHTML?: ((options?: GetHTMLOptions) => string) | undefined;
     hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
     hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
     hasAttributes?: (() => boolean) | undefined;
     hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
     insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
-    insertAdjacentHTML?: ((position: InsertPosition, text: string) => void) | undefined;
+    insertAdjacentHTML?: ((position: InsertPosition, string: string) => void) | undefined;
     insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
     matches?: ((selectors: string) => boolean) | undefined;
     releasePointerCapture?: ((pointerId: number) => void) | undefined;
@@ -181,7 +183,7 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
     removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
     removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
     requestFullscreen?: ((options?: FullscreenOptions) => Promise<void>) | undefined;
-    requestPointerLock?: (() => void) | undefined;
+    requestPointerLock?: ((options?: PointerLockOptions) => Promise<void>) | undefined;
     scroll?: {
         (options?: ScrollToOptions): void;
         (x: number, y: number): void;
@@ -297,7 +299,6 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
     before?: ((...nodes: (Node | string)[]) => void) | undefined;
     remove?: (() => void) | undefined;
     replaceWith?: ((...nodes: (Node | string)[]) => void) | undefined;
-    innerHTML?: string | undefined;
     readonly nextElementSibling?: Element | null | undefined;
     readonly previousElementSibling?: Element | null | undefined;
     readonly childElementCount?: number | undefined;
@@ -341,7 +342,9 @@ declare const Checkbox: $$__sveltets_2_IsomorphicComponent<{
     onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
     onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
     onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+    oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
     oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+    oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
     oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
     oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
     oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;

package/dist/controls/confirm/Confirm.svelte.d.ts

@@ -4,7 +4,7 @@ declare class __sveltets_Render<T = any> {
         initialRef?: HTMLElement | null;
         contentRef?: HTMLElement | null;
         tooltipInitial?: string | null;
-        primaryInitial: string;
+        primaryInitial?: string;
         primaryConfirm: string;
         iconInitial?: string;
         iconColorInitial?: string;

package/dist/controls/confirm/types.d.ts

@@ -12,7 +12,7 @@ export type ConfirmProps<T = any> = CommonProps & {
     /**  @deprecated text displayed on initial button */
     tooltipInitial?: string | null;
     /** @deprecated text displayed on initial button */
-    primaryInitial: string;
+    primaryInitial?: string;
     /**  @deprecated text displayed on the confirm phase */
     primaryConfirm: string;
     /**  @deprecated icon displayed on the initial button */

package/dist/index.d.ts

@@ -113,10 +113,10 @@ export * from './utils/uses/navigation.js';
 export * from './utils/uses/makeOnTop.js';
 export * from './utils/uses/event.js';
 export * from './utils/uses/draggabler.js';
+export { default as Slotted } from './utils/slotted/Slotted.svelte';
 export * from './utils/stylesheet/utils.js';
 export * from './utils/stylesheet/types.js';
 export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
-export { default as Slotted } from './utils/slotted/Slotted.svelte';
 export * from './utils/looper/types.js';
 export { default as Looper } from './utils/looper/Looper.svelte';
 export * from './utils/engine/wactions.utils.js';
@@ -128,9 +128,9 @@ export * from './utils/engine/engine.js';
 export * from './utils/engine/elem.js';
 export * from './utils/effects/transitions.js';
 export { default as Css } from './utils/css/Css.svelte';
+export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
 export * from './utils/content/types.js';
 export { default as Content } from './utils/content/Content.svelte';
-export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
 export * from './ui/window/types.js';
 export * from './ui/window/store.js';
 export * from './ui/window/actions.svelte.js';
@@ -154,6 +154,10 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
 export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
 export * from './ui/preview/types.js';
 export { default as Preview } from './ui/preview/Preview.svelte';
+export * from './ui/popper/usePopper.js';
+export * from './ui/popper/types.js';
+export * from './ui/popper/actions.js';
+export { default as Popper } from './ui/popper/Popper.svelte';
 export * from './ui/panel/types.js';
 export { default as Paneler } from './ui/panel/Paneler.svelte';
 export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
@@ -163,10 +167,6 @@ export * from './ui/menuList/types.js';
 export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
 export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
 export { default as MenuList } from './ui/menuList/MenuList.svelte';
-export * from './ui/popper/usePopper.js';
-export * from './ui/popper/types.js';
-export * from './ui/popper/actions.js';
-export { default as Popper } from './ui/popper/Popper.svelte';
 export * from './ui/menu/types.js';
 export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
 export { default as MenuItem } from './ui/menu/MenuItem.svelte';
@@ -176,6 +176,8 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
 export * from './ui/login/types.js';
 export * from './ui/login/store.js';
 export { default as Login } from './ui/login/Login.svelte';
+export * from './ui/frame/types.js';
+export { default as Frame } from './ui/frame/Frame.svelte';
 export * from './ui/chromeFrame/types.js';
 export * from './ui/chromeFrame/chromeFrame.utils.js';
 export * from './ui/chromeFrame/chromeFrame.store.js';
@@ -183,8 +185,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
 export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
 export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
 export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
-export * from './ui/frame/types.js';
-export { default as Frame } from './ui/frame/Frame.svelte';
 export * from './styles/slotuisheet/utils.js';
 export * from './styles/slotuisheet/types.js';
 export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';

package/dist/index.js

@@ -114,10 +114,10 @@ export * from './utils/uses/navigation.js';
 export * from './utils/uses/makeOnTop.js';
 export * from './utils/uses/event.js';
 export * from './utils/uses/draggabler.js';
+export { default as Slotted } from './utils/slotted/Slotted.svelte';
 export * from './utils/stylesheet/utils.js';
 export * from './utils/stylesheet/types.js';
 export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
-export { default as Slotted } from './utils/slotted/Slotted.svelte';
 export * from './utils/looper/types.js';
 export { default as Looper } from './utils/looper/Looper.svelte';
 export * from './utils/engine/wactions.utils.js';
@@ -129,9 +129,9 @@ export * from './utils/engine/engine.js';
 export * from './utils/engine/elem.js';
 export * from './utils/effects/transitions.js';
 export { default as Css } from './utils/css/Css.svelte';
+export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
 export * from './utils/content/types.js';
 export { default as Content } from './utils/content/Content.svelte';
-export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
 export * from './ui/window/types.js';
 export * from './ui/window/store.js';
 export * from './ui/window/actions.svelte.js';
@@ -155,6 +155,10 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
 export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
 export * from './ui/preview/types.js';
 export { default as Preview } from './ui/preview/Preview.svelte';
+export * from './ui/popper/usePopper.js';
+export * from './ui/popper/types.js';
+export * from './ui/popper/actions.js';
+export { default as Popper } from './ui/popper/Popper.svelte';
 export * from './ui/panel/types.js';
 export { default as Paneler } from './ui/panel/Paneler.svelte';
 export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
@@ -164,10 +168,6 @@ export * from './ui/menuList/types.js';
 export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
 export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
 export { default as MenuList } from './ui/menuList/MenuList.svelte';
-export * from './ui/popper/usePopper.js';
-export * from './ui/popper/types.js';
-export * from './ui/popper/actions.js';
-export { default as Popper } from './ui/popper/Popper.svelte';
 export * from './ui/menu/types.js';
 export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
 export { default as MenuItem } from './ui/menu/MenuItem.svelte';
@@ -177,6 +177,8 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
 export * from './ui/login/types.js';
 export * from './ui/login/store.js';
 export { default as Login } from './ui/login/Login.svelte';
+export * from './ui/frame/types.js';
+export { default as Frame } from './ui/frame/Frame.svelte';
 export * from './ui/chromeFrame/types.js';
 export * from './ui/chromeFrame/chromeFrame.utils.js';
 export * from './ui/chromeFrame/chromeFrame.store.js';
@@ -184,8 +186,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
 export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
 export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
 export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
-export * from './ui/frame/types.js';
-export { default as Frame } from './ui/frame/Frame.svelte';
 export * from './styles/slotuisheet/utils.js';
 export * from './styles/slotuisheet/types.js';
 export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';

package/dist/slotui-css/slotui-combined.css

@@ -409,59 +409,6 @@
   --hide-selector: hide;
 }
 
-/** tree.scss ----------------*/
-:root {
-  --tree-cell-border: 1px solid transparent;
-  --tree-cell-padding: var(--sld-pad-tiny);
-  --tree-cell-border-radius: var(--sld-radius-small);
-  --tree-cell-gap: var(--sld-gap-tiny);
-  --tree-cell-arrow-width: 16px;
-  --tree-cell-title-gutter-gap: var(--sld-pad-tiny);
-}
-
-.tree-cell {
-  border: var(--tree-cell-border);
-  padding: var(--tree-cell-padding);
-  padding-left: var(--tree-level);
-  border-radius: var(--tree-cell-border-radius);
-  gap: var(--tree-cell-gap);
-  display: flex;
-  align-items: center;
-  width: 100%;
-  cursor: pointer;
-}
-.tree-cell-arrow {
-  width: var(--tree-cell-arrow-width);
-  text-align: center;
-}
-.tree-cell-title-gutter {
-  display: flex;
-  align-items: center;
-  gap: var(--tree-cell-title-gutter-gap);
-}
-.tree-cell:hover {
-  border-color: var(--sld-hover-border-color);
-  background-color: var(--sld-background-disabled);
-}
-.tree-cell.selected, .tree-cell[aria-selected=true], .tree-cell[data-selected=true] {
-  border-color: none;
-  background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
-  box-shadow: var(--sld-selected-shadow);
-}
-.tree-cell.selected .listItemChip,
-.tree-cell.selected .menuItemChip, .tree-cell[aria-selected=true] .listItemChip,
-.tree-cell[aria-selected=true] .menuItemChip, .tree-cell[data-selected=true] .listItemChip,
-.tree-cell[data-selected=true] .menuItemChip {
-  position: absolute;
-  min-height: 16px;
-  height: 50%;
-  width: 3px;
-  background-color: var(--sld-color-primary);
-  border-radius: var(--sld-radius-med);
-  left: 0;
-  border: 1px solid var(--sld-color-primary-alpha-mid);
-}
-
 /** window.scss ----------------*/
 :root {
   --window-border-radius: var(--sld-radius-small);
@@ -524,6 +471,59 @@ dialog.window .ctrlZone {
   display: flex;
 }
 
+/** tree.scss ----------------*/
+:root {
+  --tree-cell-border: 1px solid transparent;
+  --tree-cell-padding: var(--sld-pad-tiny);
+  --tree-cell-border-radius: var(--sld-radius-small);
+  --tree-cell-gap: var(--sld-gap-tiny);
+  --tree-cell-arrow-width: 16px;
+  --tree-cell-title-gutter-gap: var(--sld-pad-tiny);
+}
+
+.tree-cell {
+  border: var(--tree-cell-border);
+  padding: var(--tree-cell-padding);
+  padding-left: var(--tree-level);
+  border-radius: var(--tree-cell-border-radius);
+  gap: var(--tree-cell-gap);
+  display: flex;
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+}
+.tree-cell-arrow {
+  width: var(--tree-cell-arrow-width);
+  text-align: center;
+}
+.tree-cell-title-gutter {
+  display: flex;
+  align-items: center;
+  gap: var(--tree-cell-title-gutter-gap);
+}
+.tree-cell:hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+.tree-cell.selected, .tree-cell[aria-selected=true], .tree-cell[data-selected=true] {
+  border-color: none;
+  background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
+  box-shadow: var(--sld-selected-shadow);
+}
+.tree-cell.selected .listItemChip,
+.tree-cell.selected .menuItemChip, .tree-cell[aria-selected=true] .listItemChip,
+.tree-cell[aria-selected=true] .menuItemChip, .tree-cell[data-selected=true] .listItemChip,
+.tree-cell[data-selected=true] .menuItemChip {
+  position: absolute;
+  min-height: 16px;
+  height: 50%;
+  width: 3px;
+  background-color: var(--sld-color-primary);
+  border-radius: var(--sld-radius-med);
+  left: 0;
+  border: 1px solid var(--sld-color-primary-alpha-mid);
+}
+
 /** toolbar.scss ----------------*/
 :root {
   --toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
@@ -597,6 +597,33 @@ dialog.window .ctrlZone {
   overflow: hidden;
 }
 
+/** taskbar.scss ----------------*/
+:root {
+  --taskbar-grid-gap: var(--sld-gap-tiny);
+  --taskbar-background-color: rgba(255, 255, 255, 0.5);
+  --taskbar-backdrop-filter: blur(20px);
+  --taskbar-min-height: 48px;
+  --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
+  --taskbar-box-shadow: var(--sld-elevation-3);
+}
+
+.taskbar {
+  display: flex;
+  align-items: center;
+  grid-gap: var(--taskbar-grid-gap);
+  background-size: auto;
+  background-color: var(--taskbar-background-color);
+  --moz-backdrop-filter: var(--taskbar-backdrop-filter);
+  backdrop-filter: var(--taskbar-backdrop-filter);
+  min-height: var(--taskbar-min-height);
+  border-bottom: 1px solid var(--taskbar-border-bottom);
+  box-shadow: var(--taskbar-box-shadow);
+  box-sizing: border-box;
+}
+.taskbar-main {
+  flex: 1;
+}
+
 /** boot-menu.scss ----------------*/
 :root {
   --boot-menu-background-color: rgba(90, 67, 52, 0.9);
@@ -676,33 +703,6 @@ dialog.window .ctrlZone {
   padding: var(--boot-menu-bottom-bar-padding);
 }
 
-/** taskbar.scss ----------------*/
-:root {
-  --taskbar-grid-gap: var(--sld-gap-tiny);
-  --taskbar-background-color: rgba(255, 255, 255, 0.5);
-  --taskbar-backdrop-filter: blur(20px);
-  --taskbar-min-height: 48px;
-  --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
-  --taskbar-box-shadow: var(--sld-elevation-3);
-}
-
-.taskbar {
-  display: flex;
-  align-items: center;
-  grid-gap: var(--taskbar-grid-gap);
-  background-size: auto;
-  background-color: var(--taskbar-background-color);
-  --moz-backdrop-filter: var(--taskbar-backdrop-filter);
-  backdrop-filter: var(--taskbar-backdrop-filter);
-  min-height: var(--taskbar-min-height);
-  border-bottom: 1px solid var(--taskbar-border-bottom);
-  box-shadow: var(--taskbar-box-shadow);
-  box-sizing: border-box;
-}
-.taskbar-main {
-  flex: 1;
-}
-
 /** popper.scss ----------------*/
 :root {
   --popper-border-radius: var(--sld-radius-tiny);
@@ -1407,93 +1407,6 @@ li.menuItem .menu-list-item-action {
   position: relative;
 }
 
-/** tabs.scss ----------------*/
-:root {
-  --tabs-nav-border-color: var(--sld-color-primary-alpha-high);
-  --tabs-content-background-color: var(--sld-color-background);
-  --tabs-content-secondary-padding: var(--box-density-preset-small);
-  --tabs-content-secondary-gap: var(--sld-gap-small);
-  --tabs-content-secondary-icon-border-right: var(--sld-color-border);
-  --tabs-content-secondary-icon-border-radius: var(--sld-radius-tiny);
-  --tabs-content-secondary-icon-box-shadow: var(--sld-elevation-3);
-  --tabs-content-secondary-icon-padding: var(--sld-padding-small);
-  --tabs-floating-cell-slot-border-radius: var(--sld-radius-small);
-  --tabs-floating-cell-slot-background-color: var(--sld-color-primary);
-}
-
-.tab {
-  position: relative;
-  display: flex;
-}
-.tab[aria-orientation=horizontal] ul {
-  flex-direction: column;
-}
-.tab[aria-orientation=vertical] {
-  flex-direction: column;
-}
-.tab-nav {
-  padding: 0.25rem 0;
-  gap: var(--sld-gap-med);
-  border-bottom: 1px solid var(--tabs-nav-border-color);
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-.tab-nav[aria-orientation=horizontal] {
-  flex-direction: column;
-}
-.tab-nav-rail {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-}
-.tab-nav-rail > button {
-  padding: var(--box-density-preset-small);
-  min-width: 48px;
-  cursor: pointer;
-  background: none;
-  border: none;
-}
-.tab-nav-rail > button.active, .tab-nav-rail > button[aria-selected=true] {
-  font-weight: bold;
-}
-.tab-content {
-  flex: 1;
-  background-color: var(--tabs-content-background-color);
-  position: relative;
-  width: 100%;
-}
-.tab-content-secondary {
-  display: flex;
-  padding: var(--tabs-content-secondary-padding) unset;
-  gap: var(--tabs-content-secondary-gap);
-}
-.tab-content-secondary-icon {
-  border-right: 1px solid var(--tabs-content-secondary-icon-border-right);
-  border-radius: var(--tabs-content-secondary-icon-border-radius);
-  box-shadow: var(--tabs-content-secondary-icon-box-shadow);
-  padding: var(--tabs-content-secondary-icon-padding);
-}
-.tab-floating-cell {
-  top: auto;
-  position: relative;
-  min-height: 4px;
-  height: 4px;
-  transition: all 0.15;
-}
-.tab-floating-cell-snip {
-  border-radius: var(--tabs-floating-cell-slot-border-radius);
-  min-height: 4px;
-  background-color: var(--tabs-floating-cell-slot-background-color);
-  width: 100%;
-  position: absolute;
-  transition: all 0.25s ease-in;
-  z-index: 200;
-}
-
 /** stylesheet.scss ----------------*/
 :root {
   --container-item: container-item;
@@ -2549,6 +2462,93 @@ body[data-theme=dark],
   --hide-selector: hide;
 }
 
+/** tabs.scss ----------------*/
+:root {
+  --tabs-nav-border-color: var(--sld-color-primary-alpha-high);
+  --tabs-content-background-color: var(--sld-color-background);
+  --tabs-content-secondary-padding: var(--box-density-preset-small);
+  --tabs-content-secondary-gap: var(--sld-gap-small);
+  --tabs-content-secondary-icon-border-right: var(--sld-color-border);
+  --tabs-content-secondary-icon-border-radius: var(--sld-radius-tiny);
+  --tabs-content-secondary-icon-box-shadow: var(--sld-elevation-3);
+  --tabs-content-secondary-icon-padding: var(--sld-padding-small);
+  --tabs-floating-cell-slot-border-radius: var(--sld-radius-small);
+  --tabs-floating-cell-slot-background-color: var(--sld-color-primary);
+}
+
+.tab {
+  position: relative;
+  display: flex;
+}
+.tab[aria-orientation=horizontal] ul {
+  flex-direction: column;
+}
+.tab[aria-orientation=vertical] {
+  flex-direction: column;
+}
+.tab-nav {
+  padding: 0.25rem 0;
+  gap: var(--sld-gap-med);
+  border-bottom: 1px solid var(--tabs-nav-border-color);
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.tab-nav[aria-orientation=horizontal] {
+  flex-direction: column;
+}
+.tab-nav-rail {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+}
+.tab-nav-rail > button {
+  padding: var(--box-density-preset-small);
+  min-width: 48px;
+  cursor: pointer;
+  background: none;
+  border: none;
+}
+.tab-nav-rail > button.active, .tab-nav-rail > button[aria-selected=true] {
+  font-weight: bold;
+}
+.tab-content {
+  flex: 1;
+  background-color: var(--tabs-content-background-color);
+  position: relative;
+  width: 100%;
+}
+.tab-content-secondary {
+  display: flex;
+  padding: var(--tabs-content-secondary-padding) unset;
+  gap: var(--tabs-content-secondary-gap);
+}
+.tab-content-secondary-icon {
+  border-right: 1px solid var(--tabs-content-secondary-icon-border-right);
+  border-radius: var(--tabs-content-secondary-icon-border-radius);
+  box-shadow: var(--tabs-content-secondary-icon-box-shadow);
+  padding: var(--tabs-content-secondary-icon-padding);
+}
+.tab-floating-cell {
+  top: auto;
+  position: relative;
+  min-height: 4px;
+  height: 4px;
+  transition: all 0.15;
+}
+.tab-floating-cell-snip {
+  border-radius: var(--tabs-floating-cell-slot-border-radius);
+  min-height: 4px;
+  background-color: var(--tabs-floating-cell-slot-background-color);
+  width: 100%;
+  position: absolute;
+  transition: all 0.25s ease-in;
+  z-index: 200;
+}
+
 /** drawer.scss ----------------*/
 :root {
   --drawer-color: inherit;

package/dist/ui/chromeFrame/chromeFrame.store.d.ts

@@ -0,0 +1,28 @@
+import type { ChromeFrameArgs, IChromeOptionsFrameArgs } from './types.js';
+export type WindowStoreListType = Map<string | number, ChromeFrameArgs>;
+/** used as a reference */
+export declare const windowListObjects: Map<string | number, ChromeFrameArgs<Record<string, any>>>;
+/** active frameId */
+export declare const activeFrame: import("svelte/store").Writable<string | number>;
+/** host the generic configuration */
+export declare const chromeFrameConfigStore: import("svelte/store").Writable<IChromeOptionsFrameArgs>;
+/** host the chromeFrame list */
+export declare const chromeFrameListStore: import("svelte/store").Writable<WindowStoreListType>;
+export declare const chromeFrameStore: {
+    subscribe: {
+        (this: void, run: import("svelte/store").Subscriber<WindowStoreListType>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+        (this: void, run: import("svelte/store").Subscriber<WindowStoreListType>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+    };
+    activeFrame: import("svelte/store").Writable<string | number>;
+    defaultConfigStore: import("svelte/store").Writable<IChromeOptionsFrameArgs>;
+    create: (payload: ChromeFrameArgs) => void;
+    open: (payload: ChromeFrameArgs) => void;
+    close: (frameId: string | number) => void;
+    minimize: (frameId: string | number) => void;
+    toggle: (frameId: string | number) => void;
+    remove: (frameId: string | number) => void;
+    updatePos: (frameId: string | number, position: ChromeFrameArgs["position"]) => void;
+    makeOnTop: (frameId: string | number) => void;
+    reset: () => void;
+};
+export declare const chromeFrameListRef: Record<string, any>;

package/dist/ui/chromeFrame/chromeFrame.utils.d.ts

@@ -1,6 +1,9 @@
 import type { ChromeFrameArgs } from './types.js';
 export declare function getChromeFrame(frameId: string | number): {
-    subscribe: (this: void, run: (value: ChromeFrameArgs<Record<string, any>> | undefined) => void, invalidate?: () => void) => () => void;
+    subscribe: {
+        (this: void, run: import("svelte/store").Subscriber<ChromeFrameArgs<Record<string, any>> | undefined>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+        (this: void, run: import("svelte/store").Subscriber<ChromeFrameArgs<Record<string, any>> | undefined>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+    };
     updatePos: (position: ChromeFrameArgs["position"]) => void;
     remove: () => void;
     makeOnTop: () => void;

package/dist/ui/login/store.d.ts

@@ -0,0 +1,5 @@
+type UserStoreType = {
+    logged: boolean;
+};
+export declare const userStore: import("svelte/store").Writable<UserStoreType>;
+export {};

package/dist/ui/window/store.d.ts

@@ -5,8 +5,14 @@ export interface Wstore {
     activatedFrame?: string;
 }
 export declare const wStore: {
-    subscribe: (this: void, run: (value: Wstore) => void, invalidate?: () => void) => () => void;
-    set: (this: void, value: Wstore) => void;
+    subscribe: {
+        (this: void, run: import("svelte/store").Subscriber<Wstore>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+        (this: void, run: import("svelte/store").Subscriber<Wstore>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
+    };
+    set: {
+        (this: void, value: Wstore): void;
+        (this: void, value: Wstore): void;
+    };
     get: typeof get;
     create: (payload: any) => void;
     open: (payload: any) => void;

package/dist/utils/engine/wactions.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const startMenuStore: import("svelte/store").Writable<boolean>;
+declare function toggleStartMenu(event: PointerEvent): void;
+export { toggleStartMenu };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@medyll/idae-slotui-svelte",
-	"version": "0.37.0",
+	"version": "0.39.0",
 	"scope": "@medyll",
 	"scripts": {
 		"dev": "vite dev",
@@ -87,8 +87,8 @@
 	"dependencies": {
 		"@iconify/svelte": "^4.0.2",
 		"@medyll/cssfabric": "^0.4.2",
-		"@medyll/idae-be": "^0.37.0",
-		"@medyll/idae-engine": "^1.35.0",
+		"@medyll/idae-be": "^0.39.0",
+		"@medyll/idae-engine": "^1.37.0",
 		"d3": "^7.9.0",
 		"lerna": "^8.1.8",
 		"npm-check-updates": "^17.0.2",