@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 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
+ }