@medyll/idae-slotui-svelte 0.39.0 → 0.40.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/index.d.ts +4 -2
- package/dist/index.js +4 -2
- package/dist/slotui-css/slotui-combined.css +48 -48
- package/dist/slotui-css/slotui-css.css +5075 -0
- package/dist/slotui-css/slotui-min-css.css +5075 -0
- package/dist/ui/marquee/{Marque.demo.svelte → Marquee.demo.svelte} +1 -1
- package/dist/ui/marquee/{Marque.demo.svelte.d.ts → Marquee.demo.svelte.d.ts} +4 -3
- package/dist/ui/toast/Toast.svelte +3 -7
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './componentCite.js';
|
|
2
|
+
export * from './csss/csss.js';
|
|
2
3
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
3
4
|
export * as windowCss from './slotui-css/window.css';
|
|
4
5
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -31,6 +32,8 @@ export * as slotuiPresetsMinCss from './slotui-css/slotui-presets.min.css';
|
|
|
31
32
|
export * as slotuiPresetsCss from './slotui-css/slotui-presets.css';
|
|
32
33
|
export * as slotuiMixinsMinCss from './slotui-css/slotui-mixins.min.css';
|
|
33
34
|
export * as slotuiMixinsCss from './slotui-css/slotui-mixins.css';
|
|
35
|
+
export * as slotuiMinCssCss from './slotui-css/slotui-min-css.css';
|
|
36
|
+
export * as slotuiCssCss from './slotui-css/slotui-css.css';
|
|
34
37
|
export * as slotuiCombinedCss from './slotui-css/slotui-combined.css';
|
|
35
38
|
export * as sliderMinCss from './slotui-css/slider.min.css';
|
|
36
39
|
export * as sliderCss from './slotui-css/slider.css';
|
|
@@ -106,17 +109,16 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
106
109
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
107
110
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
108
111
|
export * as alertCss from './slotui-css/alert.css';
|
|
109
|
-
export * from './csss/csss.js';
|
|
110
112
|
export * from './utils/uses/toggler.js';
|
|
111
113
|
export * from './utils/uses/positioner.js';
|
|
112
114
|
export * from './utils/uses/navigation.js';
|
|
113
115
|
export * from './utils/uses/makeOnTop.js';
|
|
114
116
|
export * from './utils/uses/event.js';
|
|
115
117
|
export * from './utils/uses/draggabler.js';
|
|
116
|
-
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
117
118
|
export * from './utils/stylesheet/utils.js';
|
|
118
119
|
export * from './utils/stylesheet/types.js';
|
|
119
120
|
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
121
|
+
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
120
122
|
export * from './utils/looper/types.js';
|
|
121
123
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
|
122
124
|
export * from './utils/engine/wactions.utils.js';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// auto exports of entry components
|
|
2
2
|
export * from './componentCite.js';
|
|
3
|
+
export * from './csss/csss.js';
|
|
3
4
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
4
5
|
export * as windowCss from './slotui-css/window.css';
|
|
5
6
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -32,6 +33,8 @@ export * as slotuiPresetsMinCss from './slotui-css/slotui-presets.min.css';
|
|
|
32
33
|
export * as slotuiPresetsCss from './slotui-css/slotui-presets.css';
|
|
33
34
|
export * as slotuiMixinsMinCss from './slotui-css/slotui-mixins.min.css';
|
|
34
35
|
export * as slotuiMixinsCss from './slotui-css/slotui-mixins.css';
|
|
36
|
+
export * as slotuiMinCssCss from './slotui-css/slotui-min-css.css';
|
|
37
|
+
export * as slotuiCssCss from './slotui-css/slotui-css.css';
|
|
35
38
|
export * as slotuiCombinedCss from './slotui-css/slotui-combined.css';
|
|
36
39
|
export * as sliderMinCss from './slotui-css/slider.min.css';
|
|
37
40
|
export * as sliderCss from './slotui-css/slider.css';
|
|
@@ -107,17 +110,16 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
107
110
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
108
111
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
109
112
|
export * as alertCss from './slotui-css/alert.css';
|
|
110
|
-
export * from './csss/csss.js';
|
|
111
113
|
export * from './utils/uses/toggler.js';
|
|
112
114
|
export * from './utils/uses/positioner.js';
|
|
113
115
|
export * from './utils/uses/navigation.js';
|
|
114
116
|
export * from './utils/uses/makeOnTop.js';
|
|
115
117
|
export * from './utils/uses/event.js';
|
|
116
118
|
export * from './utils/uses/draggabler.js';
|
|
117
|
-
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
118
119
|
export * from './utils/stylesheet/utils.js';
|
|
119
120
|
export * from './utils/stylesheet/types.js';
|
|
120
121
|
export { default as StyleSheet } from './utils/stylesheet/StyleSheet.svelte';
|
|
122
|
+
export { default as Slotted } from './utils/slotted/Slotted.svelte';
|
|
121
123
|
export * from './utils/looper/types.js';
|
|
122
124
|
export { default as Looper } from './utils/looper/Looper.svelte';
|
|
123
125
|
export * from './utils/engine/wactions.utils.js';
|
|
@@ -524,36 +524,6 @@ dialog.window .ctrlZone {
|
|
|
524
524
|
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
525
525
|
}
|
|
526
526
|
|
|
527
|
-
/** toolbar.scss ----------------*/
|
|
528
|
-
:root {
|
|
529
|
-
--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
|
|
530
|
-
--toolbar-gap: var(--sld-pad-tiny);
|
|
531
|
-
--toolbar-divider-border: 1px solid red;
|
|
532
|
-
--toolbar-divider-height: 1rem;
|
|
533
|
-
--toolbar-vertical-divider-border: 1px solid green;
|
|
534
|
-
--toolbar-vertical-divider-width: 1rem;
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
.toolbar {
|
|
538
|
-
display: flex;
|
|
539
|
-
flex-direction: row;
|
|
540
|
-
align-items: center;
|
|
541
|
-
padding: var(--toolbar-padding);
|
|
542
|
-
gap: var(--toolbar-gap);
|
|
543
|
-
}
|
|
544
|
-
.toolbar divider {
|
|
545
|
-
border: var(--toolbar-divider-border);
|
|
546
|
-
height: var(--toolbar-divider-height);
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.toolbar.vertical {
|
|
550
|
-
flex-direction: column;
|
|
551
|
-
}
|
|
552
|
-
.toolbar.vertical divider {
|
|
553
|
-
border: var(--toolbar-vertical-divider-border);
|
|
554
|
-
width: var(--toolbar-vertical-divider-width);
|
|
555
|
-
}
|
|
556
|
-
|
|
557
527
|
/** toggle-bar.scss ----------------*/
|
|
558
528
|
:root {
|
|
559
529
|
--toggle-bar-padding: var(--sld-commandbar-padding, var(--box-density-1));
|
|
@@ -597,6 +567,36 @@ dialog.window .ctrlZone {
|
|
|
597
567
|
overflow: hidden;
|
|
598
568
|
}
|
|
599
569
|
|
|
570
|
+
/** toolbar.scss ----------------*/
|
|
571
|
+
:root {
|
|
572
|
+
--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
|
|
573
|
+
--toolbar-gap: var(--sld-pad-tiny);
|
|
574
|
+
--toolbar-divider-border: 1px solid red;
|
|
575
|
+
--toolbar-divider-height: 1rem;
|
|
576
|
+
--toolbar-vertical-divider-border: 1px solid green;
|
|
577
|
+
--toolbar-vertical-divider-width: 1rem;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.toolbar {
|
|
581
|
+
display: flex;
|
|
582
|
+
flex-direction: row;
|
|
583
|
+
align-items: center;
|
|
584
|
+
padding: var(--toolbar-padding);
|
|
585
|
+
gap: var(--toolbar-gap);
|
|
586
|
+
}
|
|
587
|
+
.toolbar divider {
|
|
588
|
+
border: var(--toolbar-divider-border);
|
|
589
|
+
height: var(--toolbar-divider-height);
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.toolbar.vertical {
|
|
593
|
+
flex-direction: column;
|
|
594
|
+
}
|
|
595
|
+
.toolbar.vertical divider {
|
|
596
|
+
border: var(--toolbar-vertical-divider-border);
|
|
597
|
+
width: var(--toolbar-vertical-divider-width);
|
|
598
|
+
}
|
|
599
|
+
|
|
600
600
|
/** taskbar.scss ----------------*/
|
|
601
601
|
:root {
|
|
602
602
|
--taskbar-grid-gap: var(--sld-gap-tiny);
|
|
@@ -4909,24 +4909,6 @@ hr.vertical {
|
|
|
4909
4909
|
justify-content: end;
|
|
4910
4910
|
}
|
|
4911
4911
|
|
|
4912
|
-
/** badge.scss ----------------*/
|
|
4913
|
-
:root {
|
|
4914
|
-
--badge-color-border: var(--sld-color-border);
|
|
4915
|
-
}
|
|
4916
|
-
|
|
4917
|
-
.badge {
|
|
4918
|
-
position: absolute;
|
|
4919
|
-
border-radius: 50%;
|
|
4920
|
-
border: 1px solid var(--badge-color-border);
|
|
4921
|
-
display: grid;
|
|
4922
|
-
place-items: center;
|
|
4923
|
-
width: 16px;
|
|
4924
|
-
height: 16px;
|
|
4925
|
-
}
|
|
4926
|
-
.badge .hidden {
|
|
4927
|
-
transform: scale(0, 0);
|
|
4928
|
-
}
|
|
4929
|
-
|
|
4930
4912
|
/** backdrop.scss ----------------*/
|
|
4931
4913
|
:root {
|
|
4932
4914
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -5073,3 +5055,21 @@ dialog.alert article.dialog-content footer.dialog-footer button {
|
|
|
5073
5055
|
text-shadow: 0 0 0.125rem #cc0000;
|
|
5074
5056
|
background-color: red;
|
|
5075
5057
|
}
|
|
5058
|
+
|
|
5059
|
+
/** badge.scss ----------------*/
|
|
5060
|
+
:root {
|
|
5061
|
+
--badge-color-border: var(--sld-color-border);
|
|
5062
|
+
}
|
|
5063
|
+
|
|
5064
|
+
.badge {
|
|
5065
|
+
position: absolute;
|
|
5066
|
+
border-radius: 50%;
|
|
5067
|
+
border: 1px solid var(--badge-color-border);
|
|
5068
|
+
display: grid;
|
|
5069
|
+
place-items: center;
|
|
5070
|
+
width: 16px;
|
|
5071
|
+
height: 16px;
|
|
5072
|
+
}
|
|
5073
|
+
.badge .hidden {
|
|
5074
|
+
transform: scale(0, 0);
|
|
5075
|
+
}
|