@medyll/idae-slotui-svelte 0.3.0 → 0.4.0

package/dist/navigation/drawer/Drawer.svelte.d.ts

@@ -1,59 +1,60 @@
-import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<T> {
     props(): {
-        'anchor-for'?: string;
-        element?: HTMLElement;
-        class?: string;
-        style?: string;
-        container?: `inline` | `size` | `normal`;
-        hideMaxWidth?: string;
-        hideMaxHeight?: string;
-        hideMinWidth?: string;
-        hideMinHeight?: string;
-        children?: import("svelte").Snippet<[any]>;
-        primary?: string;
-        secondary?: string;
-        icon?: string;
-        isOpen?: boolean;
-        hideCloseIcon?: boolean;
-        flow?: import("../../types/index.js").ElementProps["flow"];
-        stickTo?: import("../../types/index.js").ElementProps["position"];
-        showOpenerIcon?: boolean;
-        defaultWidth?: string;
-        defaultVisibleArea?: string;
-        dense?: import("../../types/index.js").ElementProps["dense"];
-        tall?: import("../../types/index.js").ElementProps["dense"];
-        defaultHeight?: string;
-        drawerContent?: import("svelte").Snippet;
-        drawerIcon?: import("svelte").Snippet;
-        drawerTitle?: import("svelte").Snippet;
-        drawerPrimary?: import("svelte").Snippet;
-        drawerSecondary?: import("svelte").Snippet;
-        drawerTop?: import("svelte").Snippet;
-        drawerFooter?: import("svelte").Snippet;
+        'anchor-for'?: string | undefined;
+        element?: HTMLElement | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
+        container?: (`inline` | `size` | `normal`) | undefined;
+        hideMaxWidth?: string | undefined;
+        hideMaxHeight?: string | undefined;
+        hideMinWidth?: string | undefined;
+        hideMinHeight?: string | undefined;
+        children?: import("svelte").Snippet<[any]> | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        icon?: string | undefined;
+        isOpen?: boolean | undefined;
+        hideCloseIcon?: boolean | undefined;
+        flow?: import("../../types/index.js").ElementProps["flow"] | undefined;
+        stickTo?: import("../../types/index.js").ElementProps["position"] | undefined;
+        showOpenerIcon?: boolean | undefined;
+        defaultWidth?: string | undefined;
+        defaultVisibleArea?: string | undefined;
+        dense?: import("../../types/index.js").ElementProps["dense"] | undefined;
+        tall?: import("../../types/index.js").ElementProps["dense"] | undefined;
+        defaultHeight?: string | undefined;
+        drawerContent?: import("svelte").Snippet | undefined;
+        drawerIcon?: import("svelte").Snippet | undefined;
+        drawerTitle?: import("svelte").Snippet | undefined;
+        drawerPrimary?: import("svelte").Snippet | undefined;
+        drawerSecondary?: import("svelte").Snippet | undefined;
+        drawerTop?: import("svelte").Snippet | undefined;
+        drawerFooter?: import("svelte").Snippet | undefined;
         actions?: {
             toggle: (visibleSate?: boolean) => void;
-        };
-    } & {
-        /** @deprecated use actions.toggle */ actions?: {
-            toggle: (visibleSate?: boolean) => void;
         } | undefined;
-        toggle?: ((visibleSate?: boolean) => void) | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
-}
-export type DrawerProps_<T> = ReturnType<__sveltets_Render<T>['props']>;
-export type DrawerEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
-export type DrawerSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class Drawer<T> extends SvelteComponent<DrawerProps_<T>, DrawerEvents<T>, DrawerSlots<T>> {
-    get actions(): {
-        toggle: (visibleSate?: boolean) => void;
-    } & {
+    bindings(): "flow" | "isOpen" | "element" | "hideCloseIcon" | "stickTo";
+    exports(): {
+        /** @deprecated use actions.toggle */ actions: {
+            toggle: (visibleSate?: boolean) => void;
+        };
         toggle: (visibleSate?: boolean) => void;
     };
-    get toggle(): (visibleSate?: boolean) => void;
 }
-export {};
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Drawer: $$IsomorphicComponent;
+type Drawer<T> = InstanceType<typeof Drawer<T>>;
+export default Drawer;

package/dist/navigation/tabs/Tabs.demo.svelte.d.ts

@@ -1,14 +1,19 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import Tabs from './Tabs.svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type TabsProps = typeof __propDef.props;
-export type TabsEvents = typeof __propDef.events;
-export type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponent<TabsProps, TabsEvents, TabsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Tabs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Tabs = InstanceType<typeof Tabs>;
+export default Tabs;

package/dist/navigation/tabs/Tabs.preview.svelte.d.ts

@@ -1,14 +1,19 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import Tabs from './Tabs.svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type TabsProps = typeof __propDef.props;
-export type TabsEvents = typeof __propDef.events;
-export type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponent<TabsProps, TabsEvents, TabsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Tabs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Tabs = InstanceType<typeof Tabs>;
+export default Tabs;

package/dist/navigation/tabs/Tabs.svelte.d.ts

@@ -1,45 +1,52 @@
-import { SvelteComponent } from "svelte";
 import type { TabItem } from './types.js';
 import type { Data } from '../../types/index.js';
 declare class __sveltets_Render<T = Data> {
     props(): {
-        'anchor-for'?: string;
-        element?: HTMLElement;
-        class?: string;
-        style?: string;
-        container?: `inline` | `size` | `normal`;
-        hideMaxWidth?: string;
-        hideMaxHeight?: string;
-        hideMinWidth?: string;
-        hideMinHeight?: string;
+        'anchor-for'?: string | undefined;
+        element?: HTMLElement | undefined;
+        class?: string | undefined;
+        style?: string | undefined;
+        container?: (`inline` | `size` | `normal`) | undefined;
+        hideMaxWidth?: string | undefined;
+        hideMaxHeight?: string | undefined;
+        hideMinWidth?: string | undefined;
+        hideMinHeight?: string | undefined;
         children?: (import("svelte").Snippet<[any]> & import("svelte").Snippet<[{
             item: any;
             activeTabCode: string;
         }]>) | undefined;
-        activeTabCode?: string;
-        items?: import("./types.js").TabsItemsProps;
-        orientation?: "horizontal" | "vertical";
-        onTabClick?: (item: TabItem) => void;
-        tabsTitleMain?: import("svelte").Snippet;
+        activeTabCode?: string | undefined;
+        items?: import("./types.js").TabsItemsProps | undefined;
+        orientation?: ("horizontal" | "vertical") | undefined;
+        onTabClick?: ((item: TabItem) => void) | undefined;
+        tabsTitleMain?: import("svelte").Snippet | undefined;
         tabsLabel?: import("svelte").Snippet<[{
             item: any;
             activeTabCode: string;
-        }]>;
-        tabsTitle?: import("svelte").Snippet;
-        tabsButtonZone?: import("svelte").Snippet;
+        }]> | undefined;
+        tabsTitle?: import("svelte").Snippet | undefined;
+        tabsButtonZone?: import("svelte").Snippet | undefined;
         tabsInner?: import("svelte").Snippet<[{
             item: any;
             activeTabCode: string;
-        }]>;
+        }]> | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): "element" | "activeTabCode";
+    exports(): {};
 }
