@medyll/idae-slotui-svelte 0.37.0 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/controls/confirm/Confirm.svelte.d.ts +1 -1
- package/dist/controls/confirm/types.d.ts +1 -1
- package/dist/index.d.ts +10 -10
- package/dist/index.js +10 -10
- package/dist/slotui-css/slotui-combined.css +167 -167
- package/dist/ui/chromeFrame/chromeFrame.store.d.ts +28 -0
- package/dist/ui/chromeFrame/chromeFrame.utils.d.ts +4 -1
- package/dist/ui/login/store.d.ts +5 -0
- package/dist/ui/window/store.d.ts +8 -2
- package/dist/utils/engine/wactions.utils.d.ts +3 -0
- package/package.json +3 -3
|
@@ -4,7 +4,7 @@ declare class __sveltets_Render<T = any> {
|
|
|
4
4
|
initialRef?: HTMLElement | null;
|
|
5
5
|
contentRef?: HTMLElement | null;
|
|
6
6
|
tooltipInitial?: string | null;
|
|
7
|
-
primaryInitial
|
|
7
|
+
primaryInitial?: string;
|
|
8
8
|
primaryConfirm: string;
|
|
9
9
|
iconInitial?: string;
|
|
10
10
|
iconColorInitial?: string;
|
|
@@ -12,7 +12,7 @@ export type ConfirmProps<T = any> = CommonProps & {
|
|
|
12
12
|
/** @deprecated text displayed on initial button */
|
|
13
13
|
tooltipInitial?: string | null;
|
|
14
14
|
/** @deprecated text displayed on initial button */
|
|
15
|
-
primaryInitial
|
|
15
|
+
primaryInitial?: string;
|
|
16
16
|
/** @deprecated text displayed on the confirm phase */
|
|
17
17
|
primaryConfirm: string;
|
|
18
18
|
/** @deprecated icon displayed on the initial button */
|
package/dist/index.d.ts
CHANGED
|
@@ -107,15 +107,15 @@ export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
|
107
107
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
108
108
|
export * as alertCss from './slotui-css/alert.css';
|
|
109
109
|
export * from './csss/csss.js';
|
|
110
|
+
export * from './utils/stylesheet/utils.js';
|
|
111
|
+
export * from './utils/stylesheet/types.js';
|
|
112
|
+
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
110
113
|
export * from './utils/uses/toggler.js';
|
|
111
114
|
export * from './utils/uses/positioner.js';
|
|
112
115
|
export * from './utils/uses/navigation.js';
|
|
113
116
|
export * from './utils/uses/makeOnTop.js';
|
|
114
117
|
export * from './utils/uses/event.js';
|
|
115
118
|
export * from './utils/uses/draggabler.js';
|
|
116
|
-
export * from './utils/stylesheet/utils.js';
|
|
117
|
-
export * from './utils/stylesheet/types.js';
|
|
118
|
-
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
119
119
|
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
120
120
|
export * from './utils/looper/types.js';
|
|
121
121
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
|
@@ -128,9 +128,9 @@ export * from './utils/engine/engine.js';
|
|
|
128
128
|
export * from './utils/engine/elem.js';
|
|
129
129
|
export * from './utils/effects/transitions.js';
|
|
130
130
|
export { default as Css } from './utils/css/Css.svelte';
|
|
131
|
+
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
131
132
|
export * from './utils/content/types.js';
|
|
132
133
|
export { default as Content } from './utils/content/Content.svelte';
|
|
133
|
-
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
134
134
|
export * from './ui/window/types.js';
|
|
135
135
|
export * from './ui/window/store.js';
|
|
136
136
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -154,6 +154,10 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
|
|
|
154
154
|
export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
|
|
155
155
|
export * from './ui/preview/types.js';
|
|
156
156
|
export { default as Preview } from './ui/preview/Preview.svelte';
|
|
157
|
+
export * from './ui/popper/usePopper.js';
|
|
158
|
+
export * from './ui/popper/types.js';
|
|
159
|
+
export * from './ui/popper/actions.js';
|
|
160
|
+
export { default as Popper } from './ui/popper/Popper.svelte';
|
|
157
161
|
export * from './ui/panel/types.js';
|
|
158
162
|
export { default as Paneler } from './ui/panel/Paneler.svelte';
|
|
159
163
|
export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
|
|
@@ -163,10 +167,6 @@ export * from './ui/menuList/types.js';
|
|
|
163
167
|
export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
|
|
164
168
|
export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
|
|
165
169
|
export { default as MenuList } from './ui/menuList/MenuList.svelte';
|
|
166
|
-
export * from './ui/popper/usePopper.js';
|
|
167
|
-
export * from './ui/popper/types.js';
|
|
168
|
-
export * from './ui/popper/actions.js';
|
|
169
|
-
export { default as Popper } from './ui/popper/Popper.svelte';
|
|
170
170
|
export * from './ui/menu/types.js';
|
|
171
171
|
export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
|
|
172
172
|
export { default as MenuItem } from './ui/menu/MenuItem.svelte';
|
|
@@ -176,6 +176,8 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
|
|
|
176
176
|
export * from './ui/login/types.js';
|
|
177
177
|
export * from './ui/login/store.js';
|
|
178
178
|
export { default as Login } from './ui/login/Login.svelte';
|
|
179
|
+
export * from './ui/frame/types.js';
|
|
180
|
+
export { default as Frame } from './ui/frame/Frame.svelte';
|
|
179
181
|
export * from './ui/chromeFrame/types.js';
|
|
180
182
|
export * from './ui/chromeFrame/chromeFrame.utils.js';
|
|
181
183
|
export * from './ui/chromeFrame/chromeFrame.store.js';
|
|
@@ -183,8 +185,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
183
185
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
184
186
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
185
187
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
186
|
-
export * from './ui/frame/types.js';
|
|
187
|
-
export { default as Frame } from './ui/frame/Frame.svelte';
|
|
188
188
|
export * from './styles/slotuisheet/utils.js';
|
|
189
189
|
export * from './styles/slotuisheet/types.js';
|
|
190
190
|
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
package/dist/index.js
CHANGED
|
@@ -108,15 +108,15 @@ export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
|
108
108
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
109
109
|
export * as alertCss from './slotui-css/alert.css';
|
|
110
110
|
export * from './csss/csss.js';
|
|
111
|
+
export * from './utils/stylesheet/utils.js';
|
|
112
|
+
export * from './utils/stylesheet/types.js';
|
|
113
|
+
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
111
114
|
export * from './utils/uses/toggler.js';
|
|
112
115
|
export * from './utils/uses/positioner.js';
|
|
113
116
|
export * from './utils/uses/navigation.js';
|
|
114
117
|
export * from './utils/uses/makeOnTop.js';
|
|
115
118
|
export * from './utils/uses/event.js';
|
|
116
119
|
export * from './utils/uses/draggabler.js';
|
|
117
|
-
export * from './utils/stylesheet/utils.js';
|
|
118
|
-
export * from './utils/stylesheet/types.js';
|
|
119
|
-
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
120
120
|
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
121
121
|
export * from './utils/looper/types.js';
|
|
122
122
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
|
@@ -129,9 +129,9 @@ export * from './utils/engine/engine.js';
|
|
|
129
129
|
export * from './utils/engine/elem.js';
|
|
130
130
|
export * from './utils/effects/transitions.js';
|
|
131
131
|
export { default as Css } from './utils/css/Css.svelte';
|
|
132
|
+
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
132
133
|
export * from './utils/content/types.js';
|
|
133
134
|
export { default as Content } from './utils/content/Content.svelte';
|
|
134
|
-
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
135
135
|
export * from './ui/window/types.js';
|
|
136
136
|
export * from './ui/window/store.js';
|
|
137
137
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -155,6 +155,10 @@ export { default as BootMenu } from './ui/startMenu/BootMenu.svelte';
|
|
|
155
155
|
export { default as ServiceBox } from './ui/serviceBox/ServiceBox.svelte';
|
|
156
156
|
export * from './ui/preview/types.js';
|
|
157
157
|
export { default as Preview } from './ui/preview/Preview.svelte';
|
|
158
|
+
export * from './ui/popper/usePopper.js';
|
|
159
|
+
export * from './ui/popper/types.js';
|
|
160
|
+
export * from './ui/popper/actions.js';
|
|
161
|
+
export { default as Popper } from './ui/popper/Popper.svelte';
|
|
158
162
|
export * from './ui/panel/types.js';
|
|
159
163
|
export { default as Paneler } from './ui/panel/Paneler.svelte';
|
|
160
164
|
export { default as PanelSlide } from './ui/panel/PanelSlide.svelte';
|
|
@@ -164,10 +168,6 @@ export * from './ui/menuList/types.js';
|
|
|
164
168
|
export { default as MenuListTitle } from './ui/menuList/MenuListTitle.svelte';
|
|
165
169
|
export { default as MenuListItem } from './ui/menuList/MenuListItem.svelte';
|
|
166
170
|
export { default as MenuList } from './ui/menuList/MenuList.svelte';
|
|
167
|
-
export * from './ui/popper/usePopper.js';
|
|
168
|
-
export * from './ui/popper/types.js';
|
|
169
|
-
export * from './ui/popper/actions.js';
|
|
170
|
-
export { default as Popper } from './ui/popper/Popper.svelte';
|
|
171
171
|
export * from './ui/menu/types.js';
|
|
172
172
|
export { default as MenuTitle } from './ui/menu/MenuTitle.svelte';
|
|
173
173
|
export { default as MenuItem } from './ui/menu/MenuItem.svelte';
|
|
@@ -177,6 +177,8 @@ export { default as Marquee } from './ui/marquee/Marquee.svelte';
|
|
|
177
177
|
export * from './ui/login/types.js';
|
|
178
178
|
export * from './ui/login/store.js';
|
|
179
179
|
export { default as Login } from './ui/login/Login.svelte';
|
|
180
|
+
export * from './ui/frame/types.js';
|
|
181
|
+
export { default as Frame } from './ui/frame/Frame.svelte';
|
|
180
182
|
export * from './ui/chromeFrame/types.js';
|
|
181
183
|
export * from './ui/chromeFrame/chromeFrame.utils.js';
|
|
182
184
|
export * from './ui/chromeFrame/chromeFrame.store.js';
|
|
@@ -184,8 +186,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
184
186
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
185
187
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
186
188
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
187
|
-
export * from './ui/frame/types.js';
|
|
188
|
-
export { default as Frame } from './ui/frame/Frame.svelte';
|
|
189
189
|
export * from './styles/slotuisheet/utils.js';
|
|
190
190
|
export * from './styles/slotuisheet/types.js';
|
|
191
191
|
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
@@ -409,59 +409,6 @@
|
|
|
409
409
|
--hide-selector: hide;
|
|
410
410
|
}
|
|
411
411
|
|
|
412
|
-
/** tree.scss ----------------*/
|
|
413
|
-
:root {
|
|
414
|
-
--tree-cell-border: 1px solid transparent;
|
|
415
|
-
--tree-cell-padding: var(--sld-pad-tiny);
|
|
416
|
-
--tree-cell-border-radius: var(--sld-radius-small);
|
|
417
|
-
--tree-cell-gap: var(--sld-gap-tiny);
|
|
418
|
-
--tree-cell-arrow-width: 16px;
|
|
419
|
-
--tree-cell-title-gutter-gap: var(--sld-pad-tiny);
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
.tree-cell {
|
|
423
|
-
border: var(--tree-cell-border);
|
|
424
|
-
padding: var(--tree-cell-padding);
|
|
425
|
-
padding-left: var(--tree-level);
|
|
426
|
-
border-radius: var(--tree-cell-border-radius);
|
|
427
|
-
gap: var(--tree-cell-gap);
|
|
428
|
-
display: flex;
|
|
429
|
-
align-items: center;
|
|
430
|
-
width: 100%;
|
|
431
|
-
cursor: pointer;
|
|
432
|
-
}
|
|
433
|
-
.tree-cell-arrow {
|
|
434
|
-
width: var(--tree-cell-arrow-width);
|
|
435
|
-
text-align: center;
|
|
436
|
-
}
|
|
437
|
-
.tree-cell-title-gutter {
|
|
438
|
-
display: flex;
|
|
439
|
-
align-items: center;
|
|
440
|
-
gap: var(--tree-cell-title-gutter-gap);
|
|
441
|
-
}
|
|
442
|
-
.tree-cell:hover {
|
|
443
|
-
border-color: var(--sld-hover-border-color);
|
|
444
|
-
background-color: var(--sld-background-disabled);
|
|
445
|
-
}
|
|
446
|
-
.tree-cell.selected, .tree-cell[aria-selected=true], .tree-cell[data-selected=true] {
|
|
447
|
-
border-color: none;
|
|
448
|
-
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
449
|
-
box-shadow: var(--sld-selected-shadow);
|
|
450
|
-
}
|
|
451
|
-
.tree-cell.selected .listItemChip,
|
|
452
|
-
.tree-cell.selected .menuItemChip, .tree-cell[aria-selected=true] .listItemChip,
|
|
453
|
-
.tree-cell[aria-selected=true] .menuItemChip, .tree-cell[data-selected=true] .listItemChip,
|
|
454
|
-
.tree-cell[data-selected=true] .menuItemChip {
|
|
455
|
-
position: absolute;
|
|
456
|
-
min-height: 16px;
|
|
457
|
-
height: 50%;
|
|
458
|
-
width: 3px;
|
|
459
|
-
background-color: var(--sld-color-primary);
|
|
460
|
-
border-radius: var(--sld-radius-med);
|
|
461
|
-
left: 0;
|
|
462
|
-
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
463
|
-
}
|
|
464
|
-
|
|
465
412
|
/** window.scss ----------------*/
|
|
466
413
|
:root {
|
|
467
414
|
--window-border-radius: var(--sld-radius-small);
|
|
@@ -524,6 +471,59 @@ dialog.window .ctrlZone {
|
|
|
524
471
|
display: flex;
|
|
525
472
|
}
|
|
526
473
|
|
|
474
|
+
/** tree.scss ----------------*/
|
|
475
|
+
:root {
|
|
476
|
+
--tree-cell-border: 1px solid transparent;
|
|
477
|
+
--tree-cell-padding: var(--sld-pad-tiny);
|
|
478
|
+
--tree-cell-border-radius: var(--sld-radius-small);
|
|
479
|
+
--tree-cell-gap: var(--sld-gap-tiny);
|
|
480
|
+
--tree-cell-arrow-width: 16px;
|
|
481
|
+
--tree-cell-title-gutter-gap: var(--sld-pad-tiny);
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.tree-cell {
|
|
485
|
+
border: var(--tree-cell-border);
|
|
486
|
+
padding: var(--tree-cell-padding);
|
|
487
|
+
padding-left: var(--tree-level);
|
|
488
|
+
border-radius: var(--tree-cell-border-radius);
|
|
489
|
+
gap: var(--tree-cell-gap);
|
|
490
|
+
display: flex;
|
|
491
|
+
align-items: center;
|
|
492
|
+
width: 100%;
|
|
493
|
+
cursor: pointer;
|
|
494
|
+
}
|
|
495
|
+
.tree-cell-arrow {
|
|
496
|
+
width: var(--tree-cell-arrow-width);
|
|
497
|
+
text-align: center;
|
|
498
|
+
}
|
|
499
|
+
.tree-cell-title-gutter {
|
|
500
|
+
display: flex;
|
|
501
|
+
align-items: center;
|
|
502
|
+
gap: var(--tree-cell-title-gutter-gap);
|
|
503
|
+
}
|
|
504
|
+
.tree-cell:hover {
|
|
505
|
+
border-color: var(--sld-hover-border-color);
|
|
506
|
+
background-color: var(--sld-background-disabled);
|
|
507
|
+
}
|
|
508
|
+
.tree-cell.selected, .tree-cell[aria-selected=true], .tree-cell[data-selected=true] {
|
|
509
|
+
border-color: none;
|
|
510
|
+
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
511
|
+
box-shadow: var(--sld-selected-shadow);
|
|
512
|
+
}
|
|
513
|
+
.tree-cell.selected .listItemChip,
|
|
514
|
+
.tree-cell.selected .menuItemChip, .tree-cell[aria-selected=true] .listItemChip,
|
|
515
|
+
.tree-cell[aria-selected=true] .menuItemChip, .tree-cell[data-selected=true] .listItemChip,
|
|
516
|
+
.tree-cell[data-selected=true] .menuItemChip {
|
|
517
|
+
position: absolute;
|
|
518
|
+
min-height: 16px;
|
|
519
|
+
height: 50%;
|
|
520
|
+
width: 3px;
|
|
521
|
+
background-color: var(--sld-color-primary);
|
|
522
|
+
border-radius: var(--sld-radius-med);
|
|
523
|
+
left: 0;
|
|
524
|
+
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
525
|
+
}
|
|
526
|
+
|
|
527
527
|
/** toolbar.scss ----------------*/
|
|
528
528
|
:root {
|
|
529
529
|
--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
|
|
@@ -597,6 +597,33 @@ dialog.window .ctrlZone {
|
|
|
597
597
|
overflow: hidden;
|
|
598
598
|
}
|
|
599
599
|
|
|
600
|
+
/** taskbar.scss ----------------*/
|
|
601
|
+
:root {
|
|
602
|
+
--taskbar-grid-gap: var(--sld-gap-tiny);
|
|
603
|
+
--taskbar-background-color: rgba(255, 255, 255, 0.5);
|
|
604
|
+
--taskbar-backdrop-filter: blur(20px);
|
|
605
|
+
--taskbar-min-height: 48px;
|
|
606
|
+
--taskbar-border-bottom: rgba(255, 255, 255, 0.2);
|
|
607
|
+
--taskbar-box-shadow: var(--sld-elevation-3);
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.taskbar {
|
|
611
|
+
display: flex;
|
|
612
|
+
align-items: center;
|
|
613
|
+
grid-gap: var(--taskbar-grid-gap);
|
|
614
|
+
background-size: auto;
|
|
615
|
+
background-color: var(--taskbar-background-color);
|
|
616
|
+
--moz-backdrop-filter: var(--taskbar-backdrop-filter);
|
|
617
|
+
backdrop-filter: var(--taskbar-backdrop-filter);
|
|
618
|
+
min-height: var(--taskbar-min-height);
|
|
619
|
+
border-bottom: 1px solid var(--taskbar-border-bottom);
|
|
620
|
+
box-shadow: var(--taskbar-box-shadow);
|
|
621
|
+
box-sizing: border-box;
|
|
622
|
+
}
|
|
623
|
+
.taskbar-main {
|
|
624
|
+
flex: 1;
|
|
625
|
+
}
|
|
626
|
+
|
|
600
627
|
/** boot-menu.scss ----------------*/
|
|
601
628
|
:root {
|
|
602
629
|
--boot-menu-background-color: rgba(90, 67, 52, 0.9);
|
|
@@ -676,33 +703,6 @@ dialog.window .ctrlZone {
|
|
|
676
703
|
padding: var(--boot-menu-bottom-bar-padding);
|
|
677
704
|
}
|
|
678
705
|
|
|
679
|
-
/** taskbar.scss ----------------*/
|
|
680
|
-
:root {
|
|
681
|
-
--taskbar-grid-gap: var(--sld-gap-tiny);
|
|
682
|
-
--taskbar-background-color: rgba(255, 255, 255, 0.5);
|
|
683
|
-
--taskbar-backdrop-filter: blur(20px);
|
|
684
|
-
--taskbar-min-height: 48px;
|
|
685
|
-
--taskbar-border-bottom: rgba(255, 255, 255, 0.2);
|
|
686
|
-
--taskbar-box-shadow: var(--sld-elevation-3);
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
.taskbar {
|
|
690
|
-
display: flex;
|
|
691
|
-
align-items: center;
|
|
692
|
-
grid-gap: var(--taskbar-grid-gap);
|
|
693
|
-
background-size: auto;
|
|
694
|
-
background-color: var(--taskbar-background-color);
|
|
695
|
-
--moz-backdrop-filter: var(--taskbar-backdrop-filter);
|
|
696
|
-
backdrop-filter: var(--taskbar-backdrop-filter);
|
|
697
|
-
min-height: var(--taskbar-min-height);
|
|
698
|
-
border-bottom: 1px solid var(--taskbar-border-bottom);
|
|
699
|
-
box-shadow: var(--taskbar-box-shadow);
|
|
700
|
-
box-sizing: border-box;
|
|
701
|
-
}
|
|
702
|
-
.taskbar-main {
|
|
703
|
-
flex: 1;
|
|
704
|
-
}
|
|
705
|
-
|
|
706
706
|
/** popper.scss ----------------*/
|
|
707
707
|
:root {
|
|
708
708
|
--popper-border-radius: var(--sld-radius-tiny);
|
|
@@ -1407,93 +1407,6 @@ li.menuItem .menu-list-item-action {
|
|
|
1407
1407
|
position: relative;
|
|
1408
1408
|
}
|
|
1409
1409
|
|
|
1410
|
-
/** tabs.scss ----------------*/
|
|
1411
|
-
:root {
|
|
1412
|
-
--tabs-nav-border-color: var(--sld-color-primary-alpha-high);
|
|
1413
|
-
--tabs-content-background-color: var(--sld-color-background);
|
|
1414
|
-
--tabs-content-secondary-padding: var(--box-density-preset-small);
|
|
1415
|
-
--tabs-content-secondary-gap: var(--sld-gap-small);
|
|
1416
|
-
--tabs-content-secondary-icon-border-right: var(--sld-color-border);
|
|
1417
|
-
--tabs-content-secondary-icon-border-radius: var(--sld-radius-tiny);
|
|
1418
|
-
--tabs-content-secondary-icon-box-shadow: var(--sld-elevation-3);
|
|
1419
|
-
--tabs-content-secondary-icon-padding: var(--sld-padding-small);
|
|
1420
|
-
--tabs-floating-cell-slot-border-radius: var(--sld-radius-small);
|
|
1421
|
-
--tabs-floating-cell-slot-background-color: var(--sld-color-primary);
|
|
1422
|
-
}
|
|
1423
|
-
|
|
1424
|
-
.tab {
|
|
1425
|
-
position: relative;
|
|
1426
|
-
display: flex;
|
|
1427
|
-
}
|
|
1428
|
-
.tab[aria-orientation=horizontal] ul {
|
|
1429
|
-
flex-direction: column;
|
|
1430
|
-
}
|
|
1431
|
-
.tab[aria-orientation=vertical] {
|
|
1432
|
-
flex-direction: column;
|
|
1433
|
-
}
|
|
1434
|
-
.tab-nav {
|
|
1435
|
-
padding: 0.25rem 0;
|
|
1436
|
-
gap: var(--sld-gap-med);
|
|
1437
|
-
border-bottom: 1px solid var(--tabs-nav-border-color);
|
|
1438
|
-
position: relative;
|
|
1439
|
-
display: flex;
|
|
1440
|
-
align-items: center;
|
|
1441
|
-
width: 100%;
|
|
1442
|
-
}
|
|
1443
|
-
.tab-nav[aria-orientation=horizontal] {
|
|
1444
|
-
flex-direction: column;
|
|
1445
|
-
}
|
|
1446
|
-
.tab-nav-rail {
|
|
1447
|
-
display: flex;
|
|
1448
|
-
flex: 1;
|
|
1449
|
-
flex-wrap: wrap;
|
|
1450
|
-
padding-left: 0;
|
|
1451
|
-
margin-bottom: 0;
|
|
1452
|
-
}
|
|
1453
|
-
.tab-nav-rail > button {
|
|
1454
|
-
padding: var(--box-density-preset-small);
|
|
1455
|
-
min-width: 48px;
|
|
1456
|
-
cursor: pointer;
|
|
1457
|
-
background: none;
|
|
1458
|
-
border: none;
|
|
1459
|
-
}
|
|
1460
|
-
.tab-nav-rail > button.active, .tab-nav-rail > button[aria-selected=true] {
|
|
1461
|
-
font-weight: bold;
|
|
1462
|
-
}
|
|
1463
|
-
.tab-content {
|
|
1464
|
-
flex: 1;
|
|
1465
|
-
background-color: var(--tabs-content-background-color);
|
|
1466
|
-
position: relative;
|
|
1467
|
-
width: 100%;
|
|
1468
|
-
}
|
|
1469
|
-
.tab-content-secondary {
|
|
1470
|
-
display: flex;
|
|
1471
|
-
padding: var(--tabs-content-secondary-padding) unset;
|
|
1472
|
-
gap: var(--tabs-content-secondary-gap);
|
|
1473
|
-
}
|
|
1474
|
-
.tab-content-secondary-icon {
|
|
1475
|
-
border-right: 1px solid var(--tabs-content-secondary-icon-border-right);
|
|
1476
|
-
border-radius: var(--tabs-content-secondary-icon-border-radius);
|
|
1477
|
-
box-shadow: var(--tabs-content-secondary-icon-box-shadow);
|
|
1478
|
-
padding: var(--tabs-content-secondary-icon-padding);
|
|
1479
|
-
}
|
|
1480
|
-
.tab-floating-cell {
|
|
1481
|
-
top: auto;
|
|
1482
|
-
position: relative;
|
|
1483
|
-
min-height: 4px;
|
|
1484
|
-
height: 4px;
|
|
1485
|
-
transition: all 0.15;
|
|
1486
|
-
}
|
|
1487
|
-
.tab-floating-cell-snip {
|
|
1488
|
-
border-radius: var(--tabs-floating-cell-slot-border-radius);
|
|
1489
|
-
min-height: 4px;
|
|
1490
|
-
background-color: var(--tabs-floating-cell-slot-background-color);
|
|
1491
|
-
width: 100%;
|
|
1492
|
-
position: absolute;
|
|
1493
|
-
transition: all 0.25s ease-in;
|
|
1494
|
-
z-index: 200;
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
1410
|
/** stylesheet.scss ----------------*/
|
|
1498
1411
|
:root {
|
|
1499
1412
|
--container-item: container-item;
|
|
@@ -2549,6 +2462,93 @@ body[data-theme=dark],
|
|
|
2549
2462
|
--hide-selector: hide;
|
|
2550
2463
|
}
|
|
2551
2464
|
|
|
2465
|
+
/** tabs.scss ----------------*/
|
|
2466
|
+
:root {
|
|
2467
|
+
--tabs-nav-border-color: var(--sld-color-primary-alpha-high);
|
|
2468
|
+
--tabs-content-background-color: var(--sld-color-background);
|
|
2469
|
+
--tabs-content-secondary-padding: var(--box-density-preset-small);
|
|
2470
|
+
--tabs-content-secondary-gap: var(--sld-gap-small);
|
|
2471
|
+
--tabs-content-secondary-icon-border-right: var(--sld-color-border);
|
|
2472
|
+
--tabs-content-secondary-icon-border-radius: var(--sld-radius-tiny);
|
|
2473
|
+
--tabs-content-secondary-icon-box-shadow: var(--sld-elevation-3);
|
|
2474
|
+
--tabs-content-secondary-icon-padding: var(--sld-padding-small);
|
|
2475
|
+
--tabs-floating-cell-slot-border-radius: var(--sld-radius-small);
|
|
2476
|
+
--tabs-floating-cell-slot-background-color: var(--sld-color-primary);
|
|
2477
|
+
}
|
|
2478
|
+
|
|
2479
|
+
.tab {
|
|
2480
|
+
position: relative;
|
|
2481
|
+
display: flex;
|
|
2482
|
+
}
|
|
2483
|
+
.tab[aria-orientation=horizontal] ul {
|
|
2484
|
+
flex-direction: column;
|
|
2485
|
+
}
|
|
2486
|
+
.tab[aria-orientation=vertical] {
|
|
2487
|
+
flex-direction: column;
|
|
2488
|
+
}
|
|
2489
|
+
.tab-nav {
|
|
2490
|
+
padding: 0.25rem 0;
|
|
2491
|
+
gap: var(--sld-gap-med);
|
|
2492
|
+
border-bottom: 1px solid var(--tabs-nav-border-color);
|
|
2493
|
+
position: relative;
|
|
2494
|
+
display: flex;
|
|
2495
|
+
align-items: center;
|
|
2496
|
+
width: 100%;
|
|
2497
|
+
}
|
|
2498
|
+
.tab-nav[aria-orientation=horizontal] {
|
|
2499
|
+
flex-direction: column;
|
|
2500
|
+
}
|
|
2501
|
+
.tab-nav-rail {
|
|
2502
|
+
display: flex;
|
|
2503
|
+
flex: 1;
|
|
2504
|
+
flex-wrap: wrap;
|
|
2505
|
+
padding-left: 0;
|
|
2506
|
+
margin-bottom: 0;
|
|
2507
|
+
}
|
|
2508
|
+
.tab-nav-rail > button {
|
|
2509
|
+
padding: var(--box-density-preset-small);
|
|
2510
|
+
min-width: 48px;
|
|
2511
|
+
cursor: pointer;
|
|
2512
|
+
background: none;
|
|
2513
|
+
border: none;
|
|
2514
|
+
}
|
|
2515
|
+
.tab-nav-rail > button.active, .tab-nav-rail > button[aria-selected=true] {
|
|
2516
|
+
font-weight: bold;
|
|
2517
|
+
}
|
|
2518
|
+
.tab-content {
|
|
2519
|
+
flex: 1;
|
|
2520
|
+
background-color: var(--tabs-content-background-color);
|
|
2521
|
+
position: relative;
|
|
2522
|
+
width: 100%;
|
|
2523
|
+
}
|
|
2524
|
+
.tab-content-secondary {
|
|
2525
|
+
display: flex;
|
|
2526
|
+
padding: var(--tabs-content-secondary-padding) unset;
|
|
2527
|
+
gap: var(--tabs-content-secondary-gap);
|
|
2528
|
+
}
|
|
2529
|
+
.tab-content-secondary-icon {
|
|
2530
|
+
border-right: 1px solid var(--tabs-content-secondary-icon-border-right);
|
|
2531
|
+
border-radius: var(--tabs-content-secondary-icon-border-radius);
|
|
2532
|
+
box-shadow: var(--tabs-content-secondary-icon-box-shadow);
|
|
2533
|
+
padding: var(--tabs-content-secondary-icon-padding);
|
|
2534
|
+
}
|
|
2535
|
+
.tab-floating-cell {
|
|
2536
|
+
top: auto;
|
|
2537
|
+
position: relative;
|
|
2538
|
+
min-height: 4px;
|
|
2539
|
+
height: 4px;
|
|
2540
|
+
transition: all 0.15;
|
|
2541
|
+
}
|
|
2542
|
+
.tab-floating-cell-snip {
|
|
2543
|
+
border-radius: var(--tabs-floating-cell-slot-border-radius);
|
|
2544
|
+
min-height: 4px;
|
|
2545
|
+
background-color: var(--tabs-floating-cell-slot-background-color);
|
|
2546
|
+
width: 100%;
|
|
2547
|
+
position: absolute;
|
|
2548
|
+
transition: all 0.25s ease-in;
|
|
2549
|
+
z-index: 200;
|
|
2550
|
+
}
|
|
2551
|
+
|
|
2552
2552
|
/** drawer.scss ----------------*/
|
|
2553
2553
|
:root {
|
|
2554
2554
|
--drawer-color: inherit;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ChromeFrameArgs, IChromeOptionsFrameArgs } from './types.js';
|
|
2
|
+
export type WindowStoreListType = Map<string | number, ChromeFrameArgs>;
|
|
3
|
+
/** used as a reference */
|
|
4
|
+
export declare const windowListObjects: Map<string | number, ChromeFrameArgs<Record<string, any>>>;
|
|
5
|
+
/** active frameId */
|
|
6
|
+
export declare const activeFrame: import("svelte/store").Writable<string | number>;
|
|
7
|
+
/** host the generic configuration */
|
|
8
|
+
export declare const chromeFrameConfigStore: import("svelte/store").Writable<IChromeOptionsFrameArgs>;
|
|
9
|
+
/** host the chromeFrame list */
|
|
10
|
+
export declare const chromeFrameListStore: import("svelte/store").Writable<WindowStoreListType>;
|
|
11
|
+
export declare const chromeFrameStore: {
|
|
12
|
+
subscribe: {
|
|
13
|
+
(this: void, run: import("svelte/store").Subscriber<WindowStoreListType>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
14
|
+
(this: void, run: import("svelte/store").Subscriber<WindowStoreListType>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
15
|
+
};
|
|
16
|
+
activeFrame: import("svelte/store").Writable<string | number>;
|
|
17
|
+
defaultConfigStore: import("svelte/store").Writable<IChromeOptionsFrameArgs>;
|
|
18
|
+
create: (payload: ChromeFrameArgs) => void;
|
|
19
|
+
open: (payload: ChromeFrameArgs) => void;
|
|
20
|
+
close: (frameId: string | number) => void;
|
|
21
|
+
minimize: (frameId: string | number) => void;
|
|
22
|
+
toggle: (frameId: string | number) => void;
|
|
23
|
+
remove: (frameId: string | number) => void;
|
|
24
|
+
updatePos: (frameId: string | number, position: ChromeFrameArgs["position"]) => void;
|
|
25
|
+
makeOnTop: (frameId: string | number) => void;
|
|
26
|
+
reset: () => void;
|
|
27
|
+
};
|
|
28
|
+
export declare const chromeFrameListRef: Record<string, any>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import type { ChromeFrameArgs } from './types.js';
|
|
2
2
|
export declare function getChromeFrame(frameId: string | number): {
|
|
3
|
-
subscribe:
|
|
3
|
+
subscribe: {
|
|
4
|
+
(this: void, run: import("svelte/store").Subscriber<ChromeFrameArgs<Record<string, any>> | undefined>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
5
|
+
(this: void, run: import("svelte/store").Subscriber<ChromeFrameArgs<Record<string, any>> | undefined>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
6
|
+
};
|
|
4
7
|
updatePos: (position: ChromeFrameArgs["position"]) => void;
|
|
5
8
|
remove: () => void;
|
|
6
9
|
makeOnTop: () => void;
|
|
@@ -5,8 +5,14 @@ export interface Wstore {
|
|
|
5
5
|
activatedFrame?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const wStore: {
|
|
8
|
-
subscribe:
|
|
9
|
-
|
|
8
|
+
subscribe: {
|
|
9
|
+
(this: void, run: import("svelte/store").Subscriber<Wstore>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
10
|
+
(this: void, run: import("svelte/store").Subscriber<Wstore>, invalidate?: (() => void) | undefined): import("svelte/store").Unsubscriber;
|
|
11
|
+
};
|
|
12
|
+
set: {
|
|
13
|
+
(this: void, value: Wstore): void;
|
|
14
|
+
(this: void, value: Wstore): void;
|
|
15
|
+
};
|
|
10
16
|
get: typeof get;
|
|
11
17
|
create: (payload: any) => void;
|
|
12
18
|
open: (payload: any) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.38.0",
|
|
4
4
|
"scope": "@medyll",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite dev",
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
"dependencies": {
|
|
88
88
|
"@iconify/svelte": "^4.0.2",
|
|
89
89
|
"@medyll/cssfabric": "^0.4.2",
|
|
90
|
-
"@medyll/idae-be": "^0.
|
|
91
|
-
"@medyll/idae-engine": "^1.
|
|
90
|
+
"@medyll/idae-be": "^0.38.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.36.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.1.8",
|
|
94
94
|
"npm-check-updates": "^17.0.2",
|