-export type TabsProps_<T = Data> = ReturnType<__sveltets_Render<T>['props']>;
-export type TabsEvents<T = Data> = ReturnType<__sveltets_Render<T>['events']>;
-export type TabsSlots<T = Data> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class Tabs<T = Data> extends SvelteComponent<TabsProps_<T>, TabsEvents<T>, TabsSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T = Data>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T = Data>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const Tabs: $$IsomorphicComponent;
+type Tabs<T = Data> = InstanceType<typeof Tabs<T>>;
+export default Tabs;

package/dist/slotui-css/alert.css

@@ -0,0 +1,96 @@
+:root {
+  --alert-radius: var(--sld-radius-small);
+  --alert-color-border: var(--sld-color-border);
+  --alert-color-background: var(--sld-color-background);
+  --alert-elevation: var(--sld-elevation-4);
+  --alert-pad: var(--sld-pad-small);
+  --alert-gap: var(--sld-gap-small);
+}
+
+dialog.alert {
+  position: relative;
+  min-width: 350px;
+  display: inline-block;
+  border-radius: var(--alert-radius);
+  border: 1px solid var(--alert-color-border);
+  background-color: var(--alert-color-background);
+  box-shadow: var(--alert-elevation);
+  overflow: hidden;
+  padding: 0;
+}
+dialog.alert[open=true] {
+  display: none;
+}
+dialog.alert article.dialog-content {
+  padding: var(--alert-pad);
+  border-bottom: 4px solid var(--alert-color-border);
+}
+dialog.alert article.dialog-content header.header-bar {
+  display: flex;
+  align-items: center;
+  padding: var(--alert-pad-small);
+  gap: var(--alert-gap-small, 1rem);
+}
+dialog.alert article.dialog-content header.header-bar .dot {
+  display: inline-block;
+  border: 1px solid var(--alert-color-border);
+  border-radius: var(--alert-radius);
+  height: 16px;
+  width: 4px;
+  transform: translate(-50%, 0);
+}
+dialog.alert article.dialog-content header.header-bar .title {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+dialog.alert article.dialog-content header.header-bar [data-close] {
+  border-radius: var(--alert-radius);
+  margin: 0.25rem;
+  padding: 0.25rem;
+}
+dialog.alert article.dialog-content footer.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: var(--alert-pad);
+  border-top: 1px solid var(--alert-color-border);
+}
+dialog.alert article.dialog-content footer.dialog-footer button {
+  margin-left: 1rem;
+}
+
+.bg-themed-scheme-discrete {
+  color: black;
+  text-shadow: 0 0 0.125rem #b3b3b3;
+  background-color: #ccc;
+}
+
+.bg-themed-scheme-success {
+  color: white;
+  text-shadow: 0 0 0.125rem #004d00;
+  background-color: green;
+}
+
+.bg-themed-scheme-info {
+  color: black;
+  text-shadow: 0 0 0.125rem #ffd324;
+  background-color: #ffdd57;
+}
+
+.bg-themed-scheme-warning {
+  color: black;
+  text-shadow: 0 0 0.125rem #b49104;
+  background-color: #e6b905;
+}
+
+.bg-themed-scheme-alert {
+  color: black;
+  text-shadow: 0 0 0.125rem #cc5c00;
+  background-color: #ff7300;
+}
+
+.bg-themed-scheme-error {
+  color: white;
+  text-shadow: 0 0 0.125rem #cc0000;
+  background-color: red;
+}

package/dist/slotui-css/alert.min.css

@@ -0,0 +1 @@
+:root{--alert-radius: var(--sld-radius-small);--alert-color-border: var(--sld-color-border);--alert-color-background: var(--sld-color-background);--alert-elevation: var(--sld-elevation-4);--alert-pad: var(--sld-pad-small);--alert-gap: var(--sld-gap-small)}dialog.alert{position:relative;min-width:350px;display:inline-block;border-radius:var(--alert-radius);border:1px solid var(--alert-color-border);background-color:var(--alert-color-background);box-shadow:var(--alert-elevation);overflow:hidden;padding:0}dialog.alert[open=true]{display:none}dialog.alert article.dialog-content{padding:var(--alert-pad);border-bottom:4px solid var(--alert-color-border)}dialog.alert article.dialog-content header.header-bar{display:flex;align-items:center;padding:var(--alert-pad-small);gap:var(--alert-gap-small, 1rem)}dialog.alert article.dialog-content header.header-bar .dot{display:inline-block;border:1px solid var(--alert-color-border);border-radius:var(--alert-radius);height:16px;width:4px;transform:translate(-50%, 0)}dialog.alert article.dialog-content header.header-bar .title{flex:1;display:flex;align-items:center}dialog.alert article.dialog-content header.header-bar [data-close]{border-radius:var(--alert-radius);margin:.25rem;padding:.25rem}dialog.alert article.dialog-content footer.dialog-footer{display:flex;justify-content:flex-end;padding:var(--alert-pad);border-top:1px solid var(--alert-color-border)}dialog.alert article.dialog-content footer.dialog-footer button{margin-left:1rem}.bg-themed-scheme-discrete{color:#000;text-shadow:0 0 .125rem #b3b3b3;background-color:#ccc}.bg-themed-scheme-success{color:#fff;text-shadow:0 0 .125rem #004d00;background-color:green}.bg-themed-scheme-info{color:#000;text-shadow:0 0 .125rem #ffd324;background-color:#ffdd57}.bg-themed-scheme-warning{color:#000;text-shadow:0 0 .125rem #b49104;background-color:#e6b905}.bg-themed-scheme-alert{color:#000;text-shadow:0 0 .125rem #cc5c00;background-color:#ff7300}.bg-themed-scheme-error{color:#fff;text-shadow:0 0 .125rem #c00;background-color:red}

package/dist/slotui-css/auto-complete.css

@@ -0,0 +1,12 @@
+:root {
+  --auto-complete-pad: var(--sld-pad-medium);
+  --auto-complete-gap: var(--sld-gap-small);
+}
+
+.auto-complete-no-results, .auto-complete-boot {
+  padding: var(--auto-complete-pad);
+  gap: var(--auto-complete-gap);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}

package/dist/slotui-css/auto-complete.min.css

@@ -0,0 +1 @@
+:root{--auto-complete-pad: var(--sld-pad-medium);--auto-complete-gap: var(--sld-gap-small)}.auto-complete-no-results,.auto-complete-boot{padding:var(--auto-complete-pad);gap:var(--auto-complete-gap);display:flex;flex-direction:row;align-items:center}

package/dist/slotui-css/avatar.css

@@ -0,0 +1,13 @@
+:root {
+  --avatar-radius: var(--css-radius-small);
+  --avatar-border-color: var(--sld-color-border);
+}
+
+.avatar {
+  position: relative;
+  border-radius: var(--avatar-radius);
+  border: 1px solid var(--avatar-border-color);
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+}

package/dist/slotui-css/avatar.min.css

@@ -0,0 +1 @@
+:root{--avatar-radius: var(--css-radius-small);--avatar-border-color: var(--sld-color-border)}.avatar{position:relative;border-radius:var(--avatar-radius);border:1px solid var(--avatar-border-color);display:grid;place-items:center;overflow:hidden}

package/dist/slotui-css/backdrop.css

@@ -0,0 +1,32 @@
+:root {
+  --backdrop-background-color: var(--sld-color-foreground-alpha-high);
+}
+
+.backdrop {
+  z-index: 10000;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+}
+.backdrop-content {
+  z-index: 10001;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-color: var(--backdrop-background-color);
+  backdrop-filter: blur(5px);
+  --moz-backdrop-filter: blur(5px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.backdrop-content-loader {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+.backdrop-content-inner {
+  display: inherit;
+}

package/dist/slotui-css/backdrop.min.css

@@ -0,0 +1 @@
+:root{--backdrop-background-color: var(--sld-color-foreground-alpha-high)}.backdrop{z-index:10000;height:100%;width:100%;top:0;left:0}.backdrop-content{z-index:10001;position:absolute;height:100%;width:100%;background-color:var(--backdrop-background-color);backdrop-filter:blur(5px);--moz-backdrop-filter: blur(5px);display:flex;align-items:center;justify-content:center}.backdrop-content-loader{display:flex;justify-content:center;align-content:center;align-items:center}.backdrop-content-inner{display:inherit}

package/dist/slotui-css/badge.css

@@ -0,0 +1,16 @@
+:root {
+  --badge-color-border: var(--sld-color-border);
+}
+
+.badge {
+  position: absolute;
+  border-radius: 50%;
+  border: 1px solid var(--badge-color-border);
+  display: grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+}
+.badge .hidden {
+  transform: scale(0, 0);
+}

package/dist/slotui-css/badge.min.css

@@ -0,0 +1 @@
+:root{--badge-color-border: var(--sld-color-border)}.badge{position:absolute;border-radius:50%;border:1px solid var(--badge-color-border);display:grid;place-items:center;width:16px;height:16px}.badge .hidden{transform:scale(0, 0)}

package/dist/slotui-css/boot-menu.css

@@ -0,0 +1,77 @@
+:root {
+  --boot-menu-background-color: rgba(90, 67, 52, 0.9);
+  --boot-menu-backdrop-filter: blur(10px);
+  --boot-menu-color: white;
+  --boot-menu-max-height: 600px;
+  --boot-menu-height: 80%;
+  --boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
+  --boot-menu-z-index: 3000;
+  --boot-menu-margin-top: 1rem;
+  --boot-menu-button-pole-border-radius: var(--sld-radius-small);
+  --boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);
+  --boot-menu-button-pole-padding: var(--sld-pad-tiny);
+  --boot-menu-grid-icon-gap: 10px;
+  --boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));
+  --boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));
+  --boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));
+  --boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));
+  --boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
+  --boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium);
+}
+
+.boot-menu {
+  background-color: var(--boot-menu-background-color);
+  backdrop-filter: var(--boot-menu-backdrop-filter);
+  color: var(--boot-menu-color);
+  display: flex;
+  flex-direction: column;
+  max-height: var(--boot-menu-max-height);
+  height: var(--boot-menu-height);
+  left: 50%;
+  transform: translate(-50%, 0);
+  box-shadow: var(--boot-menu-box-shadow);
+  overflow: hidden;
+  z-index: var(--boot-menu-z-index);
+  position: absolute;
+  margin-top: var(--boot-menu-margin-top);
+}
+.boot-menu .boot-menuContent {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.boot-menu .buttonPole {
+  border-radius: var(--boot-menu-button-pole-border-radius);
+  border: var(--boot-menu-button-pole-border);
+  padding: var(--boot-menu-button-pole-padding);
+}
+.boot-menu .gridIcon {
+  width: 100%;
+  display: grid;
+  grid-gap: var(--boot-menu-grid-icon-gap);
+  grid-template-columns: var(--boot-menu-grid-icon-template-columns);
+}
+.boot-menu .gridIconBis {
+  width: 100%;
+  display: grid;
+  grid-gap: var(--boot-menu-grid-icon-gap);
+  grid-template-columns: var(--boot-menu-grid-icon-bis-template-columns);
+}
+.boot-menu .gridIconMid {
+  width: 100%;
+  display: grid;
+  grid-gap: var(--boot-menu-grid-icon-gap);
+  grid-template-columns: var(--boot-menu-grid-icon-mid-template-columns);
+}
+.boot-menu .gridOne {
+  width: 100%;
+  display: grid;
+  grid-gap: var(--boot-menu-grid-icon-gap);
+  grid-template-columns: var(--boot-menu-grid-one-template-columns);
+}
+.boot-menu .bottomBar {
+  box-shadow: var(--boot-menu-bottom-bar-box-shadow);
+  display: flex;
+  align-items: end;
+  padding: var(--boot-menu-bottom-bar-padding);
+}

package/dist/slotui-css/boot-menu.min.css

@@ -0,0 +1 @@
+:root{--boot-menu-background-color: rgba(90, 67, 52, 0.9);--boot-menu-backdrop-filter: blur(10px);--boot-menu-color: white;--boot-menu-max-height: 600px;--boot-menu-height: 80%;--boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);--boot-menu-z-index: 3000;--boot-menu-margin-top: 1rem;--boot-menu-button-pole-border-radius: var(--sld-radius-small);--boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);--boot-menu-button-pole-padding: var(--sld-pad-tiny);--boot-menu-grid-icon-gap: 10px;--boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));--boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));--boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));--boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));--boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);--boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium)}.boot-menu{background-color:var(--boot-menu-background-color);backdrop-filter:var(--boot-menu-backdrop-filter);color:var(--boot-menu-color);display:flex;flex-direction:column;max-height:var(--boot-menu-max-height);height:var(--boot-menu-height);left:50%;transform:translate(-50%, 0);box-shadow:var(--boot-menu-box-shadow);overflow:hidden;z-index:var(--boot-menu-z-index);position:absolute;margin-top:var(--boot-menu-margin-top)}.boot-menu .boot-menuContent{flex:1;overflow-y:auto;overflow-x:hidden}.boot-menu .buttonPole{border-radius:var(--boot-menu-button-pole-border-radius);border:var(--boot-menu-button-pole-border);padding:var(--boot-menu-button-pole-padding)}.boot-menu .gridIcon{width:100%;display:grid;grid-gap:var(--boot-menu-grid-icon-gap);grid-template-columns:var(--boot-menu-grid-icon-template-columns)}.boot-menu .gridIconBis{width:100%;display:grid;grid-gap:var(--boot-menu-grid-icon-gap);grid-template-columns:var(--boot-menu-grid-icon-bis-template-columns)}.boot-menu .gridIconMid{width:100%;display:grid;grid-gap:var(--boot-menu-grid-icon-gap);grid-template-columns:var(--boot-menu-grid-icon-mid-template-columns)}.boot-menu .gridOne{width:100%;display:grid;grid-gap:var(--boot-menu-grid-icon-gap);grid-template-columns:var(--boot-menu-grid-one-template-columns)}.boot-menu .bottomBar{box-shadow:var(--boot-menu-bottom-bar-box-shadow);display:flex;align-items:end;padding:var(--boot-menu-bottom-bar-padding)}

package/dist/slotui-css/box.css

@@ -0,0 +1,29 @@
+:root {
+  --box-color-background: var(--sld-color-background);
+  --box-border-bottom: var(--sld-color-primary);
+  --box-radius: var(--sld-radius-small);
+  --box-elevation: var(--sld-elevation-3);
+  --box-gap: var(--sld-gap-tiny);
+  --box-pad: var(--sld-pad-small);
+}
+
+.box {
+  min-height: 160px;
+  min-width: 320px;
+  background-color: var(--box-color-background);
+  border-bottom: 1px solid var(--box-border-bottom);
+  border-radius: var(--box-radius);
+  box-shadow: var(--box-elevation);
+  display: flex;
+  flex-direction: column;
+}
+.box-content {
+  flex: 1;
+}
+.box-button-zone {
+  display: flex;
+  gap: var(--box-gap);
+  padding: var(--box-pad);
+  text-align: right;
+  justify-content: end;
+}

package/dist/slotui-css/box.min.css

@@ -0,0 +1 @@
+:root{--box-color-background: var(--sld-color-background);--box-border-bottom: var(--sld-color-primary);--box-radius: var(--sld-radius-small);--box-elevation: var(--sld-elevation-3);--box-gap: var(--sld-gap-tiny);--box-pad: var(--sld-pad-small)}.box{min-height:160px;min-width:320px;background-color:var(--box-color-background);border-bottom:1px solid var(--box-border-bottom);border-radius:var(--box-radius);box-shadow:var(--box-elevation);display:flex;flex-direction:column}.box-content{flex:1}.box-button-zone{display:flex;gap:var(--box-gap);padding:var(--box-pad);text-align:right;justify-content:end}

package/dist/slotui-css/breadcrumb.css

@@ -0,0 +1,3 @@
+.breadCrumb ul {
+  display: flex;
+}

package/dist/slotui-css/breadcrumb.min.css

@@ -0,0 +1 @@
+.breadCrumb ul{display:flex}

package/dist/slotui-css/button-action.css

@@ -0,0 +1,7 @@
+.button-action {
+  display: inline-flex;
+  position: relative;
+}
+.button-action .chevron {
+  flex-shrink: 1;
+}

package/dist/slotui-css/button-action.min.css

@@ -0,0 +1 @@
+.button-action{display:inline-flex;position:relative}.button-action .chevron{flex-shrink:1}

package/dist/slotui-css/button-menu.css

@@ -0,0 +1,31 @@
+.buttonActionRoot {
+  display: inline-block;
+  position: relative;
+  width: 64px;
+}
+
+.buttonText {
+  text-align: center;
+}
+
+.button {
+  display: block;
+  width: 64px;
+}
+.button:hover {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.action {
+  position: absolute;
+  display: block;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(255, 255, 255, 0.1);
+  width: 30%;
+  padding: 0.5rem;
+}
+.action:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}

package/dist/slotui-css/button-menu.min.css

@@ -0,0 +1 @@
+.buttonActionRoot{display:inline-block;position:relative;width:64px}.buttonText{text-align:center}.button{display:block;width:64px}.button:hover{background-color:rgba(255,255,255,.3)}.action{position:absolute;display:block;top:0;bottom:0;right:0;background-color:rgba(255,255,255,.1);width:30%;padding:.5rem}.action:hover{background-color:rgba(255,255,255,.5)}